监管视频逻辑调整

czt

2026-01-05 aad1f2dd7b10ec03d78d703bc2c31b9e679a82b6

 fzzy-igdss-web/src/main/resources/static/security/video-list-dept.js

@@ -7,7 +7,7 @@
var playCamera = null;
var playList = {};

var playTag = 1;  //默认内网播放
var playTag = "1";  //默认内网播放

var playUrl1 = null;
var videoId1 = null;
@@ -47,14 +47,32 @@
let mediaStream9;

$(function () {
    layui.use(['layer', 'table'], function () {
    layui.use(['layer', 'form', 'table'], function () {
        layer = layui.layer;
        table = layui.table;
        form = layui.form;

        // 监听播放方式
        form.on('select(select_play)', function (obj) {
            return renderPlayType();
        });
    });

    //初始化渲染播放列表
    renderList();
});

/**
 * 切换播放方式
 */
function renderPlayType() {
    playTag = $("#playLan").val();

    //内网播放，重置各个播放窗口
    reloadView(1);
    reloadView(4);
    reloadView(9);
}

/**
 * 渲染监控列表
@@ -102,9 +120,14 @@
    var camera = listCamera[index];
    playList[windowsNum] = camera;

    var playType = camera.playType;
    if (playTag === "1") {
        //内网播放,赋值WebRtc播放方式
        playType = "WEB_RTC";
    }
    var data = {
        id: camera.id,
        playType: camera.playType
        playType: playType
    };
    $.ajax({
        type: 'POST',
@@ -223,14 +246,20 @@
 * 判断内网播放还是外网播放
 */
function startPlay() {

    if (playTag === "1") {
        //内网播放
    startPlay1();
    }
    if (playTag === "2") {
        //外网播放
        startPlay2();
    }
}

/**
 * 外网播放
 */
function startPlay1() {
function startPlay2() {

    if(windowsNum > splitWin){
        windowsNum = 1;
@@ -240,28 +269,10 @@
    }

    if (playCamera.playUrl) {
        var html = '<div class="mask" onclick="selectWin(' + splitWin + ',' + windowsNum + ')"></div>';
        html += '<iframe src="' + playCamera.playUrl + '" width="99%" height="99%" frameborder="0" allowfullscreen></iframe>';
        $("#f" + splitWin + "_d" + windowsNum).html(html);

        var divId = "#f" + splitWin + "_d" + windowsNum;
        var html = '<video class="video" id="video' + splitWin + '_' + windowsNum+'" style="width:100%;height: 100%"  controls>';
        $(divId).html(html);

        if (flvjs.isSupported()) {
            var videoElement = document.getElementById("video" + splitWin + '_' + windowsNum);
            var flvPlayer = flvjs.createPlayer({
                type: 'flv',
                isLive: true,
                cors: true,
                url: playCamera.playUrl
            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
            flvPlayer.play();
        }

        // var html = '<video class="video" id="video'+splitWin + "_" + windowsNum+'" autoplay playsinline="true" webkit-playsinline="true" crossorigin="anonymous"';
        // html += 'crossorigin="anonymous" src="blob:'+playCamera.playUrl+'" style="display: none;"></video>';
        // html += '<canvas width="100%" height="100%" style="height: 100%">';
        // $("#f" + splitWin + "_d" + windowsNum).html(html);
        curCamera = playList[windowsNum];
    } else {
        $("#f" + splitWin + "_d" + windowsNum).html("未获取到摄像头(" + playCamera.cameraName + ")播放信息！！");
@@ -271,7 +282,7 @@
/**
 * 内网播放
 */
function startPlay2() {
function startPlay1() {

    if(windowsNum > splitWin){
        windowsNum = 1;
@@ -598,6 +609,7 @@
}

/*============= 视频播放 ----- 结束 ===============*/

/*============= webRtc视频播放5 ----- 开始 ===============*/
/**
 * 开始播放
@@ -661,6 +673,7 @@
}

/*============= 视频播放 ----- 结束 ===============*/

/*============= webRtc视频播放4 ----- 开始 ===============*/
/**
 * 开始播放