前端使用vlc插件播放rtsp视频流（支持360极速模式）

最新推荐文章于 2024-07-01 15:08:28 发布

IronBayern

最新推荐文章于 2024-07-01 15:08:28 发布

阅读量605

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_42997942/article/details/140015058

版权

1、下载安装vlc插件

2、页面中引用插件

<div>
    <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab" id="vlc" name="vlc" class="vlcPlayer" events="True">
        <embed id="vlcEmb" type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="930" height="600" :target="url" />
    </object>
</div>

3、js中播放方法

play() {
    // 获取vlc插件对象
    var vlc = document.getElementById("vlcEmb");
    // 先清除播放器播放列表
    vlc.playlist.clear();
    // 添加rtsp视频流地址到播放列表
    vlc.playlist.add(this.url);
    // 开始播放
    vlc.playlist.play();
}