当前位置: 首页 > 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.xdnf.cn/news/1089991.html

相关文章:

  • Claude Code 开发使用技巧
  • 【Modern C++ Part7】_创建对象时使用()和{}的区别
  • 从0到1:Maven下载安装与配置全攻略
  • vcpkg交叉编译qt等过程记录(未完成)
  • 华为动态路由配置
  • Git基本操作1
  • git 报错fatal: refusing to merge unrelated histories
  • 城市地质大数据平台:透视地下空间,赋能智慧未来
  • 基于物联网的智能家居控制系统设计与实现
  • 从零开始的云计算生活——番外2,MySQL组复制
  • 项目进度管控缺乏闭环,如何形成反馈机制
  • 适老化HMI改造:老年用户界面的字体、触控区域优化策略
  • 想要抢早期筹码?FourMeme专区批量交易教学
  • Kubernetes 存储入门
  • Spring Boot + Vue.js 全栈开发:从前后端分离到高效部署,打造你的MVP利器!
  • NLP自然语言处理04 transformer架构模拟实现
  • 【Java SE】Arrays工具类
  • OpenCV哈希算法------Marr-Hildreth 边缘检测哈希算法
  • 字符串大小比较的方式|函数的多返回值
  • Softhub软件下载站实战开发(十六):仪表盘前端设计与实现
  • 【DOCKER】-2 docker基础
  • 车载以太网-TC8测试-UT(Upper Tester)
  • 基于物联网的智能交通灯控制系统设计
  • RAGflow图像解析与向量化分析
  • 基于模板设计模式开发优惠券推送功能以及对过期优惠卷进行定时清理
  • 文献学习|全面绘制和建模水稻调控组景观揭示了复杂性状背后的调控架构。
  • 【洛谷题单】--顺序结构(一)
  • MyBatis-Plus:深入探索与最佳实践
  • 《UE5_C++多人TPS完整教程》学习笔记42 ——《P43 瞄准(Aiming)》
  • 【Linux服务器】-安装ftp与sftp服务