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

uniapp播放 m3u8格式视频 兼容pc和移动端

news 文章来源：https://blog.csdn.net/weixin_42066070/article/details/135022005 2025/1/18 11:04:10

 

 

 

 

支持全自动播放、设置参数

自己摸索出来的，花了一天时间，给点订阅支持下，订阅后，不懂的地方可以私聊我。

代码实现

代码实现
1.安装dplayer组件
npm i dplayer
2. static/index.html下引入 hls
引入hls.min.js 可以存放在static项目hls下面<script src="/static/hls/hls.min.js"></script>
 3. hsl.min.js
去网上百度一堆
4.static/index.html下引入 video.min.js 














相关文章：
















uniapp播放 m3u8格式视频 兼容pc和移动端




支持全自动播放、设置参数 自己摸索出来的，花了一天时间，给点订阅支持下，订阅后，不懂的地方可以私聊我。 
代码实现 代码实现 
1.安装dplayer组件 
npm i dplayer2. static/index.html下引入 hls 
引入hls.min.js 可以存放在static项目hls下面<script src="/static…...






编程日记
2023/12/16 10:42:50



















产品经理之Axure的元件库使用详细案例




⭐⭐ 产品经理专栏&#xff1a;产品专栏 ⭐⭐   个人主页&#xff1a;个人主页 ​ 目录 
前言 
一.Axure的元件库的使用 
1.1 元件介绍 
1.2 基本元件的使用 
1.2.1 矩形、按钮、标题的使用 
1.2.2 图片及热区的使用 
1.3 表单元件及表格元件的使用 
1.3.1表单元件的使用 
1.3.…...






编程日记
2023/12/16 10:39:46



















数字化转型对企业有什么好处？




引言 数字化转型已经成为当今商业领域中的一股强大力量&#xff0c;它不仅仅是简单的技术更新&#xff0c;更是企业发展的重要战略转变。随着科技的迅猛发展和全球化竞争的加剧&#xff0c;企业们正在积极探索如何将数字化的力量融入到他们的运营和战略中。 
数字化转型不仅是传…...






编程日记
2023/12/16 10:38:45



















微信小程序：按钮禁用，避免按钮重复提交




wxml 
<view class"modal-buttons"><view class"one_btn" bindtap"submit">确认</view><view class"two_btn" bindtap"cancel">取消</view>
</view> 
wxss 
/* 按钮 */
.modal-buttons…...






编程日记
2023/12/16 10:34:41



















JAVA 异常分类及处理




JAVA 异常分类及处理 
概念 
如果某个方法不能按照正常的途径完成任务&#xff0c;就可以通过另一种路径退出方法。在这种情况下会抛出一个封装了错误信息的对象。此时&#xff0c;这个方法会立刻退出同时不返回任何值。另外&#xff0c;调用这个方法的其他代码也无法继续执行&…...






编程日记
2023/12/16 10:33:40



















C语言--求数组的最大值和最小值【两种方法】




&#x1f357;方法一&#xff1a;用for循环遍历数组&#xff0c;找出最大值与最小值 &#x1f357;方法二&#xff1a;用qsort排序&#xff0c;让数组成为升序的有序数组&#xff0c;第一个值就是最小值&#xff0c;最后一个是最大值 完整代码&#xff1a; 方法一&#xff1a; …...






编程日记
2023/12/16 10:32:39



















ES-组合与聚合




