通过rtsp 实现 通过摄像头ID 实现

xc

2021-04-27 d8a274cd30024a992cbf757cb6738c96a373b368

 src/main/resources/public/monitor/live.html

@@ -5,9 +5,9 @@
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Jessibuca【直播】</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/controles.css">
    <link rel="stylesheet" href="../css/live/liveStyle.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/controles.css">
    <link rel="stylesheet" href="css/live/liveStyle.css">


</head>
@@ -17,34 +17,20 @@
<!-- jessiebuca播放器 -->
<div id="jessibucaContainer"></div>

<script src="../js/ajax.js"></script>
<script src="../js/renderer.js"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/live/livepler.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/ajax.js"></script>
<script src="js/renderer.js"></script>
<script src="js/live/liveComponent.js"></script>


<script>
    var $close = document.getElementById('close');

    let livepler =new Livepler({
    let liveComponent =new LiveComponent({
        elem:"jessibucaContainer",
        ffurl:"../js/jessibuca/ff.js",
    })
    //播放
    //livepler.playVideo()
    window.onload=function() {
        livepler.playVideo();
    }
    //关闭
    $close.addEventListener('click', function () {
        if (!isPlaying) {
            return;
        }
        isPlaying = false;
        //livepler.closeVideo()
        $jessibucaContainer.style.display = 'none';
    }, false);

        cameraId:"ff80808178af424e0178af44e677000343616d657261",
        rtspUrl:"rtsp://admin:12345...@192.168.1.201:554/Streaming/Channels/301",
    });
    //关闭流
    //liveComponent.close();
</script>

</body>