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.pswp.cn/bicheng/88495.shtml
繁体地址,请注明出处:http://hk.pswp.cn/bicheng/88495.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Jmeter进阶篇(35)完美解决Jmeter转换HTML报告报错“Begin size 0 is not equal to fixed size 5”

今天博主在使用Jmeter运行完压测,使用生成的csv文件,运行以下命令: C:\apache-jmeter-5.2.1\bin>jmeter -g C:\res.csv -o C:\report生成HTML报告时,发现报错“Begin size 0 is not equal to fixed size 5”。 问题原因 原因是我:本地用的是JDK17,但Jmeter5.2.1仅支…

linux中tcpdump抓包中有组播数据,应用程序收不到数据问题

问题描述服务器运行正常,维保需要,重启服务器后应用程序无法收到组播的媒体数据。百思不得其解。原因分析最终的定位原因是 linux系统的自我保护机制导致的。rp_filter(反向路径过滤)是Linux内核的一个安全特性,用于防…

人工智能-基础篇-29-什么是低代码平台?

低代码平台(Low-Code Development Platform, LCDP)是一种通过可视化界面和少量代码(或无需代码)快速构建应用程序的开发工具。它的核心目标是通过简化开发流程,降低技术门槛,使企业能够更高效地响应业务需求…

PyTorch随机擦除:提升模型抗遮挡能力

PyTorch中内置的随机擦除(Random Erasing)数据增强通过torchvision.transforms.RandomErasing实现,以下是原理和用法的详细说明:核心原理正则化作用: 随机擦除在训练图像上随机遮盖一个矩形区域,模拟遮挡场…

微信小程序交互精髓:点击操作与状态管理实战

目录 一、点击事件绑定:bindtap 与 catchtap 的正确使用 基础语法对比 事件对象详解 二、点击切换选中状态:数据驱动视图的实现 1. 单元素状态切换 2. 多元素单选状态 3. 多元素多选状态 三、样式动态切换:数据绑定与 CSS 的完美结合 …

Language Models are Few-Shot Learners: 开箱即用的GPT-3(二)

接上一篇 Approach 前面的摘要和Introduction做了一些概要性的介绍,论文在第二章,也就是approach中,介绍了模型的设计,zero,one,few-shot的设计等等。 这一章一开头就说,GPT-3的结构和GPT-2的结构一样,只是在相应的把模型尺寸,数据规模,训练时间等增加了。Our bas…

【养老机器人】核心技术

1. 毫米波雷达如何检测心跳和呼吸?毫米波雷达(通常工作在60GHz或77GHz频段)可以探测到人体胸腔的微米级位移,而心跳和呼吸会引起胸腔的周期性运动:呼吸:幅度较大(约5-10毫米)&#x…

二 Javascript 入门

我们 从已经知道了 Javascript的历史以及什么是Javascript,那实际编写的时候在哪里编写? script 标签 HTML 为我们提供了无数的标签来做无数的事情。例如, 用于为段落添加边距, 用于使文本加粗, 用于在网页上嵌入音…

《信息技术服务监理 第5部分:软件工程监理规范》(GB/T 19668.5-2018)标准解读

《信息技术服务监理 第 5 部分:软件工程监理规范》(GB/T 19668.5-2018)是规范软件工程监理服务的国家标准,旨在为软件工程监理的规划设计、招标、设计、实施、验收等阶段及相关支持过程提供明确的监理要求、服务内容和实施要点。 …

RedisJSON 路径语法深度解析与实战

一、两种路径语法概览语法类型触发标志简介JSONPath以 $ 开头全功能路径,支持递归 (..)、通配符 (*)、切片 ([start:end:step])、过滤 (?())、脚本表达式等Legacy以 . 或键名开头早期版本(v1)遗留语法,只支持简单的点式和中括号&…

从Rust模块化探索到DLB 2.0实践|得物技术

一、前言在云原生架构高速迭代的背景下,基础设施的性能瓶颈与安全隐患成为技术演进的关键挑战。本文系统记录了团队基于Rust语言改造Nginx组件的完整技术路径:从接触Cloudflare的quiche库,引发对Rust安全特性的探索,到通过FFI实现…

【 MySQL】一点点相关的记录

打开 MySQL Workbench 并连接到你的数据库在 MySQL Connections 下,选择连接的数据库实例( Local instance MySQL80)登录时输入 用户名 和 密码。 root,密码是在 MySQL 安装时设置的密码创建新数据库登录后,在 MySQL W…

旅游企业如何通过数字化转型实现高效运营

在旅游行业竞争日益激烈、游客需求日趋多样的当下,数字化管理成为旅游企业提升竞争力的关键协同办公系统以其丰富功能与灵活特性,为旅游行业带来全新的数字化变革,助力企业高效运营。优化行程规划与调度旅游行程的规划与调度繁杂且关键。协同…

大数据Spark(六十二):Spark基于Yarn提交任务流程

文章目录 Spark基于Yarn提交任务流程 一、Yarn-Client模式 1、提交命令 2、任务执行流程 二、Yarn-Cluster模式 1、提交命令 2、任务执行流程 Spark基于Yarn提交任务流程 在Yarn模式下,Spark的任务提交同样根据Driver程序运行的位置不同,分为cli…

Docker 高级管理-容器通信技术与数据持久化

(1)创建一个叫 my-net 的 bridge 类型的网络(2)查看都有哪些网络(3)运行一个容器井连接到新建的 my-net 网络(4)运行一个容器井加入到 my-net 网络2:Host 模式由于使用了 Host 模式,容器会直接使用宿主机的网络端口,因此可以直接在宿主机上通过 localhos…

在 Ubuntu 24.04 中安装 Python 2.7、pip 及 mysqlclient==1.4.6 的完整指南

在 Ubuntu 24.04 中安装 Python 2.7、pip 及 mysqlclient1.4.6 的完整指南 前言 随着 Ubuntu 24.04 的发布,许多旧的软件包已被移除或更新,但老项目需要 Python 2 。本文将详细介绍自己如何在 Ubuntu 24.04 中成功安装 Python 2.7、pip 以及 mysqlclient…

doker以及网站案例

一.docker搭建1.安装dockerapt-get install docker.io docker-compose2.编写配置文件(注意路径正确)vim /etc/systemd/system/docker.service.d/http-proxy.conf[Service] Environment"HTTP_PROXYhttp://科学上网访问的ip:端口" Environment&q…

【HarmonyOS Next之旅】DevEco Studio使用指南(四十一) -> 获取自定义编译参数

目录 1 -> HAP/HSP运行时获取编译构建参数 1.1 -> 生成BuildProfile类文件 1.2 -> 在代码中获取构建参数 1.3 -> 默认参数 1.4 -> 自定义参数 2 -> HAR运行时获取编译构建参数 2.1 -> 生成BuildProfile类文件 2.2 -> 在代码中获取构建参数 2.…

NGINX系统基于PHP部署应用

目录 部署 配置 部署 准备三台主机,一台服务端,两台客户端; 1.在两台客户端主机上分别安装 MySQL; [rootmaster /]#yum install -y mysql nginx; [rootmaster /]#yum install -y nginx PHP; [rootmaster /]#yum install -y php PHP-m…

ip地址可以精确到什么级别?如何获取/更改ip地址

IP地址的精确级别和获取/更改方式取决于其类型(公网IP vs 内网IP),以下是详细解答: 一、IP地址的精确级别 1. 公网IP地址(互联网可见) 定位级别精度范围说明国家/地区级约95%准确通过IP数据库(…