用vlc插件在页面上播放海康rtsp推流监控

原文链接：https://blog.csdn.net/weixin_43948724/article/details/104422825

vlc插件目前只能在360、搜狗等可以开启兼容模式下的浏览器使用，开启兼容模式后可以同时运行插件和兼容现代浏览器的标签方法。
谷歌浏览器只有在很老的版本上才支持vlc插件的使用。
vlc插件配置好地址后播放较为稳定，一个页面上可以同时放二十多个不崩溃，相对于大华海康等提供的页面demo来说要方便稳定不少，大华海康提供的方法页面载入多个视频后极易崩溃。
vlc插件如果是单页面推荐使用，如果是多页面都有视频需要频繁切换的情况下，vlc插件在20-40次页面切换后会崩溃。

首先需要在电脑上安装一个vlc插件，下面是vlc3.0.8的32位版本。
vlc插件不知道为什么，64位的版本没有办法安装在浏览器上，只有32位的版本可以。
下载完进行安装时只需要一路点击下一步就行，默认的配置带着浏览器插件的安装。
vlc3.0.8 windows32位

安装完毕后就可以在360等浏览器中进行测试
如果想查看插件是否安装成功可以使用地址栏查看插件的位置
具体哪个地址忘记了不过搜索应该是有的

<object type="application/x-vlc-plugin" pluginspage="http://www.videolan.org/" id="vlc" events="false" width="95%" height="85%"  ><param name="mrl" value="rtsp://" /><param name="controls" value="false" /><param name="fullscreen" value="false" /><param name="loop" value="false" /><param name="autoplay" value="true" /></object>

<script>let vlc = document.getElementById('vlc')let ar = '14:9'vlc.video.aspectRatio = ar
</script>

在html里加入object标签加入id
第一个param 的value里填入摄像头rtsp推流的地址
rtsp://admin:12345@172.6.22.106:554/h264/ch1/sub/av_stream
地址配置你的用户名密码IP端口码流
可以参考
下面的script的vlc是为了获取id然后使用vlc.video.aspectRatio方法固定插件显示的比例
object可以算是一个普通的元素，将视频调整到合适的位置

用vlc插件在页面上播放海康rtsp推流监控相关推荐

在谷歌Chrome上用VLC低延迟（300毫秒）播放播放海康大华RTSP
一.历史背景在遍地都是摄像头的今天,往往需要在各种B/S信息化系统中集成视频播放功能,海康.大华.华为等大厂摄像头遵循监控行业标准,一般只支持RTSP传输协议,而Chrome.Firefox.Edg ...
php对接海康视频教程_EasyNVR无插件互联网直播平台对接海康摄像头如何通过SDK将视频在前端网页播放...
原标题:EasyNVR无插件互联网直播平台对接海康摄像头如何通过SDK将视频在前端网页播放市场上常见的海康.大华.宇视等网络摄像头只要支持RTSP协议,都可以接入到EasyNVR中,今天主要给大家分 ...
vlc tv版记住网络流_如何使用VLC在Apple TV上播放任何视频
vlc tv版记住网络流 When it comes to video playback, the cross-platform application VLC is a veritable Swi ...
在Chrome、Firefox等高版本浏览器中实现低延迟播放海康、大华RTSP
一.背景现在到处是摄像头的时代,随着带宽的不断提速和智能手机的普及催生出火热的网络直播行业,新冠病毒的大流行又使网络视频会议系统成为商务会议的必然选择,因此RTSP实时视频流播放及处理不再局限于安防 ...
使用JavaCV实现海康rtsp转rtmp实现无插件web端直播（无需转码，低资源消耗）
使用JavaCV实现海康rtsp转rtmp实现无插件web端直播(无需转码,低资源消耗) 目录结构添加依赖,编写配置文件创建Bean 创建缓存Cache 修改启动类拉流.推流.转封装定时任务T ...
RTSP/Onvif摄像机在做H5无插件直播中遇到对接海康摄像机发送OPTIONS心跳的问题
我们在实现一套EasyNVR无插件直播方案时,选择了采用行业标准的通用协议RTSP/Onvif接入摄像机IPC摄像机 / NVR硬盘录像机设备,众所周知,Onvif是摄像机的发现与控制管理协议,Onv ...
微信小程序中播放海康萤石云HLS '.m3u8'视频 video标签
微信小程序中播放海康萤石云HLS '.m3u8'视频 video标签前言萤石云开放平台微信开发者工具前言因为项目需要在微信小程序上展示实时视频流信息,以下内容是我将萤石云平台官方文档和自己实 ...
设置VLC播放器进行RTSP推流桌面（共享桌面）
设置VLC播放器进行RTSP推流桌面(共享桌面) 一.推流与拉流概念二.设置推流端三.设置拉流端(播放端) VLC官网:https://www.videolan.org/ 一.推流与拉流概念首先 ...
Android平台上集成海康SDK（二）
Android平台上集成海康SDK 以上是我之前写的一篇Android平台上集成海康SDK的文章,其中对于Android平台上集成海康SDK.基于海康SDK进行二次开发基本上进行了详细地介绍. 这篇文 ...

用vlc插件在页面上播放海康rtsp推流监控

用vlc插件在页面上播放海康rtsp推流监控相关推荐

最新文章

热门文章