直播与回放分布

xc

2021-04-20 504e27bd5a95b2740fc82679bef6f605eaa148d6

直播与回放分布

 src/main/resources/public/index3.html

@@ -18,10 +18,11 @@
            margin: 0 auto;
            text-align: center;
        }
/*        .player-wrapper canvas {
            width: 100%;
            height: 100%;
        }*/

        /*        .player-wrapper canvas {
                    width: 100%;
                    height: 100%;
                }*/

    </style>
</head>
@@ -31,7 +32,7 @@
<!-- jessiebuca播放器 -->
<div class="wrap">
    <div class="content">
        <div class="player" onmouseover="playerShow()"onmouseout="playerHidden()">
        <div class="player" onmouseover="playerShow()" onmouseout="playerHidden()">
            <div class="player-wrapper" id="container" style="background-color: #0D0E1B;">
            </div>
            <div class="control">
@@ -124,7 +125,7 @@


    function play(firstResponseIp) {
        h5lc.play("ws://172.16.30.113:8082/live/video3.flv")
        h5lc.play("ws://172.16.30.113:8082/live/video4.flv")
    }

    function stop() {
@@ -168,16 +169,12 @@
        }
    }

    function playerShow(){
        if (isLive) {
            $(".player .control").css("display","block")
        }else {
            $(".player .control").css("display","none")
        }
    function playerShow() {
        $(".player .control").css("display", "block")
    }

    function playerHidden(){
        $(".player .control").css("display","none")
    function playerHidden() {
        $(".player .control").css("display", "none")
    }


@@ -193,7 +190,7 @@
        animateFinish: false, // 动画是否完成
        callback: function (config) {
            console.log(config);
            currentTimer=config.time;
            currentTimer = config.time;
        },
        animateCallback: function (config) {

@@ -205,11 +202,11 @@
        }
    });
    $(".progressTime-left-b-start").on("click", function () {
        if(currentTimer){
        if (currentTimer) {
            $(this).addClass("stop");

            $.ajax({
                url: ""+"?param=",
                url: "" + "?param=",
                async: false,//同步方式发送请求，true为异步发送
                type: "GET",
                data: {},

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

@@ -51,7 +51,6 @@
    var $play = document.getElementById('play');
    var $stop = document.getElementById('stop');
    var container = document.getElementById("container");
    var $progressTime = document.getElementById('progressTime');

    var isPlaying = false;

@@ -141,11 +140,7 @@
    }

    function playerShow() {
        if (isLive) {
            $(".player .control").css("display", "block")
        } else {
            $(".player .control").css("display", "none")
        }
        $(".player .control").css("display", "block")
    }

    function playerHidden() {

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

@@ -117,7 +117,7 @@


    function play(firstResponseIp) {
        h5lc.play("ws://172.16.30.113:8082/live/video3.flv")
        h5lc.play("ws://172.16.30.113:8082/live/video4.flv")
    }

    function stop() {