Dplayer播放器集成p2p加速源码分享

 admin   2019-04-07 23:36   3180 人阅读  4 条评论

本文教程仅适用于M3U8资源加速!支持跨域!至于什么是p2p加速?自己百度下吧

p2p加速模块来自CDNBye OMS ,可后台实时查看在线人数,加速流量等。具体后台截图如下:

image.png

使用方法:

将本文中php代码复制到自己的php文件中,如p2p.php,那么接口地址就是 你的域名/p2p.php?url=,直接打开一部m3u8格式的视频解析即可看到效果,

演示接口https://jx.wslmf.com/p2p.php?url= 大家可以直接使用,后续更新也不会出现广告什么的。

如何后台实时查看?

上面步骤做完确定可以正常播放解析后,需要到CDNBye OMS注册账号,然后按操作绑定域名,然后就可以实时查看数据了,代码无需做任何改动!

代码如下:

<html>
    <head>  
        <title>DPlayer P2P By:WSLMF.COM</title>    
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><!-- IE内核 强制使用最新的引擎渲染网页 -->
        <meta name="renderer" content="webkit">  <!-- 启用360浏览器的极速模式(webkit) -->
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0 ,maximum-scale=1.0, user-scalable=no"><!-- 手机H5兼容模式 -->
        <meta name="x5-fullscreen" content="true" ><meta name="x5-page-mODe" content="app" > <!-- X5  全屏处理 -->
        <meta name="full-screen" content="yes"><meta name="browsermODe" content="application">  <!-- UC 全屏应用模式 -->
        <meta name=”apple-mobile-web-app-capable” content=”yes”> <meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” /> <!--  苹果全屏应用模式 -->
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.JSdelivr.net/npm/p2p-dplayer@latest/dist/DPlayer.min.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:10px;font-size:12px;color:#fdfdfd;z-index:2147483647;text-shadow:1px 1px 1px #000, 1px 1px 1px #000}
    #dplayer{position:inherit}
</style>
</head>
<div id="dplayer"></div>
<div id="stats"></div>
<script src="//cdn.JSdelivr.net/npm/cdnbye@latest"></script>
<script src="//cdn.jsdelivr.net/npm/p2p-dplayer@latest"></script>
<script>
    var dp = new DPlayer({
        container: document.getElementById('dplayer'),
       screenshot: true, 
        hotkey: true, 
      
contextmenu: [
        {
            text: '【必看】免责声明',
            link: 'https://jx.wslmf.com/mzsm.html'
        },

    ],
       preload:"auto",
        autoplay: true, 
        video: {
            url: '<?php echo $_GET["url"];?>',
            type: 'hls'
        },
        hlsjsConfig: {
          loadTimeoutRate: 0.5,
         // maxBufferSize: 8*1000*1000,
            p2pConfig: {
                logLevel: true,
                live: false,        // 如果是直播设为true
            }
        }
    });
    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();
    });

    function updateStats() {
        var text = 'P2P正在为您加速' + (_totalP2PDownloaded/1024).toFixed(2)
            + 'MB 已分享' + (_totalP2PUploaded/1024).toFixed(2) + 'MB' + ' 连接节点' + _peerNum + '个';
        document.getElementById('stats').innerText = text
    }
</script>
</html>


发表评论:


表情

评论列表

  1. 嘿嘿嘿
    嘿嘿嘿  @回复

    这个播放器暂停会有广告啊,能不能修复一下

  2. 流浪
    流浪  @回复

    感谢

  3. 旋风
    旋风  @回复

    厉害,正好需要啊