ES组合查询 
1 must 满足两个match才会被命中 
GET /mergeindex/_search
{"query": {"bool": {"must": [{"match": {"name": "liyong"}},{"match_phrase": {"desc": "liyong"}}]}}…...






编程日记
2023/12/16 10:30:37



















在 Spring Boot 中发送邮件简单实现




Spring Boot 对于发送邮件这种常用功能也提供了开箱即用的 Starter&#xff1a;spring-boot-starter-mail。 通过这个 starter&#xff0c;只需要简单的几行配置就可以在 Spring Boot 中实现邮件发送&#xff0c;可用于发送验证码、账户激活等等业务场景。 
本文将通过实际的案…...






编程日记
2023/12/16 10:27:35



















深入理解网络 I/O：单 Selector 多线程｜单线程模型




&#x1f52d; 嗨&#xff0c;您好 &#x1f44b; 我是 vnjohn&#xff0c;在互联网企业担任 Java 开发&#xff0c;CSDN 优质创作者 &#x1f4d6; 推荐专栏&#xff1a;Spring、MySQL、Nacos、Java&#xff0c;后续其他专栏会持续优化更新迭代 &#x1f332;文章所在专栏&…...






编程日记
2023/12/16 10:22:31



















Kafka Avro序列化之三：使用Schema Register实现




为什么需要Schema Register 
注册表 
无论是使用传统的Avro API自定义序列化类和反序列化类 还是 使用Twitter的Bijection类库实现Avro的序列化与反序列化，这两种方法都有一个缺点：在每条Kafka记录里都嵌入了schema，这会让记录的大小成倍地增加。但是不管怎样，在读取记录时…...






编程日记
2023/12/16 10:21:30



















EasyExcel




概述 
GitHub - alibaba/easyexcel: 快速、简洁、解决大文件内存溢出的java处理Excel工具 
EasyExcel官方文档 - 基于Java的Excel处理工具 | Easy Excel 
EasyExcel是一个基于Java的、快速、简洁、解决大文件内存溢出的Excel处理工具。 他能让你在不用考虑性能、内存的等因素的…...






编程日记
2023/12/16 10:20:29



















java 探针两种模式实战




分为两种 程序运行前的agent&#xff1a;premain 程序运行中的agent&#xff1a;agentmain 在程序运行前的agent 
javaagent是java命令的一个参数&#xff0c;所以需要通过-javaagent 来指定一个jar包&#xff08;就是我们要做的代理包&#xff09;能够实现在主程序运行前来执行…...






编程日记
2023/12/16 10:14:24



















uniGUI之MASK遮罩




在页面进行后台数据库操作的时候&#xff0c;不想 用户再进行 页面上的 其他操作&#xff0c;这时候就要 将页面 遮罩。例如UniDBGrid有LoadMask属性。 1]使用ScreenMask函数 2]JS调用 3]一个控件控制遮罩另一个控件(如Button遮罩UniDBGrid) 
//很简单&#xff0c;本例子就是告…...






编程日记
2023/12/16 10:04:17



















DevOps云原生创建devops流水线（微服务项目上传git，打包镜像，部署k8s）




开发和运维人员的解决方案 一、中间件的部署&#xff08;Sentinel/MongoDB/MySQL&#xff09;  
二、创建DevOps工程  邀请成员  
三、创建流水线  四、编辑流水线 ①、拉取代码&#xff08;若失败&#xff0c;则将制定容器改为maven&#xff09;  若失败&#xff0c;则将命令改…...






编程日记
2023/12/16 10:01:14



















【vim 学习系列文章 13.1 -- 自动命令autocmd 根据文件类型设置vim参数】




文章目录 autocmd 根据文件类型配置vim参数vim 文本类型 autocmd 根据文件类型配置vim参数 
在 Vim 中&#xff0c;你可以使用 autocmd &#xff08;自动命令&#xff09;来根据文件类型自动执行特定的函数。首先&#xff0c;你需要定义这些函数&#xff0c;然后使用 autocmd 与…...






编程日记
2023/12/16 10:00:13



















算法基础概念之数据结构




邻接表 每个点作为头节点接一条链表 链表中元素均为该头节点指向的点  
优先队列 参数: ①储存元素类型 ②底层使用的存储结构(一般为vector) ③比较方式(默认小于)...






编程日记
2023/12/16 9:59:12



















解决ES伪慢查询




一、问题现象 
服务现象 
服务接口的TP99性能降低 ES现象 
YGC&#xff1a;耗时极其不正常, 峰值200次&#xff0c;耗时7sFULL GC&#xff1a;不正常,次数为1但是频繁&#xff0c;STW 5s慢查询&#xff1a;存在慢查询5 二 解决过程 
1、去除干扰因素 
从现象上看应用是由于某种…...






编程日记
2023/12/16 9:53:08



















关于Ubuntu22.04恢复误删文件的记录




挂载在Ubuntu22.04下的固态盘有文件被误删了&#xff0c;该固态盘是ntfs格式的。 
在网上找了很多教程&#xff0c;最后决定用TestDisk工具进行恢复。 
现记录如下&#xff1a; Ubuntu安装testdisk 
sudo apt-get install testdisk运行testdisk 
sudo testdisk得到  我选择的是…...






编程日记
2023/12/16 9:52:07



















Docker笔记：Docker Swarm, Consul, Gateway, Microservices 集群部署




关于 Consul 服务 
Consul是Go语言写的开源的服务发现软件Consul具有服务发现、健康检查、 服务治理、微服务熔断处理等功能 
Consul 部署方式1: 直接在linux 上面部署 consul 集群 1 &#xff09;下载 
在各个服务器上 下载 consul 后解压并将其目录配置到环境变量中&#xff…...






编程日记
2023/12/16 9:50:06



















浅析AI视频分析与视频管理系统EasyCVR平台及场景应用




人工智能的战略重要性导致对视频智能分析的需求不断增加。鉴于人工智能视觉技术的巨大潜力&#xff0c;人们的注意力正在从传统的视频监控转移到计算机视觉的监控过程自动化。 
1、什么是视频分析&#xff1f; 
视频分析或视频识别技术&#xff0c;是指从视频片段中提取有用信息…...






编程日记
2023/12/16 9:48:04



















跨站点分布式多活存储建设方案概述




1-伴随着私有云、海量非结构数据的爆炸性增长&#xff0c;软件定义存储已经成为用户构建“敏捷IT” 架构的数据基石&#xff0c;同时越来越多的关键业务接入“敏捷IT” 架构。在分布式软件定义存储的产品架构下&#xff0c;怎样既保证对爆炸数据量的平稳承接&#xff0c;又能对…...






编程日记
2023/12/16 9:47:03



















Github 2023-12-16开源项目日报Top10




根据Github Trendings的统计&#xff0c;今日(2023-12-16统计)共有10个项目上榜。根据开发语言中项目的数量&#xff0c;汇总情况如下&#xff1a; 
开发语言项目数量Python项目2非开发语言项目2TypeScript项目1Jupyter Notebook项目1Go项目1PHP项目1JavaScript项目1C#项目1 
精…...






编程日记
2023/12/16 9:43:00



















c++ 中多线程的相关概念与多线程类的使用




1、多线程相关概念 
1.1 并发、并行、串行 
并发&#xff08;Concurrent&#xff09;&#xff1a;并发是指两个或多个事件在同一时间间隔内运行。在操作系统中&#xff0c;是指一个时间段中有几个程序都处于已启动运行到运行完毕之间&#xff0c;且这几个程序都是在同一个处理机…...






编程日记
2023/12/16 9:38:57



















深入理解 hash 和 history：网页导航的基础(下)




&#x1f90d; 前端开发工程师&#xff08;主业&#xff09;、技术博主&#xff08;副业&#xff09;、已过CET6 &#x1f368; 阿珊和她的猫_CSDN个人主页 &#x1f560; 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 &#x1f35a; 蓝桥云课签约作者、已在蓝桥云…...






编程日记
2023/12/16 9:37:56



















腾讯文档助力CRM集成：无代码连接电商与广告




腾讯文档API的简介与优势 
腾讯文档API是一个强大的工具&#xff0c;它允许企业通过简单的无代码开发来实现与电商平台和客服系统的智能连接。这种连接不仅提高了工作效率&#xff0c;还优化了数据管理。使用腾讯文档智能表&#xff0c;商家可以享受多样的列类型、多维视图展示…...






编程日记
2023/12/16 9:36:55



















学习使用echarts漏斗图的参数配置和应用场景




学习使用echarts漏斗图的参数配置和应用场景 前言什么是漏斗图漏斗图的特点及应用场景漏斗图的特点漏斗图常见的的应用场景&#xff1a; echarts中漏斗的常用属性echart漏斗代码美化漏斗图样式1、设置标题字体大小2、设置标签样式3、设置漏斗图为渐变颜色4、设置高亮效果5、设置…...






编程日记
2023/12/16 9:33:53



















npm ,yarn 更换使用国内镜像源，阿里源，清华大学源




在平时开发当中&#xff0c;我们经常会使用 Npm&#xff0c;yarn 来构建 web 项目。但是npm默认的源的服务器是在国外的&#xff0c;如果没有梯子的话。会感觉特别特别慢&#xff0c;所以&#xff0c;使用国内的源是非常有必要的。 在这里插入图片描述 
Nnpm&#xff0c; yarn …...






编程日记
2023/12/16 9:32:52



















vue+react题集整理




1.Typescript中 interface 和 type 的差别是什么&#xff1f; interface只能用来描述对象类型 type可以描述任何类型组合 type后边需要有 interface后边没有 当多次使用相同名称定义一个 interface 时&#xff0c;它们会自动合并为一个接口。同名属性的不能进行类型覆盖修改&am…...






编程日记
2023/12/16 9:30:50



















线程池ThreadPoolExecutor详解




线程池ThreadPoolExecutor详解 
大家好&#xff0c;我是微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01;今天&#xff0c;让我们深入研究Java中线程池的强大工具——ThreadPoolExecutor&#xff0c;解析它的工作原理、配置参数…...






编程日记
2023/12/16 9:28:48



















elasticsearch|大数据|kibana的安装（https+密码）




前言&#xff1a; 
kibana是比较好安装的&#xff0c;但https密码就比较麻烦一些了&#xff0c;下面将就如何安装一个可在生产使用的kibana做一个简单的讲述 
一&#xff0c; 
kibana版本和下载地址 
这里我想还是强调一下&#xff0c;kibana的版本需要和elasticsearch的版本一…...






编程日记
2023/12/16 9:22:44



















app推广放单平台/谷歌seo优化怎么做




接下来写一些官方驱动的改变 
1.DS1302 
大家实在记不住的话就用数码管搞一个假的。 
/*ds1302.h相关程序*/
#ifndef __DS1302_H
#define __DS1302_H#include "system.h"void Write_Ds1302_Byte(unsigned  char temp);
void Write_Ds1302( unsigned char address,uns…...






编程日记
2025/1/18 9:33:59



















网站建设提示DNA错误/小程序开发公司哪里强




PMML是一种通用的配置文件&#xff0c;只要遵循标准的配置文件&#xff0c;就可以在Spark中训练机器学习模型&#xff0c;然后再web接口端去使用。目前应用最广的就是基于Jpmml来加载模型在javaweb中应用&#xff0c;这样就可以实现跨平台的机器学习应用了。 训练模型 首先在sp…...






编程日记
2025/1/18 9:24:52



















橙子建站网/广告优化




“ 关键字&#xff1a;微信 小程序 ”正文&#xff1a;小程序 会议助手01—会议助手小程序&#xff0c;主要功能可以为参会人介绍公司、介绍议程、带领签到&#xff0c;查询座位等&#xff0c;会议助手。同时为举办方和与会人员提供便利&#xff0c;建立纽带。此会议助手主要针…...






编程日记
2025/1/18 7:15:52



















遵义市网站制作/渠道推广平台




Epic 在昨天公布其最新次世代引擎「虚幻引擎5」&#xff0c;并重点介绍了新引擎的两项新技术 Nanite 和 Lumen。下面给大家简单介绍一下这两个新技术到底厉害在哪里&#xff0c;以及为什么许多游戏开发者们看完之后纷纷拍手叫好。   首先&#xff0c;整段 Demo 采用动态分辨率&…...






编程日记
2025/1/18 3:39:57



















网站开发工程师培训班/网络营销总结




升压IC芯片在诸多电子电路中均有所应用&#xff0c;在现代生活中&#xff0c;升压芯片是不可或缺的器件之一。对于升压芯片&#xff0c;想必大家均具备一定了解。在本文中&#xff0c;将主要为大家讲解FSB628升压IC芯片&#xff0c;不知大家对这款升压芯片以及其应用是否熟悉。…...






编程日记
2025/1/17 22:47:37



















建设网站费用入会计分录/做抖音seo排名软件是否合法




面试中经常碰到要创建链表的题目&#xff0c;今天做个小总结&#xff1a; 
1.创建链表(头插法) 该程序完成了建立个各节点的链表&#xff0c;并将链表数据初始化为整数的程序&#xff0c;且该链表为无头结点的链表&#xff0c;代码如下&#xff1a;
#include <math.h>
ty…...






编程日记
2025/1/17 19:39:02