61 lines
1.4 KiB
HTML
61 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<style>
|
|
body>#video {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: #000;
|
|
text-align: center;
|
|
}
|
|
|
|
* {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="video"></div>
|
|
<script src="./jessibuca-pro-multi.js"></script>
|
|
<script>
|
|
let urlString = window.location.href;
|
|
// 获取 URL 中的参数部分
|
|
let searchParams = new URLSearchParams(window.location.search);
|
|
const url = searchParams.get('url')
|
|
var jessibuca = new JessibucaPro({
|
|
container: video,
|
|
videoBuffer: 0.2, // 缓存时长
|
|
isResize: true,
|
|
text: "",
|
|
loadingText: "加载中",
|
|
useMSE: true,
|
|
useSIMD: true,
|
|
autoWasm: true,
|
|
// debug: true,
|
|
// debugLevel: "debug",
|
|
controlAutoHide: true,
|
|
showBandwidth: false, // 显示网速
|
|
operateBtns: {
|
|
fullscreen: true,
|
|
screenshot: true,
|
|
play: true,
|
|
audio: true,
|
|
},
|
|
forceNoOffscreen: true,
|
|
useWebFullScreen: true,
|
|
isNotMute: false,
|
|
loadingTimeoutReplayTimes: -1,
|
|
heartTimeoutReplayTimes: -1,
|
|
});
|
|
jessibuca.play('ws://10.48.31.84:9080/ws/12a38b545afb4e3cb22f962ceac914cf/channel.flv')(url);
|
|
</script>
|
|
</body>
|
|
|
|
</html> |