当前位置: 首页 > news >正文

vue2中使用xgplayer播放流视频

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

    "xgplayer-hls": "2.2.2","xgplayer": "2.31.6"

改为以上版本可以正常播放
3、完整使用
(1)引入

import 'xgplayer'
import hlsjsPlayer from 'xgplayer-hls'

(2)初始化

      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)销毁

// 播放器销毁
this.player.destroy(true)
http://www.dtcms.com/a/271448.html

相关文章:

  • 方差、协方差和协方差矩阵
  • 软件编码规范、运行时错误、安全漏洞与缺陷:解析及库博的检测能力
  • Dify 文本语意识别与自动补全工作流
  • VD6052系列 30V 200mA的低功耗稳压器芯片 适用12V/24V供电MCU
  • 腾讯0708面试手撕题:严格递增数字分割
  • 17-C#封装,继承,多态与重载
  • git配置密钥
  • MTK-系统设置Settings 开机累计时长源码分析
  • AI芯片产品经理:算力革命的架构师
  • Mysql底层专题(七)MVCC多版本并发控制机制
  • STM32-定时器输入捕获
  • 高级LoRA:面向垂直领域LLM的实战微调指南——LoRA合并、续训、堆叠,Checkpoint管理
  • 佰力博PEAI压电分析仪-精准测量压电材料d33系数
  • RAG实战指南 Day 11:文本分块策略与最佳实践
  • HCIP(综合实验)
  • 腾讯位置商业授权未来驾车ETA(批量)
  • Fluent许可配置常见问题
  • ARM汇编编程(AArch64架构)课程 - 第8章:控制流与循环
  • 数字化管理新趋势:权限分级看板如何筑牢安全防线
  • 【Java】【力扣】【字节高频】3.无重复字符的最长字串
  • HTTP API 身份认证
  • 【Qt】Qt QML json处理
  • 微信获取access_token授权的两种不同情况
  • 零成本实现文本转语音
  • python网络爬虫笔记21:天地图解析服务调用教程
  • 正点原子学习 用户权限管理
  • 海康威视监控相机实时性研究
  • 深度学习遇到的问题
  • 一[3.7] YOLO系列基础(2)- “Bottleneck模块详解”
  • JavaScript对象的深度拷贝