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

news2024/12/22 13:27:39

 

 

 

 

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

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

代码实现

代码实现
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 

                

        

        

            

            

            

              

                本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1313615.html
              

              如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！
            

            
            

              
            

          


            
相关文章

          
            
                  

                    

                      

                        

                          
                            软件设计师——信息安全（二）
                        

                      

                      

                        

                          软件设计师——信息安全（二）
                        

                        

                          &#x1f4d1;前言 
本文主要是【信息安全】——软件设计师——信息安全的文章&#xff0c;如果有什么需要改进的地方还请大佬指出⛺️ &#x1f3ac;作者简介&#xff1a;大家好&#xff0c;我是听风与他&#x1f947; ☁️博客首页&#xff1a;CSDN主页听风与他 &#x1f304…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            Linux NAPI ------------- epoll边缘触发模式
                        

                      

                      

                        

                          Linux NAPI ------------- epoll边缘触发模式
                        

                        

                          Linux处理网络数据包的一般流程 
分组到达内核的时间是不可预测的。所有现代的设备驱动程序都使用中断来通知内核有分组到达。 网络驱动程序对特定于设备的中断设置了一个处理例程&#xff0c;因此每当该中断被引发时&#xff08;即分组到达&#xff09;&#xff0c;内核都调用…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            指数分布的随机变量
                        

                      

                      

                        

                          指数分布的随机变量
                        

                        

                          如果连续型随机变量的概率密度满足如下条件&#xff1a; 其中为常数&#xff0c;那么就称服从参数为的指数分布。 指数分布的重要性质---无记忆性&#xff1a;
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            用友NC word.docx任意文件读取漏洞
                        

                      

                      

                        

                          用友NC word.docx任意文件读取漏洞
                        

                        

                          文章目录 产品简介漏洞概述指纹识别漏洞利用修复建议 产品简介 
用友NC是一款企业级ERP软件。作为一种信息化管理工具&#xff0c;用友NC提供了一系列业务管理模块&#xff0c;包括财务会计、采购管理、销售管理、物料管理、生产计划和人力资源管理等&#xff0c;帮助企业实现数…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            解决nuxt3环境中css样式失效的问题
                        

                      

                      

                        

                          解决nuxt3环境中css样式失效的问题
                        

                        

                          现象:  底部播放器进度条拖动按钮没有了&#xff01; 然后通过chrome开发工具检查html元素的结构&#xff1a; 发现progressbar这个元素是存在的&#xff0c;但是为什么没有显示呢&#xff0c;然后回到代码中&#xff1a; 发现原来是组件的名字写错了&#xff0c;多写了一个字母…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            IP地址定位是否是实时位置？
                        

                      

                      

                        

                          IP地址定位是否是实时位置？
                        

                        

                          随着互联网的普及和网络技术的发展&#xff0c;人们对于网络信息的需求也越来越高。其中&#xff0c;IP地址定位技术作为网络管理的重要手段之一&#xff0c;被广泛应用于网络设备管理和网络安全等领域。然而&#xff0c;对于IP地址定位是否是实时位置这一问题&#xff0c;我们…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            Java刷题篇——合并两个有序数组
                        

                      

                      

                        

                          Java刷题篇——合并两个有序数组
                        

                        

                          1.题目描述 
给出一个有序的整数数组A 和有序的整数数组 B&#xff0c;请将数组B合并到数组A中&#xff0c;变成一个有序的升序数组。 
数据范围&#xff1a;0 < n,m < 100, |Ai| < 100, |Bi| < 100 
注意&#xff1a; 
保证 A 数组有足够的空间存放 B 数组的元素&…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            SDN之Python编程创建多数据中心网络
                        

                      

                      

                        

                          SDN之Python编程创建多数据中心网络
                        

                        

                          文章目录 1.拓扑结构2.具体步骤 1.拓扑结构 
通过python编程创建一个包含2台核心交换机、4台汇聚交换机、8台边缘交换机和16台主机的网络拓扑&#xff0c;如图示&#xff1a;  
2.具体步骤 
首先ctrlaltT&#xff08;或右键&#xff09;打开终端&#xff0c;在/home/shy/minine…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            u盘有文件但看不到怎么回事？
                        

                      

                      

                        

                          u盘有文件但看不到怎么回事？
                        

                        

                          U盘有文件但看不到是常见的存储故障。这种情况下&#xff0c;用户可以在电脑上看到U盘的驱动盘符&#xff0c;但是无法看到其中的文件。接下来&#xff0c;我们将详细分析此现象的原因&#xff0c;并提供相应的解决方法。 u盘有文件但看不到怎么回事&#xff1f; 一、U盘有文件…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            DataFunSummit：2023年数据科学在线峰会-核心PPT资料下载
                        

                      

                      

                        

                          DataFunSummit：2023年数据科学在线峰会-核心PPT资料下载
                        

                        

                          一、峰会简介 
数据会说谎&#xff1f;如何正确的挖掘并使用数据&#xff1f;前沿的科学实验如何做&#xff1f;实验又是如何欺骗你的&#xff1f;数据中台如何发挥功效&#xff1f;用户增长有捷径吗&#xff1f;数据科学的最佳实践有哪些&#xff1f; 
本次峰会共包含了&#…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            MacOS下载配置OpenCV
                        

                      

                      

                        

                          MacOS下载配置OpenCV
                        

                        

                          主要参考的是OpenCV官方的这篇文章&#xff1a;OpenCV: Installation in MacOS 
