- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 Open GL 应用程序,它可以渲染模拟动画并每秒输出多个 PNG 图像文件并将这些文件保存在磁盘中。我想通过 HTTP 协议(protocol)将这些图像文件作为视频流进行流式传输,以便我可以从 Web 浏览器观看动画视频。我已经有一个强大的套接字服务器来处理来自 websocket 的连接,我可以处理所有的握手和消息编码/解码部分。我的服务器程序和 OpenGL 应用程序是用 C++ 编写的。
几个问题:
流式传输此 OpenGL 动画输出并从我的 Web 浏览器查看它的最佳方式是什么?视频图像帧由 OpenGL 应用程序动态(连续)生成为 PNG 图像文件。 Web 浏览器应显示与 Open GL 显示输出对应的视频(具有最短延迟时间)。
如何使用 C/C++ 以编程方式将这些 PNG 图像文件编码为连续(实时)视频(无需我手动将图像文件推送到流媒体服务器软件,如 Flash Media Live Encoder)?我应该制作什么格式的视频?
我应该使用网络套接字发送/接收动画数据,还是有其他更好的方法? (就像 JQuery Ajax 调用一样,我只是在编造它,但请指导我完成实现它的正确方法)。如果这个实时视频流可以在不同的浏览器上运行,那就太好了。
HTML5 video 标签是否支持实时视频流,还是仅适用于存在于特定 URL/目录(不是实时流)的完整视频文件?
是否有任何现有的代码示例(教程)用于执行此实时视频流,其中您有一个 C/C++/Java 应用程序生成一些图像帧,并有一个网络浏览器将此输出作为视频流使用?在谷歌上搜索了几个小时后,我几乎找不到关于这个主题的教程。
最佳答案
您肯定希望停止将 PNG 文件输出到磁盘,而是将图像数据帧输入视频编码器。一个不错的选择是使用 libav/ffmpeg。接下来,您必须将编码视频封装为网络友好格式。我会推荐 x264 作为编码器和 MPEG4 或 MPEG2TS 流格式。
要在网络浏览器中观看视频,您必须选择流媒体格式。 Safari 支持 HTML5 中的 HLS,但遗憾的是其他方面的支持不多。要获得广泛的客户端支持,您需要使用插件,例如 Flash 或媒体播放器。
我能想到的最简单的方法是使用 Wowza 进行服务器端重新流式传输。 GL 程序会将 MPEG2 TS 流式传输到 Wowza,然后它会为 HLS、RTMP(flash)、RTSP 和 Microsoft Smooth Streaming (Silverlight) 准备流。 Wowza 的价格约为 1000 美元。您可以使用免费的 Red5 设置 RTMP 流。或者您可以使用 VLC 提供 RTSP 服务,但 RTSP 客户端普遍很糟糕。
不幸的是,此时网络视频的标准化水平很差,视频工具也比较繁琐。这是一项艰巨的任务,但您可以使用 ffmpeg/libav 进行黑客攻击。概念证明可以是将 YUV420p 格式的图像帧写入 ffmpeg 正在监听的管道,并选择您可以使用 RTSP 客户端(例如 VLC、Quicktime 或 Windows Media Player)读取的输出流。
关于websocket - 将连续的 PNG 输出图像文件编码和流式传输为 Web 浏览器上的实时视频流,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9692238/
我正在寻找一种经济合理的解决方案来长时间存储图片。我读到 PNG 文件格式,它与 JPEG 相比具有优越的特性,即在这些类别中: 无专利、无许可、无版税 无质量损失 尚未压缩 我有很多来自 Photo
关闭。这个问题是off-topic .它目前不接受答案。 想改善这个问题吗? Update the question所以它是 on-topic对于堆栈溢出。 9年前关闭。 Improve this q
我怎么能用 FFMEG 做到这一点? 输入 : 背景图片:background.png 图片帧列表:image_001.png,image_002.png ...(每张图片为一帧) 输出:所有帧都有背
$ cat png.ll ./packages/apps/Mms/res/mipmap-hdpi/ic_launcher_smsmms.png ./packages/apps/Mms/res/draw
这个问题在这里已经有了答案: Natural Sort Order in C# (18 个答案) 关闭 7 年前。 这是我的代码: private void Method1() { int
我一直在考虑用 Webp 图像替换我的 Android 应用程序中的 png 文件以减小 APK 大小。 虽然结果不错,但我想知道我是否使用了一些 png 转换器/压缩器,并且能够将尺寸减小到比我为
在 gnuplot-4.2.6 中,我可以使用 set term png medium x000000 xffffff set output 'file.png' plot x 这将生成一个带有黑色背
背景: 我正在努力使一堆 PNG 尽可能小。我正在使用诸如 PngOut、PngCrush 和 OptiPng 之类的工具。 问题: 我遇到了一个大小为 1434 KB 但只有 230 x 230 像
我正在使用 ImageMagick 调整图像大小。如果我传递 -resize WxH 选项,它会按预期运行。但是如果我通过 -resize WxH! (在调整大小时忽略纵横比),一些图像,尤其是 PN
如何访问/删除 PNG 元数据? 我正在寻找 Mac 应用程序或 PHP 代码段。 最佳答案 抱歉发布了一个 Windows 软件,但如果你没有找到任何对 MAC 有用的东西,那就是 TweakPNG
到目前为止似乎没有任何效果。我看到了 pnginfo以下消息: concept_Sjet_dream6.png... Image Width: 200 Image Length: 240 Bi
我有一个带有 Alpha channel (即透明度)的 PNG 图像,我需要创建将图像层合成到白色背景上的版本。我想使用可编写脚本的命令,使用 CLI 工具(例如 Image Magick)将 PN
我是初学者。我昨天问了一个类似的问题,但不知何故被否决了。所以这次我尽量简化问题。 带有 alpha png 的 24 位与 32 位 png 相同吗? 非常感谢您的一些提示。 最佳答案 没有“24
我有这个带点的荷兰 pdf 图像: pdf image of the netherlands with dots 当我尝试将此 pdf 转换为 png 图像时,使用 pdftools和 png像这样:
我在我的启动图像通用项目中添加了“Default.png,Default-568h@2x.png,Default@2x.png”这三个文件,我有三个不同的图像,分辨率与苹果中提到的完全相同文档,适用于
我在 Python 中使用 google app engine 并有几个静态 .png 图像文件,但它们都以“image/x-png”内容类型提供。这是一个问题,当我使用像 chrome 这样的浏览器
我做了一个 python 脚本,该脚本设法根据特定模式解散乱序(png)图像,该 python 脚本使用 ffmpeg 并进行 12 次编码来解乱它(通过裁剪特定部分并将其粘贴到现有图片上)。 因此,
我有一个 PNG 图像文件。我想将其转换为 GeoTiff。我安装了 QGIS 软件,但无法使用它,也不知道如何对图像进行地理配准。请帮我。有没有在线软件? 最佳答案 这是一个非常好的教程,其中包含有
我有一堆使用我编写的 Java 图表工具创建的图表 - 它们主要是黑白图表,带有浅绿色的块,偶尔还有其他颜色。它们当前被保存为 JPG 文件,我想将它们插入到我准备按需打印的书中。 这本书是一个 Op
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 7年前关闭。 Improve thi
我是一名优秀的程序员,十分优秀!