2011-04-11 49 views
15

我正在寻找一种方法来播放从网络摄像机或摄像机获取的实时视频,该视频源于PC。 广播应该使用标签(它支持rtp和rtsp我认为)显示在HTML5页面中。如何在HTML5中直播视频?

查看流的用户不应该安装任何插件或视频播放器,如QuickTime。

我需要的视频在MP4格式,如:RTSP://www.mywebsite/streaming/video.mp4

这将是我把作为HTML 5视频的src链接标签。

所以我想知道是否有可能,我有什么选择做这种事情。

+0

子集http://stackoverflow.com/questions/1735933/streaming-via-rtsp-or-rtp-in-html5 – 2016-02-23 17:09:55

回答

2

这是可能的。但是如果您正在寻找跨浏览器支持,您将遇到严重问题。你可以做的是向支持它的浏览器提供HTML5视频,然后为不支持它的浏览器提供QuickTime。

<video src="stream.mp4"> 

    <!-- Don't support <video> --> 
    <object> 
     <param name="src" value="video.mp4" /> 
     
 <param name="autoplay" value="true" /> 
     
 <param name="type" value="video/quicktime" height="256" width="320" /> 
     
 
 <embed src="video.mp4" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" /> 
    </object> 

</video> 

另见:Streaming via RTSP or RTP in HTML5

+0

跨浏览器问题不会是一个问题,因为我只需要支持IE9。 我已经阅读过你发给我的链接,但是对于如何将我的流发送到服务器我没有觉得它非常有用。你知道一步一步的指南,显示如何记录流,将其发送到服务器,然后如何获得实时流的rtp路径(这将是我的视频标签中的src) – user702470 2011-04-11 15:53:15

+0

然后你应该对于普通的H.264流没有任何问题。 – 2011-04-11 15:58:27

+0

是的,我已经找到了大部分关于支持文件格式的信息和类似的东西。 但我确实需要服务器端的帮助:如何从我的摄像头流到服务器,如何检索路径以在html 5视频标签中显示它。 目前为止我在流媒体服务器上发现的一些公司提供了在Flash服务器流式传输上的流式传输(这不是我所需要的) 它必须在视频标记中实时传输流,而不使用Flash或QuickTime插件 – user702470 2011-04-11 16:02:11

1

我不认为这是现在可以“欺骗”的HTML5浏览器的实时视频流封装到一个名为” .mp4" 的文件。 我相信HTML5会在不久的将来考虑现场视频支持。 你可以做的只是等待。 :)

0

最大的兼容性,这里是我们的视频工作流程是什么样子, 请使用H.264基线视频和AAC“低复杂度”的音频在MP4容器&请使用WebM的另一个版本一个版本(VP8 + Vorbis)或Theora视频和Vorbis音频放入Ogg容器中。 我认为这种组合可以解决您在大多数浏览器上播放的问题&。 您应该至少要求两个版本的视频才能在所有浏览器中播放。