苹果CMSV10整合dplayer播放器增加记忆+P2P播放+自动下一集功能插件详细保姆级教程

news2025/1/21 4:58:11

1.本站已打包,可以直接下载然后上传到你服务器的苹果CMS网站static/player目录下就可以了,下面是教程

wlm3u8.js代码:

 

MacPlayer.Html = '<iframe border="0" src="'+mac<span class="wp_keywordlink"><a href="http://www.88531.cn/?s=cms" title="cms" target="_blank">cms</a></span>.path+'/static/player/dplayer.html" width="100%" height="100%" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no" vspale="0" noResize></iframe>';

MacPlayer.Show();

dplayer.html代码:

 

<html>

<head>

<title>dplayer播放器p2p加速+记忆播放</title>

<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>

<meta http-equiv="content-language" content="zh-CN"/>

<meta http-equiv="X-UA-Compatible" content="chrome=1"/>

<meta http-equiv="pragma" content="no-cache"/>

<meta http-equiv="expires" content="0"/>

<meta name="referrer" content="never"/>

<meta name="renderer" content="webkit"/>

<meta name="msapplication-tap-highlight" content="no"/>

<meta name="HandheldFriendly" content="true"/>

<meta name="x5-page-mode" content="app"/>

<meta name="Vie<span class="wp_keywordlink_affiliate"><a href="http://www.88531.cn/?s=wp" title="wp" rel="nofollow" target="_blank">wp</a></span>ort" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dplayer@latest/dist/DPlayer.min.css">

<style type="text/css">

