网页播放rtsp视频流
来源:互联网 发布:linux 打包war 编辑:程序博客网 时间:2024/06/05 20:22
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浏览器中均不支持。
<!--[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>
阅读全文
0 0
- 网页播放rtsp视频流
- 网页中插入VLC播放器播放rtsp视频流步骤
- 使用VideoView播放rtsp视频流
- 使用vlc sdk播放rtsp视频流
- ios 如何播放RTSP视频流
- iOS使用MobileVLCKit播放rtsp视频流
- Vlc播放rtsp视频
- Vlc播放rtsp视频
- Vlc播放rtsp视频
- IOS开发之VLC播放器播放RTSP视频流
- 浏览器使用quicktime插件播放rtsp实时视频流
- 谷歌浏览器Chrome播放rtsp视频流解决方案
- 浏览器使用quicktime插件播放rtsp实时视频流
- 谷歌浏览器Chrome播放rtsp视频流解决方案
- Android开发之播放RTSP协议视频流
- VLC播放RTSP视频流(360浏览器可用)
- Android使用VideoView播放网络、rtsp码流视频
- RTSP视频流的远程播放的实现
- 转载:Android 5.x OTA Update官方文档(一,关于OTA 升级)
- jsp不解析换行\n,textarea输入换行符后应该是'\n',在div中展示时替换成'<br>'
- SIFT算法原理解析
- List 的 subList方法注意点
- 纯CSS制作各种图形
- 网页播放rtsp视频流
- Node.js入门
- 如何自学Android编程
- mock2easy -- 接近真实的前端mock工具
- qt5.7.0源码编译手记
- MySql避免重复插入记录方法(ignore,Replace,ON DUPLICATE KEY UPDATE)
- 获取参加考试人员的签到名单
- 第10周项目1(2)二叉树构造算法的验证
- 第十二周 项目2-Kruskal算法的验证