直播 js完善

xc

2021-04-26 e2863e5ef1da5c89c84bf5ce139fc05b90429e10

直播 js完善

 src/main/resources/public/css/controles.css

@@ -1,7 +1,7 @@
/* 去掉全屏时显示的自带控制条 */
/*!* 去掉全屏时显示的自带控制条 *!
video::-webkit-media-controls{
    display:none !important;
}
}*/
.wrap h3{
    text-align: center;
    height: 100px;

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

@@ -24,6 +24,9 @@


<script>
    var video_id;
    var stream_path;


    var $play = document.getElementById('play');
    var $stop = document.getElementById('stop');
@@ -41,7 +44,7 @@
    var h5lc = new Jessibuca({container, decoder: "../js/jessibuca/ff.js", videoBuffer: 0});

    h5lc.onLoad = function () {
        this.play("ws://172.16.30.113:8082/live/ff80808178af424e0178af44e677000343616d657261.flv")
        //this.play("ws://172.16.30.113:8082/live/ff80808178af424e0178af44e677000343616d657261.flv")
        //this.play("ws://pull3.afb1188.com/live/" + stream + ".flv")
    }
    h5lc.onPlay = function () {
@@ -95,41 +98,33 @@
    }


    function play_video(video_url) {
        window.rtsp = video_url;
        window.streamPath = "";
    //播放
    function play_video(video_id) {
        windows.video_id = video_id;
        $.ajax({
            type: "get",
            url: "../../webapi/media/live?param=" + video_url,
            url: "../../webapi/media/live?param=" + video_id,
            timeout: 5000,
            async: false,
            success: function (result) {
                //$("#iframeSon").attr("src", "../../data/video/public/test.html?url=" + result.jessica);
                var container = document.getElementById("playerContainer");
                jessibuca = new Jessibuca({
                    container, decoder: "../../data/video/public/ff.js", videoBuffer: 1,
                    isResize: false
                });

                jessibuca.onLoad = function () {
                h5lc.onLoad = function () {
                    this.play(result.jessica);
                }
                $("#close_video").attr("onclick", "close_videoDiv(\"" + result.streamPath + "\")");
                window.streamPath = result.streamPath;
                window.stream_path = result.streamPath;
            }
        });
        switch_layer();
    }


    //关闭
    function close_video(streamPath) {
        jessibuca.destroy();
        if (streamPath) {
            $.ajax({
                type: "get",
                url: "../../webapi/media/stop?param=" + streamPath,
                url: "../../webapi/media/stop?param=" + stream_path,
                async: false,
                success: function (result) {
                    $jessibucaContainer.style.display = 'none';
                }
            });
        }