海康摄像头rtsp视频流html直播展示(适用360浏览器)和转rtmp流的一种配置方式

背景:  因一个项目的需要，现有海康摄像头的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