vue2中使用xgplayer播放流视频

1、官网

2、安装后无法播放时,经测试,需要降低版本

javascript 复制代码
    "xgplayer-hls": "2.2.2",
    "xgplayer": "2.31.6"

改为以上版本可以正常播放

3、完整使用

(1)引入

javascript 复制代码
import 'xgplayer'
import hlsjsPlayer from 'xgplayer-hls'

(2)初始化

javascript 复制代码
      this.player = new hlsjsPlayer({
        id: 'myFlvVideo',
        url: 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8',
        height: '100%',
        width: '100%',
        isLive: true,
        autoplay: true,
        playsinline: true,
        volume: 0, //音量
        screenShot: true, //截图
      })

(3)销毁

javascript 复制代码
// 播放器销毁
this.player.destroy(true)
相关推荐
余(18538162800)6 小时前
碰一碰发视频手机版源码开发:支持OEM
智能手机·音视频
顾道长生'9 小时前
(Arxiv-2024)VideoMaker:零样本定制化视频生成,依托于视频扩散模型的内在力量
音视频
顾道长生'17 小时前
(CVPR-2025)视频生成中的多主体开放集个性化
音视频·视频生成
CrystalShaw17 小时前
WebRTC音频QoS方法一.1(NetEQ之音频网络延时DelayManager计算补充)
音视频·webrtc
iphone1081 天前
视频创作者如何用高级数据分析功能精准优化视频策略
大数据·数据挖掘·数据分析·音视频·视频功能·视频创作者
yuanpan1 天前
OpenCV打开视频函数VideoCapture使用详解
人工智能·opencv·音视频
花开莫与流年错_2 天前
音频相关数学支持
数学·音视频·音频·软件
嘀咕博客3 天前
Krea Video:Krea AI推出的AI视频生成工具
人工智能·音视频·ai工具
计算机视觉-Archer3 天前
联想win11笔记本音频失效,显示差号(x)
音视频
瑶光守护者3 天前
【卫星通信】超低码率语音编码ULBC:EnCodec神经音频编解码器架构深度解析
深度学习·音视频·卫星通信·语音编解码·ulbc