首页技术宅苹果CMS： Dplayer播放器 1.27.0 记忆播放和自动下一集

苹果CMS： Dplayer播放器 1.27.0 记忆播放和自动下一集

苹果CMS设置 Dplayer播放器自动播放下一集

Dplayer播放器 在苹果cms的配置中，默认的播放器不会自动播放，也没有记忆播放功能，需要添加设置播放页面的选项，手工修改Dplayer的代码。目前Dplayer播放器在网络上比较流行，且性能与功能方面比较出众，下面看一看如何配置 Dplayer播放器。

Dplayer是谁？

Dplayer播放器是一款可爱的 HTML5 弹幕视频播放器，可帮助人们轻松构建视频和弹幕。

Dplayer播放器网站地址：https://dplayer.js.org/

Github项目地址：https://github.com/DIYgod/DPlayer

整合 Dplayer播放器增加记忆，P2P播放和自动下一集的 Dplayer播放器代码

替换下面的dplayer播放器代码，替换目录苹果cms系统static/player/dplayer.html 全部内容替换即可。FLV支持它需要 flv.js 库，并且应该在 DPlayer.min.js 之前加载。DPlayer 是一个支持弹幕的 HTML5 视频播放器。支持 Bilibili 视频和 danmaku，实时视频（HTTP Live Streaming，M3U8格式）以及 FLV 格式。

<!DOCTYPE html>

<html>

<head>

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

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}

#playerCnt{width:100%;height:100%;}

</style>

</head>

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

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

</script>

var type='normal';

var live=false;

