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
/
artplayer.html

<!DOCTYPE html>
<html>
<head>
    <title>ArtPlayer</title>
    <meta charset="UTF-8" />
</head>
<body>
<div class="artplayer-app" style="width:400px;height:300px"></div>
<script src="https://cdn.jsdelivr.net/npm/@swarmcloud/hls/hls.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/artplayer@5.0.9/dist/artplayer.js"></script>
<script>
    var p2pConfig = {
        logLevel: 'debug',
        live: false,        // set to true in live mode
        swFile: './sw.js',
        getStats: function (totalP2PDownloaded, totalP2PUploaded, totalHTTPDownloaded) {
            console.log(`totalP2PDownloaded ${totalP2PDownloaded} totalP2PUploaded ${totalP2PUploaded} totalHTTPDownloaded ${totalHTTPDownloaded}`)
        },
        // trackerZone: 'hk',        // if using Hongkong tracker
        // trackerZone: 'us',        // if using USA tracker
        // token: YOUR_TOKEN
        // Other p2pConfig options provided by CDNBye
    }
    Hls.P2pEngine.tryRegisterServiceWorker(p2pConfig).then(() => {
        var art = new Artplayer({
            container: '.artplayer-app',
            whitelist: ['*'],
            playsInline: true,
            url: 'https://test-streams.mux.dev/x36xhzz/url_8/193039199_mp4_h264_aac_fhd_7.m3u8',
            customType: {
                m3u8: function (video, url) {
                    if (Hls.P2pEngine.isMSESupported()) {
                        var hls = new Hls({
                            p2pConfig
                        });
                        hls.loadSource(url);
                        hls.attachMedia(video);
                    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
                        video.src = url;
                        // use ServiceWorker based p2p engine if hls.js is not supported
                        new Hls.P2pEngine(p2pConfig)
                    }
                },
            },
        });
    })

</script>
</body>
</html>