最新苹果CMSV10整合dplayer播放器增加记忆 P2P播放 自动下一集功能

最新苹果CMSV10整合dplayer播放器增加记忆 P2P播放 自动下一集功能

精品教程
资源状态:未测试 2020-08-20 精品教程 luo 百度已收录 已售 0 次 浏览 570 次
售价:¥0
1金币=1元人民币,充值金币
期限 VIP购买价格: 0 金币
永久 VIP购买价格: 0 金币

为了节省时间,咨询客服请带上本页链接+问题。

使用快捷键Ctrl+D收藏本站,下次访问更方便哟!

特别声明 注册会员根据级别享有相关下载优惠,请仔细辨别。所有资源均收集于互联网仅供学习、参考和研究,请理解这个概念,所以不能保证每个细节都符合你的需求,也可能存在未知的BUG与瑕疵, 你下载的资源和程序源码组件因其特殊性均为可复制品,所以不支持任何理由的退款兑现,请认真阅读本站声明和相关条款后再点击支付下载。
  • 文章介绍
  • 1,dplayer之前一直不具备记忆播放和下一集功能,由于这样残缺功能的播放器并不利益用户体验的优化,于是今天跟大家分享如何dplayer播放器增加记忆播放和电视剧自动下一集的功能。其实也很简单只需要替换dplayer.html的内容即可。代码已经写好已贴在下方。

    最新苹果CMSV10整合dplayer播放器增加记忆 P2P播放 自动下一集功能
      1 <html>
      2 <head>
      3     <title>dplayer播放器p2p加速+记忆播放</title>
      4     <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
      5     <meta http-equiv="content-language" content="zh-CN"/>
      6     <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
      7     <meta http-equiv="pragma" content="no-cache"/>
      8     <meta http-equiv="expires" content="0"/>
      9     <meta name="referrer" content="never"/>
     10     <meta name="renderer" content="webkit"/>
     11     <meta name="msapplication-tap-highlight" content="no"/>
     12     <meta name="HandheldFriendly" content="true"/>
     13     <meta name="x5-page-mode" content="app"/>
     14     <meta name="Viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
     15     <link rel="stylesheet" href="https:[email protected]/dist/DPlayer.min.css">
     16     <style type="text/css">
     17         body,html{width:100%;height:100%;background:#000;padding:0;margin:0;overflow-x:hidden;overflow-y:hidden}
     18         *{margin:0;border:0;padding:0;text-decoration:none}
     19         #stats{position:fixed;top:5px;left:8px;font-size:12px;color:#fdfdfd;text-shadow:1px 1px 1px #000, 1px 1px 1px #000}
     20         #dplayer{position:inherit}
     21     </style>
     22 </head>
     23 <body style="background:#000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu=window.event.returnValue=false>
     24 <div id="dplayer"></div>
     25 <div id="stats"></div>
     26 <script language="Javascript">
     27     document.oncontextmenu=new Function("event.returnValue=false");
     28     document.onselectstart=new Function("event.returnValue=false");
     29 </script>
     30 <script src="https:[email protected]"></script>
     31 <script src="https:[email protected]"></script>
     32 <script>
     33     var webdata = {
     34         set:function(key,val){
     35             window.sessionStorage.setItem(key,val);
     36         },
     37         get:function(key){
     38             return window.sessionStorage.getItem(key);
     39         },
     40         del:function(key){
     41             window.sessionStorage.removeItem(key);
     42         },
     43         clear:function(key){
     44             window.sessionStorage.clear();
     45         }
     46     };
     47     var _peerId = '', _peerNum = 0, _totalP2PDownloaded = 0, _totalP2PUploaded = 0;
     48     var dp = new DPlayer({
     49         autoplay: true,
     50         container: document.getElementById('dplayer'),
     51         volume: 1.0,
     52         preload: 'auto',
     53         screenshot: true,
     54         theme: '#28FF28',
     55         video: {
     56             url: parent.MacPlayer.PlayUrl,
     57             type: 'customHls',
     58             // pic: './loading.jpg',           // 视频封面
     59             customType: {
     60                 'customHls': function (video, player) {
     61                     const hls = new Hls({
     62                         debug: false,
     63                         // Other hlsjsConfig options provided by hls.js
     64                         p2pConfig: {
     65                             logLevel: false,
     66                             live: false,        // 如果是直播设为true
     67                             // Other p2pConfig options provided by CDNBye
     68                             getStats: function (totalP2PDownloaded, totalP2PUploaded, totalHTTPDownloaded) {
     69                                 console.warn(`totalP2PDownloaded ${totalP2PDownloaded} totalHTTPDownloaded ${totalHTTPDownloaded}`);
     70                                 _totalP2PDownloaded = totalP2PDownloaded;
     71                                 _totalP2PUploaded = totalP2PUploaded;
     72                                 updateStats();
     73                             },
     74                             getPeerId: function (peerId) {
     75                                 _peerId = peerId;
     76                             },
     77                             getPeersInfo: function (peers) {
     78                                 _peerNum = peers.length;
     79                                 updateStats();
     80                             },
     81                         }
     82                     });
     83                     hls.loadSource(video.src);
     84                     hls.attachMedia(video);
     85                 }
     86             }
     87         },
     88     });
     89     dp.seek(webdata.get('pay'+parent.MacPlayer.PlayUrl));
     90     setInterval(function(){
     91         webdata.set('pay'+parent.MacPlayer.PlayUrl,dp.video.currentTime);
     92     },1000);
     93     dp.on('ended', function (){
     94         if(parent.MacPlayer.PlayLinkNext!=''){
     95             top.location.href = parent.MacPlayer.PlayLinkNext;
     96         }
     97     });
     98     function updateStats() {
     99         var text = 'P2P已开启 共享' + (_totalP2PUploaded/1024).toFixed(2) + 'MB' + ' 已加速' + (_totalP2PDownloaded/1024).toFixed(2)
    100             + 'MB' + ' 此片有 ' + _peerNum + ' 位影迷正在观看';
    101         document.getElementById('stats').innerText = text
    102     }
    103 </script>
    104 </body>
    105 </html>
    最新苹果CMSV10整合dplayer播放器增加记忆 P2P播放 自动下一集功能

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

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

    最新苹果CMSV10整合dplayer播放器增加记忆 P2P播放 自动下一集功能

     

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

    最新苹果CMSV10整合dplayer播放器增加记忆 P2P播放 自动下一集功能

     

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

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

    最新苹果CMSV10整合dplayer播放器增加记忆 P2P播放 自动下一集功能

     

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

    最新苹果CMSV10整合dplayer播放器增加记忆 P2P播放 自动下一集功能

    免责声明 老虎爪源码为您提供各类源码下载,如有任何问题请联系在线客服!
    开通VIP 享更多特权,建议使用 QQ 登录