RayP2P HLS 加速系统接入指南

125次阅读
没有评论

共计 5710 个字符,预计需要花费 15 分钟才能阅读完成。

**我们的宗旨是:让热门不再卡顿,让高峰依旧流畅**RayP2P 与 RayCDN 与 ENCODE 相融合,提供极度完善的流媒体加速运载能力;经过完善,现在任何站长均可以接入本系统,无论本系统运行状态怎样,均不会对流畅度造成负面的影响;简单的说,就算是接入后,我们的系统彻底挂掉,也不会对您网站造成任何影响,当然系统在正常运作时,会提供极度优秀的加速能力,下面介绍系统运作原理以及接入方法。

RayP2P HLS 加速系统接入指南

如图所示,其中signal信令服务器和tracker调度服务器,是整个系统的核心,整个圈子的建立和交互都由它们来完成,这一项服务由我们维护和优化,这是商业服务(我们已经收取到了一年的商业服务费用,站长们无需为服务稳定性担心)。

运作原理:
step1:将正在播放同一视频的用户纳入一个流量圈,将播放进度相似的用户进一步细分且纳入一个协同圈,当然细分原则中还涉及到网络质量等因素,具体原则就不一一描述,因为这个我们可能需要随时做升级和优化
step2:为圈内用户创建互联,协同且相互提供网络帮助以完成视频的流畅播放,这是一个很复杂的流程
step3:实时调度和调整流量圈的大小与范围,保障整个流量圈流畅与稳定

总的来说,就是让正在观看同一个视频的用户在网络上提供相互的帮助,以达到更好的流畅性和可靠性,整个系统只会优先去获取链路最好的数据,如果整个链路都不可用,那么还有CDN或者源的数据可以使用,这个切换是毫秒级的,所以在任何情况下,系统只会带来正向的加速能力,而不会出现拖后腿的现象!

可靠性:
代码的可靠性:暗加广告(代码)的卑鄙操作? 我们知道站长的担心,但是我们的系统完全不必考虑这个问题,我们不会给任何代码加密,完全透明公开,这样就完全的避免了这种可耻的行为。
保障运行的可靠性:我们不是免费提供服务,所以不会莫名其妙的断开服务,我们已经收取到了1年的运营费用(这个商业服务费用还是很高的,具体金额不透露),所以,您所想的依旧无需担心,有钱赚,不违法,我们不会中断服务。

接入方法:
首先,您必须使用的是支持H5的播放器,理论上说,所有的H5播放器都支持,我们推荐使用开源的DPLAYER,接入方法如下:
引入DPLAYER的播放器CSS样式,JS,以及我们修改后的以支持P2P的JS,同时在后方追加配置文件,p2p.js是在hls.js的基础上修改和加入了p2p-engine:

    <script src="https://cdn.bskchina.cn/p2p/p2p.js"></script>
    <script src="https://cdn.bskchina.cn/dplayer/dplayer.js"></script>
    <link rel="stylesheet" href="https://cdn.bskchina.cn/dplayer/DPlayer.min.css">
    <script>
    var hlsjsConfig = {        debug: false,        maxBufferHole: 3,        p2pConfig: {            logLevel: 'warn',            announce: "https://tracker.klink.tech",            wsSignalerAddr: 'wss://signal.klink.tech/ws',
        }
    };    var hls;    var dp = new DPlayer({        container: document.getElementById('dplayer'),        autoplay:true,        loop:true,        screenshot:true,        hotkey:true,        preload:'auto',        video: {            url: '<?php echo($_REQUEST['url']);?>',            type: 'customHls',            customType: {                'customHls': function (video, player) {                    var isMobile = navigator.userAgent.match(/iPad|iPhone|Linux|Android|iPod/i) != null;                    if (isMobile) {                        var html = '<video src="'+video.src+'" controls="controls" autoplay="autoplay" width="100%" height="100%"></video>';                        document.getElementById('dplayer').innerHTML = html;
                    }else{
                        hls = new Hls(hlsjsConfig);
                        hls.loadSource(video.src);
                        hls.attachMedia(video);
                        hls.engine.on('stats', function (data) {                            var size = hls.engine.fetcher.totalP2PDownloaded;
                            hls.engine.fetcher.totalP2PDownloaded=0;                            if(size>0){
                                hls.engine.signaler.signalerWs.send({action:'stat',size:size});
                            }
                        })
                    }
                }
            }
        }
    });</script>

任何代码均公开透明,无任何加密操作,您可以将代码下载到本地,然后上传到自己的服务器,修改调用域名亦可;不过,我们依旧推荐用户直接使用我们的资源链接,原因两点:1.我们使用了优秀的CDN,加载速度快;2.播放器样式或者兼容性需要有重大修改时,我们会直接修改,不必您在手动上自己的服务器修改。

以下是一个完整的视频解析页面的DEMO,保存为:m3u8.php 即可,使用方式为http(s)://您的网址/m3u8.php?url=xxxxx.m3u8,当然了,m3u8的地址需要写入h5跨域头,代码如下,细节请自行修改 :

<?php /**
 * @author CJ22
 * @copyright 2018
 * @version    1.0
 *
 * for ray-p2p system
 *
 */?><!DOCTYPE html><html>
 <head>
  <meta charset="UTF-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> 
  <meta name="referrer" content="never" /> 
  <title>云解析</title> 
  <style type="text/css">body,html,.dplayer{padding:0;margin:0;width:100%;height:100%;background-color:#000}a{text-decoration:none}</style> 
 </head> 
 <body> 
 <link rel="stylesheet" href="https://cdn.bskchina.cn/dplayer/DPlayer.min.css"><div id="dplayer"></div><script src="https://cdn.bskchina.cn/p2p/p2p.js"></script><script src="https://cdn.bskchina.cn/dplayer/dplayer.js"></script><script>
    var hlsjsConfig = {        debug: false,        maxBufferHole: 3,        p2pConfig: {            logLevel: 'warn',            announce: "https://tracker.klink.tech",            wsSignalerAddr: 'wss://signal.klink.tech/ws',
        }
    };    var hls;    var dp = new DPlayer({        container: document.getElementById('dplayer'),        autoplay:true,        loop:true,        screenshot:true,        hotkey:true,        preload:'auto',        video: {            url: '<?php echo($_REQUEST['url']);?>',            type: 'customHls',            customType: {                'customHls': function (video, player) {                    var isMobile = navigator.userAgent.match(/iPad|iPhone|Linux|Android|iPod/i) != null;                    if (isMobile) {                        var html = '<video src="'+video.src+'" controls="controls" autoplay="autoplay" width="100%" height="100%"></video>';                        document.getElementById('dplayer').innerHTML = html;
                    }else{
                        hls = new Hls(hlsjsConfig);
                        hls.loadSource(video.src);
                        hls.attachMedia(video);
                        hls.engine.on('stats', function (data) {                            var size = hls.engine.fetcher.totalP2PDownloaded;
                            hls.engine.fetcher.totalP2PDownloaded=0;                            if(size>0){
                                hls.engine.signaler.signalerWs.send({action:'stat',size:size});
                            }
                        })
                    }
                }
            }
        }
    });</script></body></html>

其他H5播放器的支持,如果有实践能力的请自行研究,如果搞不定,请留言告诉我们,我们会提供接入方案!

FrOm:https://www.cj22.cn/lab/rayp2p.html

正文完
 
admin
版权声明:本站原创文章,由 admin 2019-08-14发表,共计5710字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码