可以作为m3u8的一次解析,二次封装解析。
p2p cdn 经过一些修改代码如下
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>CDNBye JWPlayer Demo</title>
<!-- CDNBye Plugin -->
<script src="http://cdn.jsdelivr.net/npm/cdnbye@latest"></script>
<!-- JW Player Builds -->
<script src="http://ssl.p.jwpcdn.com/player/v/8.0.11/jwplayer.js"></script>
<!-- JWPlayer Hlsjs Provider -->
<script src="http://cdn.jsdelivr.net/npm/cdnbye@latest/dist/jwplayer.hlsjs.provider.min.js"></script>
<style>
body{
margin: 0
}
</style>
</head>
<body>
<header></header>
<center>
<div id="demoplayer"></div>
</center>
<script>
function getWidth() {
var winWidth;
if (window.innerWidth) {
winWidth = window.innerWidth;
} else if ((document.body) && (document.body.clientWidth)) {
winWidth = document.body.clientWidth;
}
console.log(winWidth);
return winWidth
}
function getHeight() {
var winHeight;
if (window.innerHeight) {
winHeight = window.innerHeight;
} else if ((document.body) && (document.body.clientHeight)) {
winHeight = document.body.clientHeight;
}
console.log(winHeight);
return winHeight
}
window.onload = function () {
console.log(getWidth())
console.log(getHeight())
jwplayer.key = "uoW6qHjBL3KNudxKVnwa3rt5LlTakbko9e6aQ6VUyKQ=";
jwplayer('demoplayer').setup({
file: 'http://bili.meijuzuida.com/20190816/21233_2bbe45fb/index.m3u8',
width: getWidth(),
height: getHeight(),
autostart: false,
hlsjsConfig: {
debug: false,
// Other hlsjsConfig options provided by hls.js
p2pConfig: {
logLevel: true,
live: false, // 如果是直播设为true
// Other p2pConfig options provided by CDNBye
}
},
});
jwplayer().on('play', function () {
jwplayer().hls.p2pEngine.on('stats', function ({ totalHTTPDownloaded, totalP2PDownloaded }) {
// get totalHTTPDownloaded and totalP2PDownloaded here
})
})
}
</script>
</body>
</html>