<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>大华web控件</title>
|
<!-- import Vue.js -->
|
<script src="./lib/vue.js"></script>
|
<!-- import stylesheet -->
|
<link rel="stylesheet" href="./lib/iview.css">
|
<!-- import iView -->
|
<script src="./lib/iview.js"></script>
|
<script src=" ./lib/DHWs.js"></script>
|
<script src="./lib/jquery.js"></script>
|
<link rel="stylesheet" href="./lib/demo.css">
|
|
</head>
|
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
|
<video id="video"></video>
|
<script>
|
if (Hls.isSupported()) {
|
var video = document.getElementById('video');
|
var hls = new Hls();
|
hls.loadSource('http://183.245.159.161:8050/cam/realmonitor/Cs2Rmb6YA1EB6S61QNIVAC?subtype=0&streamType=0&token=1670373446_a17fa7aea0285890e017bd52cc86abc6a0859ab0&mediatype=HLS.m3u8');
|
hls.attachMedia(video);
|
hls.on(Hls.Events.MANIFEST_PARSED, function () {
|
video.play();
|
document.body.addEventListener('click', function () {
|
video.play();
|
}, false);
|
});
|
}
|
</script>
|
|
</html>
|
