在 HTML5 video 标签中显示本地视频流

Posted

技术标签:

【中文标题】在 HTML5 video 标签中显示本地视频流【英文标题】:Show local video stream in HTML5 video tag 【发布时间】:2012-01-09 14:11:27 【问题描述】:

我正在开发一个系统,我们希望在浏览器中显示来自视频采集卡的视频流。浏览器连接到远程服务器并获取包含视频的 html 页面。此视频应从连接了视频采集卡的客户端计算机流式传输。

在客户端,我们运行 Linux,并且采集卡被 Video4Linux2 注册为 /dev/video0。客户端的浏览器是 Chrome(铬浏览器)。在客户端,我们有一个可用于流式传输的网络服务器 (lighttpd)。

我已经研究了 getUserMedia API,但现在似乎对它的支持很差。我遇到的其他问题是使用本地网络服务器或在客户端设置流式服务器以在本地流式传输视频源。

任何如何设计它的想法对我来说都是很好的输入!

谢谢, /彼得

【问题讨论】:

【参考方案1】:

由于 Chrome 尚不支持 <video> 标记的 RT(S)P 流式传输,因此您必须为此使用插件。

鉴于它的可用性,我建议使用 Flash 编写简单的 SWF,它可以找到正确的视频源并显示。

如果需要,您可以使用众多可用的“录音应用程序”之一并去掉录音部分。

【讨论】:

以上是关于在 HTML5 video 标签中显示本地视频流的主要内容,如果未能解决你的问题,请参考以下文章

如何在h5中添加视频?

本地 wordpress 安装不播放 html5 视频

js使用video标签当切换视频时会显示上一个视频的

07-多媒体标签

html5 video标签简单使用

HTML5 视频标签不显示亚马逊视频