网页播放rtsp视频流
2017-11-16 10:49
1821 查看
RTSP协议
(1)是流媒体协议。
(2)RTSP协议是共有协议,并有专门机构做维护。
(3)RTSP协议一般传输的是 ts、mp4 格式的流。
(4)RTSP传输一般需要 2-3 个通道,命令和数据通道分离。
1、vlc player
如果客户使用ie或者firefox的话,可以使用vlc player,vlc player 同样需要安装插件,需要电脑上安装vlc player的本地客户端(安装时勾选插件选项),然后通过 标签来引入播放https://www.videolan.org/,经测试发现,在IE8中可以正常运行,显示视频,在IE11和chrome浏览器中均不支持。
2、quicktime
也是需要安装quicktime客户端(安装时勾选插件),https://support.apple.com/kb/DL837?locale=zh_CN ,参考博客https://www.cnblogs.com/hahaha22/p/3630796.html ,
经测试,可以支持IE11,但是IE8的内核不支持,chrome也不支持
3、H5- streamedian
参考地址:https://streamedian.com/#demo ,支持chrome无插件播放,上述两个都需要安装客户端插件,streamedian不需要,但是其他浏览器不支持
(1)是流媒体协议。
(2)RTSP协议是共有协议,并有专门机构做维护。
(3)RTSP协议一般传输的是 ts、mp4 格式的流。
(4)RTSP传输一般需要 2-3 个通道,命令和数据通道分离。
1、vlc player
如果客户使用ie或者firefox的话,可以使用vlc player,vlc player 同样需要安装插件,需要电脑上安装vlc player的本地客户端(安装时勾选插件选项),然后通过 标签来引入播放https://www.videolan.org/,经测试发现,在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客户端(安装时勾选插件),https://support.apple.com/kb/DL837?locale=zh_CN ,参考博客https://www.cnblogs.com/hahaha22/p/3630796.html ,
经测试,可以支持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
参考地址:https://streamedian.com/#demo ,支持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>
相关文章推荐
- 网页中插入VLC播放器播放rtsp视频流步骤
- 网页中插入VLC播放器播放rtsp视频流步骤
- web网页中使用vlc插件播放相机rtsp流视频
- 海康IPC+NVR+EasyDarwin+EasyPusher+VLC实现Web实时播放RTSP视频
- 【FFmpeg】ffplay播放rtsp视频流花屏问题
- 在网页中加入视频播放代码
- win7本地播放视频或音乐有声音而网页上却没有声音
- 网页中加入VLC的播放RTSP流的控件(笔记)
- 网页视频播放代码
- 如何下载CTO学院中视频以所有网页中能播放的视频到电脑的方法
- 网页嵌入快播播放器并实现服务器视频文件连续播放
- VLC RTSP视频播放终极解决方案
- [导入]在网页中插入视频播放代码全集
- Javascript控制网页内Quicktime插件音视频播放
- 如何使网页播放视频
- 网页视频播放方案chimee 组件使用
- Android Webview无法播放美拍网或者优酷网视频,其他视频没问题解决办法。(网页可能暂时无法打开或已永久移至新地址)
- 网页中插入能全屏播放swf,flv视频的播放器
- 网页中插入视频播放代码全集
- 网页播放的视频代码