main

分支 (1)

标签 (12)

管理

管理

main

2.11.2

2.10.0

2.9.0

2.8.1

2.7.0

2.6.0

2.5.0

2.4.0

v2.3.0

2.2.0

2.1.0

v2.0.0

hls-p2p-engine
/
demo
/
clappr.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Clappr Demo</title>
    <!-- Clappr Builds -->
    <script src="//cdn.jsdelivr.net/npm/@clappr/player@~0/dist/clappr.min.js"></script>
    <!-- P2PEngine -->
    <script src="//cdn.jsdelivr.net/npm/@swarmcloud/hls/p2p-engine.min.js"></script>
</head>
<body>
<div id="player"></div>
<h3>download info:</h3>
<p id="info"></p>
<script>
    var p2pConfig = {
        // logLevel: 'debug',
        live: false,        // set to true in live mode
        getStats: function (totalP2PDownloaded, totalP2PUploaded, totalHTTPDownloaded) {
            var total = totalHTTPDownloaded + totalP2PDownloaded;
            document.querySelector('#info').innerText = `p2p ratio: ${Math.round(totalP2PDownloaded/total*100)}%, saved traffic: ${totalP2PDownloaded}KB, uploaded: ${totalP2PUploaded}KB`;
        },
        // trackerZone: 'hk',        // if using Hongkong tracker
        // trackerZone: 'us',        // if using USA tracker
        // token: YOUR_TOKEN
        // Other p2pConfig options provided by CDNBye
    }
    var player = new Clappr.Player(
        {
            source: "https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8",
            parentId: "#player",
            autoPlay: true,
            plugins: [],
            playback: {
                hlsjsConfig: {
                    // Other hlsjsConfig options provided by hls.js
                    p2pConfig
                }
            }
        });
    p2pConfig.hlsjsInstance = player.core.getCurrentPlayback()?._hls;
    var engine = new P2PEngineHls(p2pConfig);
</script>
</body>
</html>