网页播放rtsp视频流

GitHub - vbence/stream-m: An HTML5-compatible live streaming server supporting the WebM and H.264 formats.

GitHub - 131/h264-live-player: A live h264 player for the browser (ideal for raspberrypi / raspicam )

网页播放rtsp视频流

原文：网页播放rtsp视频流_江山夜雨的博客-CSDN博客_web播放rtsp

RTSP协议 
（1）是流媒体协议。 
（2）RTSP协议是共有协议，并有专门机构做维护。 
（3）RTSP协议一般传输的是 ts、mp4 格式的流。 
（4）RTSP传输一般需要 2-3 个通道，命令和数据通道分离。

1、vlc player 
如果客户使用ie或者firefox的话，可以使用vlc player，vlc player 同样需要安装插件，需要电脑上安装vlc player的本地客户端(安装时勾选插件选项)，然后通过 标签来引入播放VLC: Official site - Free multimedia solutions for all OS! - VideoLAN，经测试发现，在IE8中可以正常运行，显示视频，在IE11和chrome浏览器中均不支持。

<!--[if IE]>
<object type='application/x-vlc-plugin' id='vlc' events='True'
        classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540">
    <param name='mrl' value='rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov' />
    <param name='volume' value='50' />
    <param name='autoplay' value='true' />
    <param name='loop' value='false' />
    <param name='fullscreen' value='false' />
</object>
<![endif]-->
<!--[if !IE]><!-->
<object type='application/x-vlc-plugin' id='vlc' events='True' width="1720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz">
    <param name='mrl' value='rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov' />
    <param name='volume' value='50' />
    <param name='autoplay' value='true' />
    <param name='loop' value='false' />
    <param name='fullscreen' value='false' />
</object>
<!--<![endif]-->

2、quicktime 
也是需要安装quicktime客户端（安装时勾选插件），下载 Windows 版 QuickTime 7.7.9 (中国) ，参考博客使用Quicktime 实现视频直播(Live video using Quicktime) (转) - FLANKE - 博客园 ， 
经测试，可以支持IE11，但是IE8的内核不支持，chrome也不支持

<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="1000px" height="600px" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
        <!--<param name="src" value="sample.mov">-->
        <param name="qtsrc" value="rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov">
        <param name="autoplay" value="true">
        <param name="loop" value="false">
        <param name="controller" value="true">
        <embed  qtsrc="rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov" width="1320px" height="756px" autoplay="true" loop="false" controller="true" pluginspage="http://www.apple.com/quicktime/"></embed>
    </object>

3、H5- streamedian 
参考地址：Streamedian ,支持chrome无插件播放，上述两个都需要安装客户端插件，streamedian不需要，但是其他浏览器不支持

<video id="test_video" controls autoplay>
    <!--<source src="rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov" type="application/x-rtsp">-->
    <source src="rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov" type="application/x-rtsp">
</video>
<script src="streamedian.js"></script>

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011562107/article/details/78548605