今天給大家分享下整合好的,蘋果cmsv10系統dplayer播放器增加記憶+P2P播放+自動下一集功能,首先呢先替換下面的dplayer播放器代碼,替換目錄蘋果cms系統static/player/dplayer.html 全部內容替換即可。代碼無毒無馬,可檢驗。
也可以下載整合好的文件直接上傳到網站根目錄覆蓋即可:https://www.lanzous.com/i74ajej(藍奏雲盤下載)
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://cdn.jsdelivr.net/npm/dplayer@latest/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://cdn.jsdelivr.net/npm/cdnbye@latest"></script> 31 <script src="https://cdn.jsdelivr.net/npm/dplayer@latest"></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>
2,整合蘋果CMSV10 dplayer播放器,我們在采集視頻資源的時候為了多個線路播放以防備用,經常會選擇采集好幾個甚至十幾個資源站的資源接口。這就需要我們下載很多個資源站的播放器,不但比較麻煩有的還附帶菠菜廣告。其實我們可以全部調用dplayer播放器來播放,而且還能兩全其美的全部使用dplayer播放器增加記憶+P2P播放+自動下一集的功能。這里有一個前提條件就是在采集資源的時候我們只添加采集M3u8的資源才可以用dplayer播放器來播放。具體怎么實現全部調用dplayer播放器來播放呢?下面為你上圖說明
2-1:我們以添加卧龍資源站的(wlm3u8)播放器為案例操作步驟是來到蘋果cms后台 視頻>>播放器>>添加
2-2:①基本設置>>②狀態為:啟用,③編碼:wlm3u8,④名稱:可以隨意填寫
2-3:我們重點說下播放器的編碼,編碼必須和資源站的播放器編碼一致,不然前台不會顯示播放器按鈕,怎么確定資源站的播放器編碼呢?你可以下載資源站的播放器文件,一般有兩個播放器,其中的一個就是m3u8后綴(如下圖)
圖中的(ckm3u8)(wlm3u8)(605m3u8)就是播放器的編碼。
2-4:最后就是添加播放器代碼,剛才的設置只是一個空播放器沒有內容,我們既然調用dplayer播放器那這里必須填寫dplayer播放器的代碼,我們直接把dplayer播放器的代碼復制出來粘貼到這里就可以了然后記得保存一下。這是一個資源站的播放添加過程,如果你采集了幾個資源站的話就按照全步驟重新添加即可,謹記一定要填寫正確的播放器編碼。