Apple CMS Dplayer プレーヤーが次のエピソードを自動的に再生

Apple CMS Dplayerプレーヤーは自動的に次のエピソードを再生します

DPlayerは、動画やバレットスクリーンを簡単に作成できる、魅力的なHTML5バレットスクリーン動画プレーヤーです。Apple CMSの設定では、デフォルトのプレーヤーは自動再生されず、動画の次のエピソードも自動再生されません。Dplayerのコードを手動で変更する必要があります。現在、Dplayerプレーヤーはインターネット上で非常に人気があり、そのパフォーマンスと機能は抜群です。それでは、Dplayerプレーヤーの設定方法を見ていきましょう。

uzbox

2021-12-26

Apple CMSはDplayerで次のエピソードを自動的に再生するように設定する

Apple CMSの設定では、デフォルトのプレーヤーは自動再生されず、ビデオの次のエピソードも自動再生されません。Dplayerのコードを手動で変更する必要があります。現在、Dplayerプレーヤーはインターネット上で非常に人気があり、そのパフォーマンスと機能は抜群です。それでは、Dplayerプレーヤーの設定方法を見ていきましょう。

Dplayerとは誰ですか？

DPlayer は、ビデオや箇条書きコメントを簡単に作成できる、優れた HTML5 箇条書きコメントビデオプレーヤーです。

DPlayerのウェブサイトアドレス:https://dplayer.js.org/

Githubプロジェクトアドレス:https://github.com/DIYgod/DPlayer

dplayerプレーヤーを統合してメモリを増やし、P2P再生を行い、Dplayerプレーヤーコードの次のエピソードを自動的に再生します。

次の dplayer プレーヤーコードを置き換え、ディレクトリ apple cms system static/player/dplayer.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: 'https://yingyinjia.top/HB/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(totalP2Pダウンロード ${合計P2Pダウンロード} totalHTTPダウンロード ${合計HTTPダウンロード}; hls.loadSource(video.src); hls.attachMedia(video); } } }, contextmenu: [ //Barrage 設定] }); dp.seek(webdata.get(&#039;pay&#039;+parent.MacPlayer.PlayUrl)); setInterval(function(){ webdata.set(&#039;pay&#039;+parent.MacPlayer.PlayUrl,dp.video.currentTime); },1000); dp.on(&#039;stats&#039;, function (stats) { _totalP2PDownloaded = stats.totalP2PDownloaded; _totalP2PUploaded = stats.totalP2PUploaded; updateStats(); }); dp.on(&#039;peerId&#039;, function (peerId) { _peerId = peerId; }); dp.on(&#039;peers&#039;, function (peers) { _peerNum = peers.length; updateStats(); }); dp.on(&#039;ended&#039;, function (){ if(parent.MacPlayer.PlayLinkNext!=&#039;&#039;){ top.location.href = parent.MacPlayer.PlayLinkNext; } }); function updateStats() { var text = &#039;P2P共有がオンになっています&#039; + (_totalP2PUploaded/1024).toFixed(2) + &#039;MB&#039; + &#039;Accelerated&#039; + (_totalP2PDownloaded/1024).toFixed(2) + &#039;MB&#039; + &#039;この映画は &#039; + _peerNum + &#039; 人のファンが視聴しています&#039;; document.getElementById(&#039;stats&#039;).innerText = text }
</script>
</body>
</html>

5/5 - (1票)