安装OpenCV需要下载一些安装包&#xff1a;CMake3.9、Git、Python这些我之前已经下载好&#xff0c;这里就不过多阐述了&#xff0c;自行百度安装即可 
1.从Git库获取OpenCV&#xff1a; git clon…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            RF模块是如何工作的？
                        

                      

                      

                        

                          RF模块是如何工作的？
                        

                        

                          射频&#xff08;RF&#xff09;模块使用无线电频率工作&#xff0c;这个频率范围在30kHz到300kHz之间变化。 在这个射频系统中&#xff0c;数字数据被表示为载波波幅度的变化。这种调制类型是振幅移位键。 这个射频模块是射频发射器和接收器的组合&#xff0c;发射器接收器对的…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            Day61力扣打卡
                        

                      

                      

                        

                          Day61力扣打卡
                        

                        

                          打卡记录 反转二叉树的奇数层&#xff08;bfs&#xff09; 
链接 
class Solution:def reverseOddLevels(self, root: Optional[TreeNode]) -> Optional[TreeNode]:q  [root]flag  0while q:t, q  q, []if flag:l, r  0, len(t) - 1while l < r:t[l].val, t[r].val  t[r]…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            idea代码测试覆盖率
                        

                      

                      

                        

                          idea代码测试覆盖率
                        

                        

                          前言 
单元测试其实是检测代码最好的方式&#xff0c;单元测试&#xff0c;代码质量&#xff0c;这些都是很好的工具&#xff0c;单元测试需要结合mockito框架进行mock来测试&#xff0c;否则没用的数据写入到数据库里面也是占用空间&#xff0c;本身测试只是为了检查我的逻辑是…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            neo4j如何创建多个数据库
                        

                      

                      

                        

                          neo4j如何创建多个数据库
                        

                        

                          1.在neo4j的压缩包解压位置找到neo4j.conf文件 
"D:\neo4j\neo4j-community-3.5.5\conf\neo4j.conf"2.修改文件 新增dbms.activate_database**.db 再重新neo4j打开网页就进入到新建的数据库中 如果要切换&#xff0c;就把原来的注释掉就可以
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            LeetCode Hot100 25.K个一组翻转链表
                        

                      

                      

                        

                          LeetCode Hot100 25.K个一组翻转链表
                        

                        

                          题目&#xff1a; 
给你链表的头节点 head &#xff0c;每 k 个节点一组进行翻转&#xff0c;请你返回修改后的链表。 
k 是一个正整数&#xff0c;它的值小于或等于链表的长度。如果节点总数不是 k 的整数倍&#xff0c;那么请将最后剩余的节点保持原有顺序。 
你不能只是单纯…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            Linux内核介绍
                        

                      

                      

                        

                          Linux内核介绍
                        

                        

                          文章目录 Linux内核介绍1. Linux内核的起源和发展历程1.1 起源1.2 发展历程 2. Linux内核的主要特性2.1 多任务处理2.2 多用户2.3 内存管理2.4 网络功能 3. Linux内核的架构3.1 用户空间与内核空间3.2 内核模块 4. Linux内核的疑难技术点解析4.1 进程调度4.2 内存管理 5. Linux…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            【Spring】05 生命周期之初始化回调
                        

                      

                      

                        

                          【Spring】05 生命周期之初始化回调
                        

                        

                          文章目录 1. 回调是什么2. 初始化回调2.1 实现 InitializingBean 接口2.2 配置 init-method 3. 执行顺序4.优势及应用总结 在 Spring 框架中&#xff0c;生命周期回调&#xff08;Lifecycle Callbacks&#xff09;是一种强大的机制&#xff0c;它允许我们在 Spring 容器中的 Be…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            阿里发布高质量图像转视频AI模型I2VGen-XL
                        

                      

                      

                        

                          阿里发布高质量图像转视频AI模型I2VGen-XL
                        

                        

                          受益于扩散模型快速发展&#xff0c;视频合成近年来取得了显著进步。然而&#xff0c;在语义准确性、清晰度和时空连续性方面仍存在挑战。这主要源于缺乏良好对齐的文本视频数据以及视频的复杂结构&#xff0c;使得模型难以同时确保卓越的语义和质量。 
阿里团队提出了一种级联…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
                  

                    

                      

                        

                          
                            怎么把图片转文字？这几个图片转文字方法一定要知道！
                        

                      

                      

                        

                          怎么把图片转文字？这几个图片转文字方法一定要知道！
                        

                        

                          怎么把图片转文字&#xff1f;无论是从书籍、网络还是社交媒体上&#xff0c;我们经常需要从图片中提取文字来进行复制、编辑或翻译。手动操作耗时耗力&#xff0c;效率低下&#xff0c;那么怎么把图片转文字呢&#xff1f;今天我将介绍三种不同的方法来实现图片转文字。 图片转…
                        

                        

                          阅读更多...
                        

                      

                    

                  

                  
       
      
        

        

          

            



                
                
                

            

          

          

            



              
推荐文章

              
            

          


          

            


                
                
                
            

          

          

            

              
最新文章

              
            

          

          

            

            
            
            
            

          

        

      

    

    

      

        

                    Copyright @ 2022~2023