如图所示，其中signal信令服务器和tracker调度服务器，是整个系统的核心，整个圈子的建立和交互都由它们来完成，这一项服务由我们维护和优化，这是商业服务（我们已经收取到了一年的商业服务费用，站长们无需为服务稳定性担心）。
运作原理：
step1：将正在播放同一视频的用户纳入一个流量圈，将播放进度相似的用户进一步细分且纳入一个协同圈，当然细分原则中还涉及到网络质量等因素，具体原则就不一一描述，因为这个我们可能需要随时做升级和优化
step2：为圈内用户创建互联，协同且相互提供网络帮助以完成视频的流畅播放，这是一个很复杂的流程
step3：实时调度和调整流量圈的大小与范围，保障整个流量圈流畅与稳定
总的来说，就是让正在观看同一个视频的用户在网络上提供相互的帮助，以达到更好的流畅性和可靠性，整个系统只会优先去获取链路最好的数据，如果整个链路都不可用，那么还有CDN或者源的数据可以使用，这个切换是毫秒级的，所以在任何情况下，系统只会带来正向的加速能力，而不会出现拖后腿的现象！
以下是一个完整的视频解析页面的DEMO，保存为：m3u8.php即可，使用方式为http(s)://您的网址/m3u8.php?url=xxxxx.m3u8，当然了，m3u8的地址需要写入h5跨域头
此版本为2.3正式稳定版版代码如下，细节请自行修改 ：
更新内容：已整合弹幕,右键属性查看P2P状态编译成中文，优化加载ts速度，优化播放卡顿的问题
<?php
/**
* @代码开源，透明，请勿用于商业用途，完全开源模式，供大家一起探讨研究
* @支持全网（支持跨域）的M3U8资源加速
* @调用举例：http://域名/m3u8.php?url=
* @举例说明：https://www.629055.com/m3u8.php?url=https://www.caonima.me/20181122/FnHKa1pS/index.m3u8
* @如有问题（反馈）请联系QQ 8852422修复
* @author www.pohaier.com
* @copyright 2018
* @version 2.3
*
* for ray-p2p btjson
*
*/
error_reporting(0);
header("Content-Type: text/html; charset=utf-8");
$url = $_GET['url'];
if(strpos(wm_https(),'ps:') !== false){//接口带 S 证书
if(strpos($url,'http://') !== false){
header("location:http://".$_SERVER["HTTP_HOST"].$_SERVER["PHP_SELF"].'?'.$_SERVER['QUERY_STRING']);//判断直链没带 S 证书就跳转到不带 S 证书的接口
exit();
}
}else{//接口不带 S 证书
if(strpos($url,'https://') !== false){
header("location:https://".$_SERVER["HTTP_HOST"].$_SERVER["PHP_SELF"].'?'.$_SERVER['QUERY_STRING']);//判断直链带 S 证书就跳转到带 S 证书的接口
exit();
}
}
function wm_https(){
$http = ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') || (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')) ? 'https://' : 'http://';
return $http;
}
?>
<html>
<head>
<title>Dplayer---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 name="Viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
<link rel="stylesheet" href="//www.629055.com/dplayer/DPlayer.min.css" type="text/css"/>
<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}
#dplayer{position:inherit}
</style>
</head>
<body style="background:#000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu=window.event.returnValue=false>
<div id="dplayer"></div>
<div id="stats"></div>
<script type="text/javascript" src="//www.629055.com/dplayer/hls.min.js"></script>
<script type="text/javascript" src="//www.629055.com/dplayer/DPlayer.min.js"></script>
<script type="text/javascript" src="//www.629055.com/dplayer/p2p.js"></script>
<script>
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 m3u8url = '<?php echo $url; ?>'
var dp = new DPlayer({
autoplay: true,
container: document.getElementById('dplayer'),
video: {
url: m3u8url,
type: 'hls',
pic: '/webp2p/loading_wap.jpg',
},
volume: 1.0,
preload: 'auto',
theme: '#28FF28',
danmaku: {
id: '<?php echo $url; ?>',
api: 'https://api.prprpr.me/dplayer/',
maximum: 1000,
bottom: '20%',
unlimited: true
},
hlsjsConfig: {
p2pConfig: {
logLevel: false,
live: false,
}
}
});
dp.seek(webdata.get('pay'+m3u8url));
setInterval(function(){
webdata.set('pay'+m3u8url,dp.video.currentTime);
},1000);
var _peerId = '', _peerNum = 0, _totalP2PDownloaded = 0, _totalP2PUploaded = 0;
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 () {
window.parent.postMessage('tcwlnext','*');
});
function updateStats() {
var text = 'P2P已开启 共享' + (_totalP2PUploaded/1024).toFixed(2) + 'MB' + ' 加速' + (_totalP2PDownloaded/1024).toFixed(2)
+ 'MB' + ' 此片有 ' + _peerNum + ' 位道友正在观看';
document.getElementById('stats').innerText = text
}
</script>
</body>
</html>