Blame view

public/h5/jessibuca/video.html 907 Bytes
1231aa27   wuxw   移动端图片
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
  <!DOCTYPE html>
  <html lang="en">
  	<head>
  		<meta charset="UTF-8">
  		<title>监控视频</title>
  		<script src="./jessibuca.js"></script>
  	</head>
  	<body>
  		<div class="container-shell">
  			<div id="container" style="width: 100%;height: 600px;"></div>
  		</div>
  
  
  		<script>
  			function _play() {
  				let image = document.getElementById("container");
  				let jessibuca = new Jessibuca({
  					container: image,
  					videoBuffer: 0.2, // 缓存时长
  					isResize: false,
  					text: "",
  					loadingText: "",
  					useMSE: false,
  					debug: false,
  					isNotMute: false,
  					operateBtns: {
  						fullscreen: true,
  						screenshot: true,
  						play: true,
  						audio: false,
  						recorder: false
  					},
  				});
  				const urlParams = new URLSearchParams(window.location.search);
  				const tt = urlParams.get('tt'); // "john"
  				jessibuca.play(
  					tt
  				);
  			}
  
  			_play();
  		</script>
  
  	</body>
  </html>