videojs 播放监控
<head><!-- 1. 引入videojs的CSS。 --><link href="https://vjs.zencdn.net/7.20.3/video-js.css" rel="stylesheet" /><!-- If you'd like to support IE8 (for Video.js versions prior to v7) --><!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -->
</head><body><video id="Video1" class="video-js vjs-default-skin vjs-big-play-centered" data-setup="{}" muted="muted"> <source id="source" ><p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p></video><video id="Video2" class="video-js vjs-default-skin vjs-big-play-centered" data-setup="{}" muted="muted"> <source id="source" ><p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p></video><!-- 2. 引入videojs的JS。 -->
<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script><script>/** 3. 执行播放的方法。
* videoID：html标准<video>标签的id。
* hslUrl：hsl格式视频的地址。
*/
function videoOne(videoID,hslUrl){
var src=hslUrl
var myVideo = videojs(videoID, {controls: true,autoplay: true,playToggle: false,preload:"auto",poster:"login.png", //未播放时的预览图片。width: 300, height: 200
})
myVideo.src([{type: 'application/x-mpegURL', src:src }//如果是mp4//{type: 'video/mp4', src:src }
])
}//4. 值参使用。
videoOne('Video1','http://hx0xxx1en.ys7.com/open3235xlive/90xxffd8fac3bb486b83cb1xxxxxxx3f6.m3u8')
videoOne('Video2','http://219.151.31.38/liveplay-kk.rtxapp.com/live/program/live/hnwshd/4000000/mnf.m3u8')</script></body>
相关文章：
videojs 播放监控
<head><!-- 1. 引入videojs的CSS。 --><link href"https://vjs.zencdn.net/7.20.3/video-js.css" rel"stylesheet" /><!-- If youd like to support IE8 (for Video.js versions prior to v7) --><!-- <script src"htt…...
电源管理芯片PMIC
一、简介 电源管理芯片（Power Management Integrated Circuits，简称PMIC）是一种集成电路，它的主要功能是在电子设备系统中对电能进行管理和控制，包括但不限于以下几点： 电压转换：将电源电压转换…...
C++ 线性表、内存操作、 迭代器，数据与算法分离。
线性表： 线性表是最基本、最简单、也是最常用的一种数据结构。线性表（linear list）是数据结构的 一种，一个线性表是n个具有相同特性的数据元素的有限序列。 线性表中数据元素之间的关系是一对一的关系，即除了第一个和…...
PHP如何解析配置文件
在PHP中解析配置文件有多种方法，具体取决于配置文件的格式。常见的配置文件格式包括INI文件、YAML文件、JSON文件以及PHP数组文件（即PHP文件本身包含配置数组）。下面是一些常用的方法来解析这些配置文件。 1. 解析INI文件 INI文件是最常见的…...
【Java】六大设计原则和23种设计模式
目录 一、JAVA六大设计原则 二、JAVA23种设计模式 1. 创建型模式 2. 结构型模式 3. 行为型模式 三、设计原则与设计模式 1. 设计原则 2. 设计模式 四、单例模式 1. 饿汉式 2. 懒汉式 四、代理模式 1. 什么是代理模式 2. 为什么要用代理模式 3. 有哪几种代理模式 …...
Java IO流全面教程
此笔记来自于B站黑马程序员 File 创建对象 public class FileTest1 {public static void main(String[] args) {// 1.创建一个 File 对象，指代某个具体的文件// 路径分隔符// File f1 new File("D:/resource/ab.txt");// File f1 new FIle("D:\\…...
PCIe6.0 AIC金手指和板端CEM连接器信号完整性设计规范
先附上我之前写的关于PCIe5.0金手指的设计解读： PCIe5.0的Add-in-Card(AIC)金手指layout建议（一）_pcie cem-CSDN博客 PCIe5.0的Add-in-Card(AIC)金手指layout建议（二）_gnd bar-CSDN博客 首先，相较于PCI…...
二、创建drf纯净项目
1)创建项目 django-admin startproject api2）创建app django-admin startproject api_app3)修改settings.py注释掉一些没用的配置 INSTALLED_APPS [# django.contrib.admin,# django.contrib.auth,# django.contrib.contenttypes,# django.contrib.sessions,# d…...
算法1：双指针思想的运用（2）--C++
1.盛水最多的容器 题目链接：11. 盛最多水的容器 - 力扣（LeetCode） 题目解析： 在解析题目时，我们可以把最直接的方法先列举出来，然后再根据相应的算法原理，来进行优化 思路一：暴力…...
L1415 【哈工大_操作系统】CPU调度策略一个实际的schedule函数
L2.7 CPU调度策略 1、调度的策略 周转时间：任务进入到任务结束（后台任务更关注）响应时间：操作发生到响应时（前台任务更关注）吞吐量：CPU完成的任务量 响应时间小 -> 切换次数多 -> 系统…...
免费版U盘数据恢复软件大揭秘，拯救你的重要数据
我们的生活和工作越来越离不开各种存储设备，其中优盘因其小巧便携、方便使用的特点，成为了我们存储和传输数据的重要工具之一。为了防止你像我一样会遇到数据丢失抓狂的情况，我分享几款u盘数据恢复软件免费版工具来即时补救。 1.福昕U盘数据…...
Pikachu-Unsafe FileUpload-客户端check
上传图片，点击查看页面的源码， 可以看到页面的文件名校验是放在前端的；而且也没有发起网络请求； 所以，可以通过直接修改前端代码，删除 checkFileExt(this.value) 这部分； 又或者先把文件名改成…...
【数据结构】什么是红黑树(Red Black Tree)?
🦄个人主页:修修修也 🎏所属专栏:数据结构 ⚙️操作环境:Visual Studio 2022 目录 📌红黑树的概念 📌红黑树的操作 🎏红黑树的插入操作 🎏红黑树的删除操作 结语 📌红黑树的概念 我们之前学过了…...
Xcode16适配
1.问题，第三方库报错信息如下： Declaration of sa_family_t must be imported from module Darwin.POSIX.sys.types._sa_family_t before it is required2.解答，在报错文件中导入以下头文件 #import <sys/_types/_sa_family_t.h>如有…...
Vue - 路由用法
前端路由就是URL中的hash与组件之间的对应关系。Vue Router是Vue的官方路由。 组成： VueRouter：路由器类，根据路由请求在路由视图中动态渲染选中的组件。<router-link>：请求链接组件，浏览器会解析成<a>。…...
SpringBoot框架下校园资料库的构建与优化
1系统概述 1.1 研究背景 如今互联网高速发展，网络遍布全球，通过互联网发布的消息能快而方便的传播到世界每个角落，并且互联网上能传播的信息也很广，比如文字、图片、声音、视频等。从而，这种种好处使得互联网成了信息传…...
vscode 连接云服务器（ubantu 20.04）
更改服务器系统 如果云服务器上的系统不是ubantu20.04的，可以进行更改： 登录云服务官网（这里以阿里云为例）点击控制台 点击服务器实例 点击更多操作、重置系统 点击重置为其他镜像、系统镜像：选择你要使用的系统镜像…...
【SpringBoot详细教程】-09-Redis详细教程以及SpringBoot整合Redis【持续更新】
🌲 Redis 简介 🌾 什么是Redis Redis 是C语言开发的一个开源高性能键值对的内存数据库，可以用来做数据库、缓存、消息中间件等场景，是一种NoSQL(not-only sql,非关系型数据库)的数据库 Redis是互联网技术领域使用最为广泛的存储中间件，它是「Remote DictionaryServic…...
排序算法之——归并排序，计数排序
文章目录 前言一、归并排序1. 归并排序的思想2. 归并排序时间复杂度及空间复杂度3. 归并排序代码实现1）递归版本2）非递归版本 二、计数排序1. 计数排序的思想2. 计数排序的时间复杂度及空间复杂度3. 计数排序代码实现 总结（排序算法稳定性&am…...
Linux中环境变量
基本概念 环境变量Environmental variables一般是指在操作系统中用来指定操作系统运行环境一些参数。 我们在编写C、C代码时候，在链接的时候从来不知道我们所链接的动态、静态库在哪里。但是还是照样可以链接成功。生成可执行程序。原因就是相关环境变量帮助编译器…...
学一下PLC2--软件PLC（TODO）
既然你手头有 Raspberry Pi Pico，你甚至不需要买任何新的 PLC 硬件，可以直接把它变成一个标准的工业 PLC！ 实现原理： OpenPLC 是一个开源的符合 IEC 61131-3 国际标准的 PLC 软件系统。 它完美支持 Raspberry Pi Pico (RP2040)。…...
终极Koikatu游戏增强补丁：200+模组与完整汉化一键安装指南
终极Koikatu游戏增强补丁：200模组与完整汉化一键安装指南 【免费下载链接】KK-HF_Patch Automatically translate, uncensor and update Koikatu! and Koikatsu Party! 项目地址: https://gitcode.com/gh_mirrors/kk/KK-HF_Patch KK-HF Patch是专为Koikatu&a…...
Translumo：Windows平台实时屏幕翻译神器，打破语言障碍的终极解决方案
Translumo：Windows平台实时屏幕翻译神器，打破语言障碍的终极解决方案 【免费下载链接】Translumo Advanced real-time screen translator for games, hardcoded subtitles in videos, static text and etc. 项目地址: https://gitcode.com/gh_mirrors/…...
Hyper-V DDA图形工具：5分钟完成GPU直通的终极指南
Hyper-V DDA图形工具：5分钟完成GPU直通的终极指南 【免费下载链接】DDA 实现Hyper-V离散设备分配功能的图形界面工具。A GUI Tool For Hyper-Vs Discrete Device Assignment(DDA). 项目地址: https://gitcode.com/gh_mirrors/dd/DDA 还在为复杂的Hyper-V离散…...
如何快速构建工业通信系统：SECS4Net的完整实战指南
如何快速构建工业通信系统：SECS4Net的完整实战指南 【免费下载链接】secs4net SECS-II/HSMS-SS/GEM implementation on .NET 项目地址: https://gitcode.com/gh_mirrors/se/secs4net SECS4Net是一个基于.NET平台的开源库，完整实现了SEMI标准的SEC…...
团队协作福音：如何用EasyYapi插件统一SpringBoot项目的接口文档风格？
团队协作福音：如何用EasyYapi插件统一SpringBoot项目的接口文档风格？ 在微服务架构盛行的今天，一个SpringBoot项目往往由多个团队协作开发。当接口数量突破三位数时，文档风格不统一、字段说明缺失等问题会让协作效率直线下降。上周…...
小白程序员必看：收藏这份大模型Agent开发学习指南，轻松入门字节跳动暑期实习
本文分享了一位知识星球录友成功上岸字节跳动agent开发暑期实习的经验，包括面试准备、Agent开发学习资源推荐以及字节跳动面试题解析。文章强调了掌握Agent相关知识的重要性，并建议小白程序员学习C、Java或Go等编程语言，通过知识星球中的agen…...
终极CoreCycler教程：简单三步完成CPU稳定性测试与优化
终极CoreCycler教程：简单三步完成CPU稳定性测试与优化 【免费下载链接】corecycler Script to test single core stability, e.g. for PBO & Curve Optimizer on AMD Ryzen or overclocking/undervolting on Intel processors 项目地址: https://gitcode.com/…...
NVIDIA Profile Inspector终极显卡优化工具：简单易用的性能调校完整指南
NVIDIA Profile Inspector终极显卡优化工具：简单易用的性能调校完整指南 【免费下载链接】nvidiaProfileInspector 项目地址: https://gitcode.com/gh_mirrors/nv/nvidiaProfileInspector NVIDIA Profile Inspector是一款专业的显卡优化工具，专为…...
AutoCut终极指南：如何用文本编辑器快速剪辑100个视频
AutoCut终极指南：如何用文本编辑器快速剪辑100个视频 【免费下载链接】autocut 用文本编辑器剪视频 项目地址: https://gitcode.com/GitHub_Trending/au/autocut 还在为手动剪辑视频而烦恼吗？AutoCut项目让你告别复杂的视频编辑软件，通…...