var layer;
var timer;
var table;
var cameraData;

$(function () {
    layui.use(['layer', 'table'], function () {
        layer = layui.layer;
        table = layui.table;
    });
    
    showPtz = function(){
        $("#ptz-block").css("opacity",1);
    };

    disPtz = function(){
        $("#ptz-block").css("opacity",0);
    };

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

/**
 * 点击播放
 * @param cameraId
 */
play = function (data) {
    layer.msg("正在获取播放信息……");

    var data = {
        id: data.id,
        playType: data.playType
    };
    $.ajax({
        type: 'POST',
        url: "../../basic/security/get-media",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            play2(result);
        },
        error: function (result) {
            play2(result);
        }
    });
};

play2 = function (data) {

    if (!data) {
        layer.alert("未获取到当前摄像头播放信息！！");
        return;
    }

    cameraData = data;
    if(PlayType.VLC == data.playType){ //说明使用本地VLC播放
        $("#easyPlayer").css('display','none');
        $("#iframePlayer").css('display','none');

        $("#vlcPlayer").css('display','block');
        var html = '';
        html += '<object type="application/x-vlc-plugin"' +
            'events="true" width="100%" height="100%"' +
            'pluginspage="http://www.videolan.org"' +
            'th:codebase="@{../../static/plugins/vlc/npapi-vlc-2.2.2.tar.xz}">' +
            '<param name="mrl" value="' + data.playAddr + '"/>'+
            '<param name="volume" value="50"/>' +
            '<param name="autoplay" value="true"/>' +
            '<param name="loop" value="false"/>' +
            '<param name="fullscreen" value="true"/>' +
            '<param name="toolbar" value="false"/>' +
            '</object>';
        $("#vlcPlayer").html(html);

    }else if (data.playIframe) {//说明使用IFRAME播放
        layer.msg("开始启动播放……");

        $("#easyPlayer").css('display','none');
        $("#vlcPlayer").css('display','none');
        $("#iframePlayer").css('display','block');

        $("#iframePlayer").attr("src", data.playIframe);

    } else if(data.playAddr){
        layer.msg("开始启动播放……");
        //播放视频

        $("#iframePlayer").css('display','none');
        $("#vlcPlayer").css('display','none');
        $("#easyPlayer").css('display','block');

        $('#easyPlayer').attr('video-title', data.name);
        $('#easyPlayer').attr('video-url', data.playAddr);

        //定时器-保活直播
        if (timer) clearInterval(timer);

        timer = setInterval(function () {
            keepAlive();
        }, 15 * 1000);

    } else {
        layer.alert("未获取到当前摄像头播放信息！！");
    }
};


function renderList() {
    if (!listCamera || listCamera.length == 0) {
        return;
    }
    var eleTable = document.getElementById("cameraList");
    var _tr;
    var _td;
    listCamera.forEach(function (data) {
        _tr = document.createElement("tr");
        _tr.ondblclick = function () {
            play(data);
        };

        _td = document.createElement("td");
        _td.innerText = data.name;
        _tr.appendChild(_td);

        _td = document.createElement("td");
        _td.innerText = data.type == "01" ? "枪机" : "球机";
        _tr.appendChild(_td);

        _td = document.createElement("td");
        _td.innerText = data.status == "OFF" ? "离线" : "在线";
        _tr.appendChild(_td);

        eleTable.appendChild(_tr);
    });
}


//--------------------------视频管理------------------------//
/**
 * 保活，msg参数为了防止浏览器缓存
 */
function keepAlive() {
    var data = {
        playType: cameraData.playType,
        sn: cameraData.sn,
        ip: cameraData.ipIn,
        msg: Math.random()
    };
    $.ajax({
        type: 'POST',
        url: "../../basic/security/keep-alive",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
        },
        error: function (result) {
        }
    });
}

/**
 * 播放还是暂停
 */
function playStop() {
    var videL = $('#easyPlayer');
    if (videL.paused) {
        videL.play();
    } else {
        videL.pause();
    }
}

