web端vlc实现rtsp协议摄像头播放

1、使用360浏览器（chrome已禁用npapi插件，导致无法使用vlc播放rtsp流媒体协议的视频）

2、使用object或embed标签

//html部分
<object type='application/x-vlc-plugin' windowless="true" pluginspage="http://www.videolan.org/" id="vlc" events="false">
    <param name='mrl'> 
    <param name='volume' value='50'>
    <param name='autoplay' value='true'>
    <param name='loop' value='false'>
    <param name='fullscreen' value='false'>
    <param name='controls' value='false'>
</object>

//mrl定义相机的rtsp地址
let mrl= "rtsp://admin:buaa123456@192.168.1.106:554/h264/ch1/main/av_stream";
//获取vlc的原生dom对象
vlc=$("#vlc")[0];
//先清除上次播放列表
vlc.playlist.clear();
//添加新的播放地址
vlc.playlist.add(mrl);
//开始播放
vlc.playlist.play();

另：vlc播放器javascript API：https://www.cnblogs.com/ningheshutong/p/7955519.html