우수한 소프트웨어와 실용적인 튜토리얼
Apple CMS는 Dplayer가 다음 에피소드를 자동으로 재생하도록 설정합니다.
Apple CMS 설정에서 기본 플레이어는 자동 재생되지 않으며, 비디오의 다음 에피소드도 자동으로 재생되지 않습니다. Dplayer 코드를 직접 수정해야 합니다. 현재 Dplayer 플레이어는 인터넷에서 매우 인기가 많으며, 성능과 기능이 뛰어납니다. Dplayer 플레이어를 설정하는 방법을 살펴보겠습니다.
Dplayer는 어떤 회사인가요?
DPlayer는 사람들이 쉽게 비디오와 글머리 기호 댓글을 만들 수 있도록 돕는 멋진 HTML5 글머리 기호 댓글 비디오 플레이어입니다.
DPlayer 웹사이트 주소:https://dplayer.js.org/
Github 프로젝트 주소:https://github.com/DIYgod/DPlayer
메모리 증가, P2P 재생 및 Dplayer 플레이어 코드의 다음 에피소드 자동 재생을 위해 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다운로드 ${totalP2PDownloaded} totalHTTP다운로드 ${totalHTTPDownloaded}
; 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('통계', 함수(통계) { _totalP2PDownloaded = stats.totalP2PDownloaded; _totalP2PUploaded = stats.totalP2PUploaded; updateStats(); }); dp.on('peerId', 함수(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>