/**
 * 云台控制 -转向控制
 * @param tag 执行命令 1=上，2=下，3=左，4=右，5=左上，6=左下，7=右上，8=右下，0=停止，9=变倍小，10 = 变倍加
 *
 */
function mouseDownPTZControl(tag) {

    if ("01" == cameraData.type) {
        layer.msg("枪机摄像头不支持云台控制！");
        return;
    }

    layer.msg("开始调用云平台……",
        {time: 3000, shift: 5, offset: "rb"},
        function () {
        });

    var data = {
        playType: cameraData.playType,
        sn: cameraData.sn,
        ip: cameraData.ipIn,
        command: tag
    };
    $.ajax({
        type: 'POST',
        url: "../../basic/security/ptz-media",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            if ("ERROR" == result.code) {
                layer.alert(result.msg);
            } else {
                layer.msg("执行成功……",
                    {time: 3000, shift: 5, offset: "rb"},
                    function () {
                    });
            }
        },
        error: function (result) {
            layer.alert(result.msg);
        }
    });
}

/**
 * 云台控制 -转向停止
 * @param tag
 */
function mouseUpPTZControl() {
    if ("01" == cameraData.type) {
        return;
    }

    var data = {
        playType: cameraData.playType,
        sn: cameraData.sn,
        ip: cameraData.ipIn,
        command: "0"
    };
    $.ajax({
        type: 'POST',
        url: "../../basic/security/ptz-media",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            if ("ERROR" == result.code) {
                layer.alert(result.msg);
            }
        },
        error: function (result) {
            layer.alert(result.msg);
        }
    });
}

/**
 * 云台控制 -预置位置调用
 */
function clickGoPreset() {
    layer.msg("开始调用云平台……",
        {time: 3000, shift: 5, offset: "rb"},
        function () {
        });

    var data = {
        playType: cameraData.playType,
        sn: cameraData.sn,
        ip: cameraData.ipIn,
        command: "2",
        preset: 1
    };
    $.ajax({
        type: 'POST',
        url: "../../basic/security/ptz-preset",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            if ("ERROR" == result.code) {
                layer.alert(result.msg);
            } else {
                layer.msg("执行成功……",
                    {time: 3000, shift: 5, offset: "rb"},
                    function () {
                    });
            }
        },
        error: function (result) {
            layer.alert(result.msg);
        }
    });
}

/**
 * PTZZoomout 变倍 +
 * @constructor
 */
function PTZZoomout() {
//    if ("01" == cameraData.type) {
//        layer.msg("枪机摄像头不支持云台控制！");
//        return;
//    }

    layer.msg("开始调用云平台……",
        {time: 3000, shift: 5, offset: "rb"},
        function () {
        });

    var data = {
        playType: cameraData.playType,
        sn: cameraData.sn,
        ip: cameraData.ipIn,
        command: "10"
    };
    $.ajax({
        type: 'POST',
        url: "../../basic/security/ptz-media",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            if ("ERROR" == result.code) {
                layer.alert(result.msg);
            } else {
                layer.msg("执行成功……",
                    {time: 3000, shift: 5, offset: "rb"},
                    function () {
                    });
            }
        },
        error: function (result) {
            layer.alert(result.msg);
        }
    });
}

/**
 * PTZZoomout 变倍 -
 * @constructor
 */
function PTZZoomIn() {
//    if ("01" == cameraData.type) {
//        layer.msg("枪机摄像头不支持云台控制！");
//        return;
//    }

    layer.msg("开始调用云平台……",
        {time: 3000, shift: 5, offset: "rb"},
        function () {
        });

    var data = {
        playType: cameraData.playType,
        sn: cameraData.sn,
        ip: cameraData.ipIn,
        command: "9"
    };
    $.ajax({
        type: 'POST',
        url: "../../basic/security/ptz-media",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            if ("ERROR" == result.code) {
                layer.alert(result.msg);
            } else {
                layer.msg("执行成功……",
                    {time: 3000, shift: 5, offset: "rb"},
                    function () {
                    });
            }
        },
        error: function (result) {
            layer.alert(result.msg);
        }
    });
}

/**
 * PTZZoomout 变倍停止
 * @constructor
 */
function PTZZoomStop() {
}