如何利用VLC插件实现H5播放RTSP视频流

目前市场上的网络摄像机流类型基本都是RTSP流，无法像RTMP流直接在网页直接播放，需要利用网页插件才能播放，大部分监控厂商都有提供一个插件，但是基本只兼容IE，在谷歌、火狐等知名浏览器上无法播放，下面内容整理了实现在火狐和以IE、google内核的浏览器(QQ浏览器、360浏览器、猎豹等)上实现直播网络摄像头视频。

VLC采用当前最新版本vlc-3.0.2-win32.exe

qq浏览器测试过当前最新版9.7（12900，谷歌内核53.0.2785/IE 11.48.17134.0)

VLC web插件介绍:https://videoconverter.wondershare.com/vlc/vlc-web-plugins-for-top-browsers.html

火狐浏览器52以下版本（52以上版本不可用）安装完必须把自动更新关闭,否则下次打开就自动更新到最新版的火狐了
http://www.cnblogs.com/ningheshutong/p/7955519.html
https://wiki.videolan.org/Documentation:WebPlugin/

火狐浏览器各版本的下载地址：http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/

-------------google未测试，需要下一个网页插件，由于网络条件限制无法下载插件。

Google浏览器45以上版本不支持VLC NPAPI (Google Chrome version 45 and above no longer support NPAPI which is used by VLC plugin.)

Google 浏览器启用方法
https://www.vboxcomm.com/enable-vlc-web-plugin-in-google-chrome-npapi.html?tmpl=component

Google Chrome v43.0.2357.130 32位版离线包
http://dl.google.com/chrome/win/B6585D9F8CF5DBD2/43.0.2357.130_chrome_installer.exe
http://redirector.gvt1.com/edgedl/chrome/win/B6585D9F8CF5DBD2/43.0.2357.130_chrome_installer.exe

Google Chrome v43.0.2357.130 64位版离线包
http://dl.google.com/chrome/win/E1CA8F569E08619C/43.0.2357.130_chrome64_installer.exe
http://redirector.gvt1.com/edgedl/chrome/win/E1CA8F569E08619C/43.0.2357.130_chrome64_installer.exe

Google Chrome 44.0.2403.157 离线包
32位离线包：https://dl.google.com/chrome/win/F24BEBCD670E2ACB/44.0.2403.157_chrome_installer.exe
64位离线包：https://dl.google.com/chrome/win/1119FA397D484864/44.0.2403.157_chrome64_installer.exe
MAC版下载：http://www.google.com/chrome?platform=mac&hl=zh_CN

html源码：

<html>
<body>
<object id="vlc" type='application/x-vlc-plugin'  width="640" height="480" pluginspage="http://www.videolan.org" codebase="http://comic.sjtu.edu.cn/vlc/cab/axvlc.cab">   <!-- 用js 设置视频地址<param name="target" value="rtsp://admin:admin@192.168.221.189" />   --><param name='controls' value='false' />   <param name='text' value='正在加载视频中...' />   <param name='branding' value='false' />   <embed type="application/x-google-vlc-plugin" ></embed>
</object>
<script type="text/javascript">setTimeout(function(){/* 用js 设置视频地址 setTimeout 防止组件未加载好js先执行结束，导致视频无法播放*/var vlc = document.getElementById("vlc");var options = new Array(":network-caching=300");//减少延迟var id = vlc.playlist.add("rtsp://admin:admin@192.168.221.189", "vedio", options);//vlc.playlist.play()vlc.playlist.playItem(id);},500)
</script>
</body>
</html>

如何利用VLC插件实现H5播放RTSP视频流相关推荐

PHP如何调取vlc播放rtsp,H5+VLC播放RTSP视频流
最新项目涉及到摄像头,这篇文章记录一下在VUE中播放RTSP视频流. 这篇文章主要介绍使用VLC插件播放RTSP视频流,目前支持的浏览器有 360浏览器.2345浏览器,可用于一些对播放器要求不高的项 ...
H5无插件播放rtsp视频流
基于WebSocket的HTML5 RTSP流媒体视频播放器 Streamedian能让浏览器免插件播放rtsp视频流 Streamedian管网: https://streamedian.com/ ...
音视频开发（16）---海康IPC+NVR+EasyDarwin+EasyPusher+VLC实现Web实时播放RTSP视频
海康IPC+NVR+EasyDarwin+EasyPusher+VLC实现Web实时播放RTSP视频用ffmpeg+nginx实现web播放rtsp视频,原理是将rtsp转码成rtmp格式,再用fl ...
网页播放rtsp视频流
https://github.com/vbence/stream-m https://github.com/131/h264-live-player 网页播放rtsp视频流原文:https://bl ...
Python Gstreamer播放rtsp视频流（海康IPCAM）
Python Gstreamer播放rtsp视频流(海康IPCAM) 播放思路: 图解: 1.首先通过IPCAM的ip与用户等信息获得rtsp码: 海康新版IPCAM的rtsp地址规则为:rtsp ...
浏览器播放rtsp视频流：3、rtsp转webrtc播放
浏览器播放rtsp视频流:3.rtsp转webrtc播放文章目录浏览器播放rtsp视频流:3.rtsp转webrtc播放 1. 前言 2. rtsp转webRTC 3. 初步测试结果 4. 结合我 ...
轻松实现在web页面中直接播放rtsp视频流
轻松实现在web页面中直接播放rtsp视频流写在前面实现介绍如何使用准备ffmpeg 运行rtsp2web 参数说明(在 `new RTSP2web` 时,可配置的参数如下): 前端代码参 ...
Windows上使用VLC插件的方式在IE浏览器上播放RTSP视频流
场景开源RTMP组件EasyPusher-Android+EasyDarwin实现APP推流给RTSP流媒体服务器: 开源RTMP组件EasyPusher-Android+EasyDarwin实现A ...
网页中插入VLC播放器播放rtsp视频流步骤
1. 仿照http://download.csdn.net/detail/haowenxin123456789/8044245 中步骤: 2. 从http://www.videol ...

如何利用VLC插件实现H5播放RTSP视频流

如何利用VLC插件实现H5播放RTSP视频流相关推荐

最新文章

热门文章