if(parent.MacPlayer.PlayUrl.indexOf('.m3u8')>-1){

type='hls';

live=true;

else if(parent.MacPlayer.PlayUrl.indexOf('magnet:')>-1){

type='webtorrent';

else if(parent.MacPlayer.PlayUrl.indexOf('.flv')>-1){

type='flv';

else if(parent.MacPlayer.PlayUrl.indexOf('.mpd')>-1){

type='dash';

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({

container: document.getElementById('playerCnt'),

autoplay: true, //自动播放视频，不支持移动浏览器

volume: 1.0, //声音

preload: 'auto',//预加载的方式可以是'none''metadata''auto'，默认值：'auto'

hotkey: true, //绑定热键，包括左右键和空格，默认值：true

screenshot: true, //截屏

theme: '#28FF28',//主题颜色

video: {

url: parent.MacPlayer.PlayUrl,//播放地址

type: 'customHls', //播放协议

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

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);

contextmenu: [ //弹幕设置

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

setInterval(function(){

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

},1000);

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

_totalP2PDownloaded = stats.totalP2PDownloaded;

_totalP2PUploaded = stats.totalP2PUploaded;

updateStats();

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

_peerId = peerId;

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

_peerNum = peers.length;

updateStats();

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>

<!DOCTYPE html>
<html>
<head>
    <title>dplayer 1.27.0 播放器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 content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    <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}
        #playerCnt{width:100%;height:100%;}
    </style>
    <link rel="stylesheet" href="/static/player/dplayer/DPlayer.min.css">
    <script type="text/javascript" src="/static/player/dplayer/flv.min.js"></script>
    <script type="text/javascript" src="/static/player/dplayer/hls.min.js"></script>
    <script type="text/javascript" src="/static/player/dplayer/dash.all.min.js"></script>
    <script type="text/javascript" src="/static/player/dplayer/webtorrent.min.js"></script>
    <script type="text/javascript" src="/static/player/dplayer/DPlayer.min.js"></script>
</head>
<body style="background:#000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu=window.event.returnValue=false>
<div id="playerCnt"></div>
<div id="stats"></div>
<script language="Javascript">
    document.oncontextmenu=new Function("event.returnValue=false");
    document.onselectstart=new Function("event.returnValue=false");
</script>
<script src="https://cdn.jsdelivr.net/npm/cdnbye@latest"></script>
<script>
    var type='normal';
    var live=false;
    if(parent.MacPlayer.PlayUrl.indexOf('.m3u8')>-1){
        type='hls';
        live=true;
    }
    else if(parent.MacPlayer.PlayUrl.indexOf('magnet:')>-1){
        type='webtorrent';
    }
    else if(parent.MacPlayer.PlayUrl.indexOf('.flv')>-1){
        type='flv';
    }
    else if(parent.MacPlayer.PlayUrl.indexOf('.mpd')>-1){
        type='dash';
    }
    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({
        container: document.getElementById('playerCnt'),
        autoplay: true, //自动播放视频，不支持移动浏览器
        volume: 1.0, //声音
        preload: 'auto',//预加载的方式可以是'none''metadata''auto'，默认值：'auto'
        hotkey: true, //绑定热键，包括左右键和空格，默认值：true
        screenshot: true, //截屏
        theme: '#28FF28',//主题颜色
        video: {
            url: parent.MacPlayer.PlayUrl,//播放地址
            type: 'customHls', //播放协议
            pic: './loading.png', // 视频封面
            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);
                }
            }
        },
contextmenu: [ //弹幕设置
]
    });
    dp.seek(webdata.get('pay'+parent.MacPlayer.PlayUrl));
    setInterval(function(){
        webdata.set('pay'+parent.MacPlayer.PlayUrl,dp.video.currentTime);
    },1000);

   dp.on('stats', function (stats) {
        _totalP2PDownloaded = stats.totalP2PDownloaded;
        _totalP2PUploaded = stats.totalP2PUploaded;
        updateStats();
    });
    dp.on('peerId', function (peerId) {
        _peerId = peerId;
    });
    dp.on('peers', function (peers) {
        _peerNum = peers.length;
        updateStats();
    });

    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>

Dplayer播放选项

var dp = new DPlayer({

element: document.getElementById('player1'), // 可选，player元素

autoplay: false, // 可选，自动播放视频，不支持移动浏览器

theme: '#FADFA3', // 可选，主题颜色，默认: #b7daff

loop: true, // 可选，循环播放音乐，默认：true

lang: 'zh', // 可选，语言，`zh'用于中文，`en'用于英语，默认：Navigator

language

screenshot: true, // 可选，启用截图功能，默认值：false，注意：如果设置为

true，视频和视频截图必须启用跨域

hotkey: true, // 可选，绑定热键，包括左右键和空格，默认值：true

preload: 'auto', // 可选，预加载的方式可以是'none''metadata''auto'，默认

值：'auto'

video: { // 必需，视频信息

url: '若能绽放光芒.mp4', // 必填，视频网址

pic: '若能绽放光芒.png' // 可选，视频截图

danmaku: { // 可选，显示弹幕，忽略此选项以隐藏弹幕

id: '9E2E3368B56CDBB4', // 必需，弹幕 id，注意：它必须是唯一的，不能在你的新播放器

中使用这些： `https://api.prprpr.me/dplayer/list`

api: 'https://api.prprpr.me/dplayer/', // 必需，弹幕 api

token: 'tokendemo', // 可选，api 的弹幕令牌

maximum: 1000, // 可选，最大数量的弹幕

addition: ['https://api.prprpr.me/dplayer/bilibili?aid=4157142'] // 可选的，额外的弹幕，参见：`Bilibili弹幕支持`

var dp = new DPlayer({
    element: document.getElementById('player1'),                       // 可选，player元素
    autoplay: false,                                                   // 可选，自动播放视频，不支持移动浏览器
    theme: '#FADFA3',                                                  // 可选，主题颜色，默认: #b7daff
    loop: true,                                                        // 可选，循环播放音乐，默认：true
    lang: 'zh',                                                        // 可选，语言，`zh'用于中文，`en'用于英语，默认：Navigator 
                                                                          language
    screenshot: true,                                                  // 可选，启用截图功能，默认值：false，注意：如果设置为
                                                                          true，视频和视频截图必须启用跨域
    hotkey: true,                                                      // 可选，绑定热键，包括左右键和空格，默认值：true
    preload: 'auto',                                                   // 可选，预加载的方式可以是'none''metadata''auto'，默认
                                                                          值：'auto'
    video: {                                                           // 必需，视频信息
        url: '若能绽放光芒.mp4',                                         // 必填，视频网址
        pic: '若能绽放光芒.png'                                          // 可选，视频截图
    },
    danmaku: {                                                         // 可选，显示弹幕，忽略此选项以隐藏弹幕
        id: '9E2E3368B56CDBB4',                                        // 必需，弹幕 id，注意：它必须是唯一的，不能在你的新播放器
                                                                          中使用这些： `https://api.prprpr.me/dplayer/list`
        api: 'https://api.prprpr.me/dplayer/',                             // 必需，弹幕 api
        token: 'tokendemo',                                            // 可选，api 的弹幕令牌
        maximum: 1000,                                                 // 可选，最大数量的弹幕
        addition: ['https://api.prprpr.me/dplayer/bilibili?aid=4157142']   // 可选的，额外的弹幕，参见：`Bilibili弹幕支持`
    }
});

dp.on（event, handler）事件：

play: DPlayer 开始播放时触发

pause: DPlayer 暂停时触发

canplay: 在有足够的数据可以播放时触发

playing: DPlayer 播放时定期触发

ended: DPlayer 结束时触发 error: 发生错误时触发

HLS支持（实时视频，M3U8格式）

它需要 hls.js 库，并且应该在 DPlayer.min.js 之前加载。实时弹幕尚不支持。

dp.on（event, handler）事件：
 
play: DPlayer 开始播放时触发 
pause: DPlayer 暂停时触发 
canplay: 在有足够的数据可以播放时触发 
playing: DPlayer 播放时定期触发 
ended: DPlayer 结束时触发 error: 发生错误时触发
 
HLS支持（实时视频，M3U8格式）
它需要 hls.js 库，并且应该在 DPlayer.min.js 之前加载。实时弹幕尚不支持。

苹果CMS： Dplayer播放器 1.27.0 记忆播放和自动下一集

苹果CMS： Dplayer播放器 1.27.0 记忆播放和自动下一集

苹果CMS设置 Dplayer播放器自动播放下一集

Dplayer是谁？

整合 Dplayer播放器增加记忆，P2P播放和自动下一集的 Dplayer播放器代码

Recommend

How to create a world-class customer experience with data

Kanto’s YU2 desktop speakers are a great gift for $190

Samsung Galaxy A14 5G passes through FCC, confirming its battery capacity

Unlocking the metaverse’s potential as a real estate investment

上市即交付！纯电智能潮跑合创A06 17.98万元起售

Quantum Algorithms A Different View—Again

爆料：NVIDIA将放弃RTX 4070原定规格

余承东无奈，被美国打压这三年，手机业务在国内被三星超越了|谷歌|三星手机|三星电子|...

赛后郭艾伦：李楠是压力巨大，第一场就被打花

中国科大发现蓝牙协议重要安全漏洞：轻松攻破所有安卓/iOS设备

About Joyk

苹果CMS： Dplayer播放器 1.27.0 记忆播放和自动下一集

苹果CMS： Dplayer播放器 1.27.0 记忆播放和自动下一集

苹果CMS设置 Dplayer播放器 自动播放下一集

Dplayer是谁？

整合 Dplayer播放器 增加记忆，P2P播放和自动下一集的 Dplayer播放器 代码

Recommend

About Joyk

苹果CMS设置 Dplayer播放器自动播放下一集

整合 Dplayer播放器增加记忆，P2P播放和自动下一集的 Dplayer播放器代码