VUE使用VLC插件播放RTSP流

本来是使用ffmpeg把RTSP流转换成flv格式在网页播放的，好家伙结果板子空间不够，没办法装下node.js，所以直接播。

弊端：只能在支持ie内核的浏览器里播放，什么搜狗浏览器，360之类有兼容模式的浏览器

插件代码

<object type='application/x-vlc-plugin' id='vlc' events='True'classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="768" height="432"><param name='mrl' v-bind:value='this.rtsp_url' /><param name='volume' value='50' /><param name='autoplay' value='true' /><param name='loop' value='false' /><param name='fullscreen' value='false' /></object>

对了首先应该装VLC软件，注意版本，我装的是3.0.8的，在搜狗浏览器的兼容模式下能播放

 var vlc = document.getElementById("vlc")vlc.playlist.stop()vlc.playlist.clear()vlc.playlist.add(this.rtsp_url)vlc.playlist.play()

这是重新加载VLC的代码

不过我有一个问题，在使用video组件播放的时候拍照功能能直接使用canvas来画，但是使用VLC插件的话无从下手啊，还想加这个

controls (or toolbar): Specifies whether the controls are shown by default. Default: true

发现根本没用，有知道的兄弟能说说不

VUE使用VLC插件播放RTSP流相关推荐

使用vlc插件播放rtsp视频流遇到的问题
如何安装和使用,教程一大堆,这里不再赘余,贴一下我的代码 <object class="vlc" type="application/x-vlc-plugin&qu ...
基于libVLC的视频播放器之二：使用VLC-Qt播放RTSP流
此篇是使用VLC浏览器插件播放RTSP流的姊妹篇. 一.直接使用libVLC libVLC是VLC media player多媒体框架的核心引擎和接口,开发者使用它能轻松的创建大量具有VLC特性的应 ...
js调用vlc_web网页中使用vlc插件播放相机rtsp流视频
可参考: vlc功能还是很强大的,有很多的现成的二次开发接口,不需配置太多即可轻松做客户端播放器或web网页播放器. 下面代码是web网页中使用vlc插件播放相机rtsp流视频: 注意: 需提前在打开 ...
在浏览器中使用VLC插件实现播放RTSP流视频
在浏览器中使用VLC插件实现播放RTSP流视频一.安装VLC插件二.编写测试html文件三.生成一个测试用RTSP流视频四.在浏览器中播放RTSP流视频五.VLC插件知识扩展 1.VLC插件 ...
8K播放网络全终端播放器H5播放器网页直播/点播播放器EasyPlayer和vlc播放RTSP流地址不兼容问题排查解决
背景介绍 EasyPlayer实现了对遵循标准流媒体码流协议进行实时播放以及码流录制,在流的播放速度以及画质的解码显示上均做了大量深度的优化.支持Windows(支持多窗口.包含ActiveX,npA ...
记浏览器使用webrtc-streamer 播放rtsp 流
web播放rtsp流我的效果在vue中使用webrtc-streamer 录屏.截图近期公司某项目要实现监控播放功能包含录屏.截图功能,因了解到现在主流浏览器已不支持直接播放rtsp流,目前了解 ...
html播放rtsp流,浏览器播放rtsp视频流解决方案
最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究.而浏览器不能直接播放,只有通过插件或者转码来实现这个需求. 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一 ...
利用RTVS实现html5无插件播放rtsp、rtmp
引言最近经常有人咨询RTVS能否播摄像头的rtsp的流,RTVS暂只支持接入JT/T 1078协议,并不支持rtsp等格式. 但可以借助RTVSDev模拟器将rtsp.rtmp.hls或本地文件等视 ...
如果摄像头不支持Web Socket，猿大师播放器还能在网页中播放RTSP流吗？
问: 我们的情况比较复杂,摄像头设备品牌和数量都比较多,分布在全国各地都有,地点分布比较广泛,有的甚至是比较老的型号,如果摄像头设备不支持Web Socket,猿大师播放器还可以在网页中播放RTSP流 ...

VUE使用VLC插件播放RTSP流

VUE使用VLC插件播放RTSP流相关推荐

最新文章

热门文章