在破折号流的视频帧上添加文本

时间:2020-09-26 09:08:49

标签: javascript video-streaming html5-video mpeg-dash

我已经在客户端和服务器端实现了短视频流,一切都运行良好 (我将 Github 中的dash.all.min.js用于客户端)

我想先在视频帧上添加文本,然后再将它们显示在html视频播放器上 (客户端)

1 个答案:

答案 0 :(得分:0)

要向DASH视频添加文本,您可以根据自己的意思选择几种方法:

  • 向DASH视频添加文本轨道。通常这是在服务器端完成的,然后客户端使用此信息在客户端显示它。您可以在此处查看更多信息,以及使用常用工具的示例:https://www.bento4.com/developers/dash/subtitles/

  • 将文本本身嵌入框架中-这通常会占用大量处理器,因此您不需要在客户端执行此操作。如果您确实想这样做,那么从服务器端来说,FFMPEG可能是一个不错的起点。

  • 在客户端本身上添加文字叠加层-例如浏览器App上的文本“ div”或元素,或Android上的TextView等。您可以从视频中获取计时事件以触发更改文本。如果满足您的需要并且避免任何额外的视频处理,这可能是最简单的。