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代码时候，在链接的时候从来不知道我们所链接的动态、静态库在哪里。但是还是照样可以链接成功。生成可执行程序。原因就是相关环境变量帮助编译器…...
超越rviz_satellite：用Mapviz实现高精度SLAM地图与卫星图叠加（附开源数据集测试）
超越rviz_satellite：用Mapviz实现高精度SLAM地图与卫星图叠加（附开源数据集测试） 当自动驾驶车辆在复杂城市环境中穿行，或是无人机在未知区域执行勘探任务时，将实时构建的SLAM地图与卫星影像精准叠加，已成…...
用快马平台5分钟构建qoderwork理念下的待办事项应用原型
最近在研究qoderwork这个概念，简单来说就是通过AI辅助快速把想法变成可运行的代码原型。正好用InsCode(快马)平台试了下做个待办事项应用，整个过程比想象中顺畅很多，分享下具体实现思路。 整体框架搭建 首先确定基础HTML结构，分为…...
ROS2实战：用hdl_localization+Velodyne激光雷达实现室内机器人实时3D定位（环境配置与调参心得）
ROS2实战：hdl_localization与Velodyne激光雷达的室内3D定位调优指南 在机器人自主导航领域，实时精准定位始终是核心挑战之一。当你的移动机器人搭载着Velodyne激光雷达在复杂室内环境中穿行时，hdl_localization提供的3D点云匹配方案能带来令…...
npm新手必看：如何用package.json一键运行本地JS文件（附常见错误排查）
npm新手必看：如何用package.json一键运行本地JS文件（附常见错误排查） 刚接触Node.js生态的开发者，往往会被各种工具和配置文件搞得晕头转向。其中package.json作为项目的"身份证"和"说明书"，掌握它…...
解码器精准调优：LoRA赋能Depth-Anything-V2实现绝对深度估计
1. LoRA技术如何革新Depth-Anything-V2的深度估计 当我在实验室第一次尝试用LoRA微调Depth-Anything-V2时，意外发现只需要调整解码器中1x1卷积层的极少量参数，就能让相对深度模型输出精确的绝对深度值。这就像给一个只会判断"远近"的模型突然装…...
LeetCode 111. Minimum Depth of Binary Tree 题解
LeetCode 111. Minimum Depth of Binary Tree 题解 题目描述 给定一个二叉树，找出其最小深度。 最小深度是从根节点到最近叶子节点的最短路径上的节点数量。 叶子节点 是指没有子节点的节点。 示例 1： 输入：root [3,9,20,null,null,15,7] 输…...
开源推荐系统项目数据管理实战：从零构建高质量训练数据集
开源推荐系统项目数据管理实战：从零构建高质量训练数据集 【免费下载链接】fun-rec 推荐系统入门教程，在线阅读地址：https://datawhalechina.github.io/fun-rec/ 项目地址: https://gitcode.com/datawhalechina/fun-rec 你是否曾满怀热…...
Hunyuan-MT 7B一键部署教程：基于Git实现快速环境搭建
Hunyuan-MT 7B一键部署教程：基于Git实现快速环境搭建 想试试那个在国际翻译比赛里拿了30个第一的Hunyuan-MT-7B模型吗？你可能在网上看到过它的介绍，支持几十种语言，翻译效果据说很惊艳。但一看到“本地部署”、“环境配置”这些词…...
利用Dify平台快速搭建InternLM2-Chat-1.8B智能应用
利用Dify平台快速搭建InternLM2-Chat-1.8B智能应用 你是不是也遇到过这种情况：好不容易在服务器上部署了一个像InternLM2-Chat-1.8B这样的开源大模型，感觉它能力挺强，但除了在命令行里一问一答，就不知道怎么把它变成一个真正能用…...
GLM-4.7-Flash效果展示：中文诗歌格律检测+不合格处自动标注与修改建议
GLM-4.7-Flash效果展示：中文诗歌格律检测不合格处自动标注与修改建议 1. 引言：当AI遇见古典诗词 你有没有想过，让一个AI来当你的诗词老师？不是那种只会背诗的AI，而是能一眼看出你写的诗哪里平仄不对、哪里押韵出错的…...