html - 在添加了图形覆盖的网站上直播直播

Question

我正在做一些关于直播的研究。我想开发一个解决方案，我将从我的网站上的多个远程摄像头收集实时流，使用底部的自定义文本横幅(即我们在新闻电视 channel 、足球比赛上)修改流并将其广播给所有人。

我知道有可用于视频流和编辑的 Flash 插件，但我想构建这个网络应用程序，使其对移动设备友好且响应迅速。

HTML5 可用于在网站上显示多个视频流，但如何在正在运行的实时流中添加文本横幅、图形或任何其他帧？

Answer 1

执行此操作的最简单方法，以及为您提供最高质量和控制演示的方法，就是在客户端应用程序上执行此操作。听起来您可以控制它，因此只需修改您的应用程序以获取视频流旁边的数据流。假设您控制客户端，这将非常有效，并且精确同步并不重要。

假设您根本不控制播放器并且您需要将所有这些都烘焙到视频中，那么您可以使用多种工具。 GStreamer、FFmpeg，甚至 VLC，取决于您的要求。如果您需要更具交互性的东西，OBS 也可能是值得研究的东西。