背景: 因一个项目的需要,现有海康摄像头的rtsp流地址,想在web端进行监控视频直播展示,由于实际环境限制,自行搭建流媒体服务器将其转换为更为通用的rtmp流格式的方案无法落地;故最终仍使用rtsp流在web端展示,只是仅限于360浏览器;
在调研测试过程中同时验证了一种常用转rtmp流的方式;只是作为开发的一个简单尝试;
一、html页面的展示
1. 确保拿到用来测试的rtsp视频流地址正确可用;
初始我拿到的是海康提供的浏览媒体服务器(177.6.24.15)给出的rtsp的地址;
和网上常见设备本地url不同,类似: rtsp://177.6.24.15:554/pred://192.168.1.106:8000:0:0?us=admin&pass=12345&key=ASASA
为验证url正确可用,专门下载安装了播放器vlc-3.0.7-win32.exe
将拿到的url在vlc中配置并进行播放,若能正常看到实时视频就说明地址OK.
2. 编写简易的测试html,这里使用vlc-plugin,需要提前安装vlc播放器(如前),其中的mrl对应value值,替换为有效url
<object type="application/x-vlc-plugin" style="z-index:0;position:absolute;top:0;" pluginspage="http://www.videolan.org" id="invlc" events="false" width