body,html{width:100%;height:100%;background:#000;padding:0;margin:0;overflow-x:hidden;overflow-y:hidden}

*{margin:0;border:0;padding:0;text-decoration:none}

#stats{position:fixed;top:5px;left:8px;font-size:12px;color:#fdfdfd;text-shadow:1px 1px 1px #000, 1px 1px 1px #000}

#dplayer{position:inherit}

</style>

</head>

<body style="background:#000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" οncοntextmenu=window.event.returnValue=false>

<div id="dplayer"></div>

<div id="stats"></div>

<script language="Javascript">

document.οncοntextmenu=new Function("event.returnValue=false");

document.onselectstart=new Function("event.returnValue=false");

</script>

<script src="https://cdn.jsdelivr.net/npm/cdnbye@latest"></script>

<script src="https://cdn.jsdelivr.net/npm/dplayer@latest"></script>

<script>

var webdata = {

set:function(key,val){

window.sessionStorage.setItem(key,val);

},

get:function(key){

return window.sessionStorage.getItem(key);

},

del:function(key){

window.sessionStorage.removeItem(key);

},

clear:function(key){

window.sessionStorage.clear();

}

};

var _peerId = '', _peerNum = 0, _totalP2PDownloaded = 0, _totalP2PUploaded = 0;

var dp = new DPlayer({

autoplay: true,

container: document.getElementById('dplayer'),

volume: 1.0,

preload: 'auto',

screenshot: true,

theme: '#28FF28',

video: {

url: parent.MacPlayer.PlayUrl,

type: 'customHls',

// pic: './loading.jpg', // 视频封面

customType: {

'customHls': function (video, player) {

const hls = new Hls({

debug: false,

// Other hlsjsConfig options provided by hls.js

p2pConfig: {

logLevel: false,

live: false, // 如果是直播设为true

// Other p2pConfig options provided by CDNBye

getStats: function (totalP2PDownloaded, totalP2PUploaded, totalHTTPDownloaded) {

console.warn(`totalP2PDownloaded ${totalP2PDownloaded} totalHTTPDownloaded ${totalHTTPDownloaded}`);

_totalP2PDownloaded = totalP2PDownloaded;

_totalP2PUploaded = totalP2PUploaded;

updateStats();

},

getPeerId: function (peerId) {

_peerId = peerId;

},

getPeersInfo: function (peers) {

_peerNum = peers.length;

updateStats();

},

}

});

hls.loadSource(video.src);

hls.attachMedia(video);

}

}

},

});

dp.seek(webdata.get('pay'+parent.MacPlayer.PlayUrl));

setInterval(function(){

webdata.set('pay'+parent.MacPlayer.PlayUrl,dp.video.currentTime);

},1000);

dp.on('ended', function (){

if(parent.MacPlayer.PlayLinkNext!=''){

top.location.href = parent.MacPlayer.PlayLinkNext;

}

});

function updateStats() {

var text = 'P2P已开启 共享' + (_totalP2PUploaded/1024).toFixed(2) + 'MB' + ' 已加速' + (_totalP2PDownloaded/1024).toFixed(2)

+ 'MB' + ' 此片有 ' + _peerNum + ' 位影迷正在观看';

document.getElementById('stats').innerText = text

}

</script>

</body>

</html>

2,整合苹果CMSV10 dplayer播放器,我们在采集视频资源的时候为了多个线路播放以防备用,经常会选择采集好几个甚至十几个资源站的资源接口。这就需要我们下载很多个资源站的播放器,不但比较麻烦有的还附带菠菜广告。其实我们可以全部调用dplayer播放器来播放,而且还能两全其美的全部使用dplayer播放器增加记忆+P2P播放+自动下一集的功能。这里有一个前提条件就是在采集资源的时候我们只添加采集M3u8的资源才可以用dplayer播放器来播放。具体怎么实现全部调用dplayer播放器来播放呢?下面为你上图说明

2-1:我们以添加卧龙资源站的(wlm3u8)播放器为案例操作步骤是来到苹果cms后台  视频>>播放器>>添加

图片[1]-苹果CMSV10整合dplayer播放器增加记忆+P2P播放+自动下一集功能插件详细保姆级教程-www.88531.cn资享网

 2-2:①基本设置>>②状态为:启用,③编码:wlm3u8,④名称:可以随意填写

图片[2]-苹果CMSV10整合dplayer播放器增加记忆+P2P播放+自动下一集功能插件详细保姆级教程-www.88531.cn资享网

2-3:我们重点说下播放器的编码,编码必须和资源站的播放器编码一致,不然前台不会显示播放器按钮,怎么确定资源站的播放器编码呢?你可以下载资源站的播放器文件,一般有两个播放器,其中的一个就是m3u8后缀(如下图)

图中的(ckm3u8)(wlm3u8)(605m3u8)就是播放器的编码。

图片[3]-苹果CMSV10整合dplayer播放器增加记忆+P2P播放+自动下一集功能插件详细保姆级教程-www.88531.cn资享网

 2-4:最后就是添加播放器代码,刚才的设置只是一个空播放器没有内容,我们既然调用dplayer播放器那这里必须填写dplayer播放器的代码,我们直接把dplayer播放器的代码复制出来粘贴到这里就可以了然后记得保存一下。这是一个资源站的播放添加过程,如果你采集了几个资源站的话就按照全步骤重新添加即可,谨记一定要填写正确的播放器编码。

图片[4]-苹果CMSV10整合dplayer播放器增加记忆+P2P播放+自动下一集功能插件详细保姆级教程-www.88531.cn资享网

2-5:编辑一个视频来试下效果,选择一个视频点击进去编辑,然后在下面找到添加一组播放,选择刚才添加的播放器名称dplayer(我已修改名称)

图片[5]-苹果CMSV10整合dplayer播放器增加记忆+P2P播放+自动下一集功能插件详细保姆级教程-www.88531.cn资享网

保存成功后去前端查看效果,会看到新增一组dplayer播放器节点了

图片[6]-苹果CMSV10整合dplayer播放器增加记忆+P2P播放+自动下一集功能插件详细保姆级教程-www.88531.cn资享网

————————————————————————————-

现在还有两个问题:

1.如何批量替换之前的播放器?需要修改数据库

2.新采集的如何指定使用这个新添加的播放器

来源链接:苹果CMSV10整合dplayer播放器增加记忆+P2P播放+自动下一集功能插件详细保姆级教程

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

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

相关文章

python相机校准

文章目录 张正友标定法角点检测标定去畸变 张正友标定法 相片是三维世界在二维平面上的投射&#xff0c;故而其深度信息是损失掉了的。但是&#xff0c;如果把拍照看作理想的小孔成像过程&#xff0c;那么相片中的每个像素&#xff0c;都将通过一个锥体与世界中真实的点一一对…

docker进行jenkins接口自动化测试持续集成实战

文章目录 一、接口功能自动化测试项目源码讲解二、接口功能自动化测试运行环境配置1、下载jdk&#xff0c;maven&#xff0c;git&#xff0c;allure并配置对应的环境变量2、使用docker安装jenkins3、配置接口测试的运行时环境选择对应节点4、jenkins下载插件5、jenkins配置环境…

开源大语言模型(LLM)汇总(持续更新中)

随着ChatGPT的火爆&#xff0c;越来越多人希望在本地运行一个大语言模型。为此我维护了这个开源大语言模型汇总&#xff0c;跟踪每天不发的大语言模型和精调语言模型。 我将根据个模型采用的基础大模型进行分类&#xff0c;每个大模型下列出各派生模型。 Alpaca (Stanford) 斯…

[lesson08]函数重载分析(上)

函数重载分析(上) 自然语言中的上下文 你知道下面词汇中"洗"字的含义吗&#xff1f; 结论&#xff1a; 能和“洗”字搭配的词汇有很多“洗”字和不同的词汇搭配有不同的含义 重载的概念 重载 如果一个标识符在不同的上下文有不同的意义如&#xff1a; “洗”和不…

SRS 实时视频服务器搭建及使用

一、SRS 介绍 SRS是一个开源的&#xff08;MIT协议&#xff09;简单高效的实时视频服务器&#xff0c;支持RTMP、WebRTC、HLS、HTTP-FLV、SRT、MPEG-DASH和GB28181等协议。 SRS媒体服务器和FFmpeg、OBS、VLC、 WebRTC等客户端配合使用&#xff0c;提供流的接收和分发的能力&am…

Memcached 教程之 PHP 连接 Memcached 服务(十)

PHP 连接 Memcached 服务 在前面章节中我们已经介绍了如何安装 Memcached 服务&#xff0c;接下来我们为大家介绍 PHP 如何使用 Memcached 服务。 PHP Memcache 扩展安装 PHP Memcache 扩展包下载地址&#xff1a;PECL :: Package :: memcache&#xff0c;你可以下载最新稳定…

MySQL-排序与分页

1. 排序 如果没有使用排序操作&#xff0c;默认情况下查询返回的数据是按照添加数据的顺序显示的。 SELECT * FROM employees;1.1 基本使用 1&#xff09;使用 ORDER BY 对查询到的数据进行排序操作。 升序&#xff1a;ASC(ascend)降序&#xff1a;DESC (descend) 练习&am…

利用Idea实现Ajax登录(maven工程)

一、新建一个maven工程&#xff08;不会建的小伙伴可以参考Idea引入maven工程依赖(保姆级)-CSDN博客&#xff09;&#xff0c;工程目录如图 ​​​​​​​ js文件可以上up网盘提取 链接&#xff1a;https://pan.baidu.com/s/1yOFtiZBWGJY64fa2tM9CYg?pwd5555 提取码&…

ChatGPT 的核心 GPT 模型:探究其生成式预训练变换架构的革新与应用潜力

GPT&#xff08;Generative Pre-trained Transformer&#xff09;模型是一种深度学习模型&#xff0c;由OpenAI于2018年首次提出&#xff0c;并在随后的几年中不断迭代发展&#xff0c;包括GPT-2、GPT-3以及最新的GPT-4。GPT模型在自然语言处理&#xff08;NLP&#xff09;领域…

齐护机器人方位传感器指南针罗盘陀螺仪

一、方位传感器原理及功能说明 齐护方位传感器是一款集成了三轴磁传感器芯片的方位传感器模块。适用于无人机、机器人、移动和个人手持设备中的罗盘&#xff08;指南针&#xff09;、导航和游戏等高精度应用。模块可以感应XYZ平面角度外&#xff0c;还可实现1至2的水平面角度罗…

【瑞萨RA6M3】1. 基于 vscode 搭建开发环境

基于 vscode 搭建开发环境 1. 准备2. 安装2.1. 安装瑞萨软件包2.2. 安装编译器2.3. 安装 cmake2.4. 安装 openocd2.5. 安装 ninja2.6. 安装 make 3. 生成初始代码4. 修改 cmake 脚本5. 调试准备6. 仿真 1. 准备 需要瑞萨仓库中的两个软件&#xff1a; MDK_Device_Packs.zipse…

故障诊断 | 一文解决,PLS偏最小二乘法的故障诊断(Matlab)

效果一览 文章概述 故障诊断 | 一文解决,PLS偏最小二乘法的故障诊断(Matlab) 模型描述 偏最小二乘法(Partial Least Squares, PLS)是一种统计建模方法,用于建立变量之间的线性关系模型。它是对多元线性回归方法的扩展,特别适用于处理高维数据和具有多重共线性的数据集。…

element UI中设置图片的高度并支持PC和手机自适应

系列文章目录 一、elementui 导航菜单栏和Breadcrumb 面包屑关联 二、elementui 左侧导航菜单栏与main区域联动 三、elementui 中设置图片的高度并支持PC和手机自适应 四、elementui 实现一个固定位置的Pagination&#xff08;分页&#xff09;组件 文章目录 系列文章目录…

github中git clone需要username和password问题

username&#xff1a;一般指你的昵称 password&#xff1a;一般指Creating a fine-grained personal access token 这个的获取办法如下&#xff08;注意&#xff0c;在11步的时候&#xff0c;记得打开你仓库对应的一些access 权限&#xff09;&#xff1a; Note: Fine-graine…

clickhouse MPPDB数据库--新特性使用示例

clickhouse 新特性&#xff1a; 从clickhouse 22.3至最新的版本24.3.2.23&#xff0c;clickhouse在快速发展中&#xff0c;每个版本都增加了一些新的特性&#xff0c;在数据写入、查询方面都有性能加速。 本文根据clickhouse blog中的clickhouse release blog中&#xff0c;学…

wordpress全站开发指南-面向开发者及深度用户(全中文实操)--php函数

php函数 wordpress会封装一部分函数&#xff0c;比如bloginfo该函数的作用是直接调用你设置的你的网站的名称 示例 This is our amazing custom theme <?php echo 22; function myfirstfunction(){ echo 33; echo "<p>Hello ,this is my first function</…

Node.JS多线程PromisePool之promise-pool库实现

什么是Promise Pool Map-like, concurrent promise processing for Node.js. Promise-Pool是一个用于管理并发请求的JavaScript库&#xff0c;它可以限制同时进行的请求数量&#xff0c;以避免过多的请求导致服务器压力过大。使用Promise-Pool可以方便地实现对多个异步操作的并…

基于spring boot的漫画之家系统

基于spring boot的漫画之家系统设计与实现 开发语言&#xff1a;Java 框架&#xff1a;springboot JDK版本&#xff1a;JDK1.8 服务器&#xff1a;tomcat7 数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09; 数据库工具&#xff1a;Navicat11 开发软件&…

云计算面临的威胁

目录 一、概述 二、威胁建模分析 2.1 威胁建模的概念 2.2 威胁建模起到的作用 2.3 威胁建模的流程 2.3.1 威胁建模流程图 2.3.2 威胁建模流程内容 2.3.2.1 绘制数据流图 2.3.2.2 威胁识别与分析 2.3.2.2.1 STRIDE威胁分析方法论 2.3.2.3 制定消减措施 2.3.2.3.1 消减…

注解,自定义注解和元注解

1.注解 1.1.注解概述、作用 注解&#xff08;Annotation&#xff09;&#xff0c;也叫元数据。一种代码级别的说明。它是JDK1.5及以后版本引入的一个特性&#xff0c;与类、接口、枚举是在同一个层次。它可以声明在包、类、字段、方法、局部变量、方法参数等的前面&#xff0…