APP3.5开发

YYC

2025-05-15 2df906a447195f9786dd468512ea895d6cc18532

 igds-app/js/admin/security-video.js

@@ -1,6 +1,6 @@
var url = null;
var videoData = null;
var playData =null;
var videoList = null;
var playData = null;
var data = {
   "interfaceId": "5604",
   "tokenAuth": "",
@@ -28,13 +28,14 @@
   data.tokenAuth = user.tokenAuth;
   data1.tokenAuth = user.tokenAuth;
   data.data.deptId = selectDeptId;
   url = user.url + "/api-phone/v35/gateway";
   url = user.url + "/api/phone/v35/gateway";

   getVideoList();

}

function getVideoList() {
   console.log(JSON.stringify(data.data))
   //发送请求获取视频设备
   mui.ajax(url, {
      type: "POST",
@@ -44,13 +45,11 @@
      data: JSON.stringify(data),
      success: function(result) {
         if (result.code == "0000") {
            videoData = result.data;
            console.log(JSON.stringify(videoData))
            videoList = result.data;
            renderVideo();
         } else {
            renderVideo();
            mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
				
         }
      },
      error: function() {
@@ -58,54 +57,79 @@
         mui.alert('系统繁忙,请重试！', '提示', ["确定"], function() {}, "div");
      }
   })
   // videoList = [{
   //       "id": "45",
   //       "name": "东图习多",
   //       "status": "01",
   //       "playType": "id ea",
   //       "type": "02"
   //    },
   //    {
   //       "id": "52",
   //       "name": "老出亲事先",
   //       "status": "02",
   //       "playType": "Ut",
   //       "type": "01"
   //    },
   //    {
   //       "id": "70",
   //       "name": "解领文确团离照",
   //       "status": "02",
   //       "playType": "nisi nostrud",
   //       "type": "02"
   //    },
   //    {
   //       "id": "13",
   //       "name": "因局员",
   //       "status": "01",
   //       "playType": "ex labore esse",
   //       "type": "01"
   //    }
   // ]
}

//渲染视频监控设备
function renderVideo() {
   var html = '';
   if (videoData) {
      var videoList = videoData.data;
      if (videoList && videoList.length > 0) {
         $.each(videoList, function(index, item) {
            if (index % 3 == 0) {
               html +=
               '<li><a onclick="getVideo(\''+item.id+'\',\''+item.playType+'\')" class="con" style="background-image: url(images/icons/g-i15.png);">';
            }
            if (index % 3 == 1) {
               html +=
               '<li><a onclick="getVideo(\''+item.id+'\',\''+item.playType+'\')" class="con" style="background-image: url(images/icons/g-i16.png);">';
            }
            if (index % 3 == 2) {
               html +=
               '<li><a onclick="getVideo(\''+item.id+'\',\''+item.playType+'\')" class="con" style="background-image: url(images/icons/g-i17.png);">';
            }
            if (item.type = '02') {
               html +=
                  '<div class="left"><div class="icon"><img src="images/icons/g-i13.png" alt=""></div><div class="name">' +
                  item.name + ' (球机)</div></div>';
            }
            if (item.type == '01') {
               html +=
                  '<div class="left"><div class="icon"><img src="images/icons/g-i14.png" alt=""></div><div class="name">' +
                  item.name + ' (枪机)</div></div>';
            }
   if (videoList && videoList.length > 0) {
      $.each(videoList, function(index, item) {
         if (index % 3 == 0) {
            html +=
               '<li><a onclick="getVideo(\'' + item.id + '\',\'' + item.playType +
               '\')" class="con" style="background-image: url(images/icons/g-i15.png);">';
         }else if (index % 3 == 1) {
            html +=
               '<li><a onclick="getVideo(\'' + item.id + '\',\'' + item.playType +
               '\')" class="con" style="background-image: url(images/icons/g-i16.png);">';
         }else if (index % 3 == 2) {
            html +=
               '<li><a onclick="getVideo(\'' + item.id + '\',\'' + item.playType +
               '\')" class="con" style="background-image: url(images/icons/g-i17.png);">';
         }
         if (item.type == '01') {
            html +='<div class="left"><div class="icon"><img src="images/icons/g-i14.png" alt=""></div><div class="name">' +
               item.name + ' (枪机)</div></div>';

            html += '<div class="right"><span class="mui-icon  mui-icon-forward"></span></div></a></li>';
         })
      } else {
         html += '<li><a class="con" style="background-image: url(images/icons/g-i15.png);"><span>暂无相关设备</span></a></li>';
      }
   }else{
      html += '<li><a class="con" style="background-image: url(images/icons/g-i15.png);"><span>暂无相关设备</span></a></li>';
         }else if (item.type == '02') {
            html +=   '<div class="left"><div class="icon"><img src="images/icons/g-i13.png" alt=""></div><div class="name">' +
               item.name + ' (球机)</div></div>';
					
         }

         html += '<div class="right"><span class="mui-icon  mui-icon-forward"></span></div></a></li>';
      })
   } else {
      html +=
         '<li><a class="con" style="background-image: url(images/icons/g-i15.png);text-align: center;font-size: 20px;color:#dd524d""><span>暂无相关设备</span></a></li>';
   }
   $("#recordList").html(html);
}


function getVideo(cameraId,playType){
function getVideo(cameraId, playType) {
   data1.data.id = cameraId;
   data1.data.playType = playType;
	
   console.log(JSON.stringify(data1.data))
   //发送请求获取视频设备
   mui.ajax(url, {
      type: "POST",
@@ -116,10 +140,13 @@
      success: function(result) {
         if (result.code == "0000") {
            playData = result.data;
            console.log(JSON.stringify(playData))
            toVideo(playData.playAddr);
            // toVideo(playData.playAddr);
            // toVideo("http://player.alicdn.com/video/aliyunmedia.mp4");
            toVideo("http://192.168.1.62:8889/zlm/rtp/gb_play_41010200492000000001_34020000001310000001.flv");
				
         } else {
            toVideo('');
            toVideo("http://192.168.1.62:8889/zlm/rtp/gb_play_41010200492000000001_34020000001310000001.flv");
            // toVideo('')
            mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
         }
      },
@@ -130,14 +157,23 @@
   })
}

function toVideo(playAddr){
   var html = '';
   html += '<video src="'+playAddr+'" poster="images/pos1.png" class="video" webkit-playsinline="true" playsinline="true" controls></video>'
   $("#toVideo").html(html);
}
// function toVideo(playAddr) {
//    var html = '';
//    html += '<video id="mainvideo" src="' + playAddr +
//       '" poster="images/pos1.png" class="video" webkit-playsinline="true" playsinline="true" autoplay controls></video>'
//    $("#toVideo").html(html);
// }
function toVideo(playAddr) {
   var html = "";
   //关闭转圈等待框
   html = '<easy-player id="easyPlayer" video-url="' + playAddr +
      '" live="true" show-custom-button="true" auto-play="true" muted="true"></easy-player>';
   $('#toVideo').html(html);
} 


mui('.mui-scroll-wrapper').scroll({
   indicators: false, //是否显示滚动条
   indicators: true, //是否显示滚动条
   deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
   bounce: false, //是否启用回弹
   deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006