//index.js
//获取应用实例
const app = getApp();
const utils = require("../../../utils/utils.js");
const recorderManager = wx.getRecorderManager();

const options = {
  duration: 60000, //指定录音的时长，单位 ms，最大为10分钟（600000），默认为1分钟（60000）
  sampleRate: 16000, //采样率
  numberOfChannels: 1, //录音通道数
  format: 'mp3', //音频格式，有效值 aac/mp3
}

var livePlayerContext;



Page({
  data: {
    scene: 1001,
    accessToken: '',
    deviceSerial: '',
    channelNo: '1',
    list: [
      {
        id: 'ptz',
        name: '云台控制',
        status: -1,
        normalPath: './images/ptz.png',
        disablePath: './images/ptz_disable.png',
        activePath:'./images/ptz.png',
      },
      {
        id: 'voice',
        name: '语音播报',
        status: -1,
        normalPath: './images/voice.png',
        disablePath: './images/voice_disable.png',
        // activePath: './images/voice_active.png',
        activePath: './images/voice.gif',
      },
      {
        id: 'mirror',
        name: '镜像翻转',
        status: -1,
        normalPath: './images/fanzhuan.png',
        disablePath: './images/fanzhuan_disable.png',
        activePath: './images/fanzhuan.png',
      },
      {
        id: 'cover',
        name: '镜头遮蔽',
        status: -1,
        normalPath: './images/yinsi.png',
        disablePath: './images/yinsi_disable.png',
        activePath: './images/yinsi_active.png',
      },
    ],
    videoSrc:"",
    videoHDSrc: "",
    panelStatus: 0, //0: 展示面板 1：进入云台 2-进入语音播报 3-进入镜像翻转 4-进入镜头遮蔽,
    ptzDisabled: true,
    voiceDiasbled: true,
    mirrorDisabled: true,
    mirrorInterval: false,
    coverDisabled: true,
    coverInterval: false,
    showVideoControls: true,
    autoHideTimer: undefined,
    videoLoadingStatus: 0,
    playVideo: false,
    videoNetWorkError: false,
    objectFit:'contain',
    openSound: true,
    isHD: false,
    showHDSelect: false,
    fullScreen: false,
    ptzStatus: 0, //0-初始化 1-top noraml 2-downnoraml 3-left normal 4-right normal  5-top noraml 6-down limit 7-left limit 8-right limit
    ptzLoading: false,
    ptzLimit: '',
    deviceOffline: false,
    deviceOfflineTime: new Date(),
    deviceName: '',
    currentPtzImg: './images/yuntai/normal.png',
    // 语音播报
    activeDefaultVoiceName: '',
    activeCustomVoiceName: '',
    defaultVoiceList: [], // 默认语音列表
    defaultVoiceTotal: 0, // 默认语音总数
    defaultVoicePage: 0,   // 默认语言当前页
    defaultVoiceListLoading: false,
    defaultVoiceNoMore: false,
    customVoiceList: [], // 默认语音列表
    customVoiceTotal: 0, // 默认语音总数
    customVoicePage: 0,   // 默认语言当前页
    customVoiceListLoading: false,
    customVoiceListNoMore: false,
    recoderTime:60,
    recoderTimer: undefined,
    sendingOnceVoice: false,
    dialogTitle: '',
    dialogContent: '',
    buttons: [{text: '知道了'}],
    dialogShow: false,
    pathParam: '',
    imgUrl:'./images'
  },
  onLaunch(){
    console.log(onLaunch);
  },
  onShow () {
    console.log("show");
    var launchOptions = wx.getLaunchOptionsSync();
    const pathParam = launchOptions.query.scene;
    console.log('pathParam:',pathParam);
    this.setData({
      pathParam: pathParam
    });
    if (pathParam) {
      this.getWxaInfo();
    }
    // Do something when show.
    this.checkNetWork();
  },
  onHide () {
    // Do something when hide.
    console.log("hide")
    this.setData({
      panelStatus:0,
    })
  },
  onError (msg) {
    console.log(msg)
  },
  onLoad(query){
    var launchOptions = wx.getLaunchOptionsSync();
    const { accessToken, deviceSerial,channelNo,scene } = query;
    console.log("scene",scene)
    this.setData({
      scene: parseInt(scene,10) || launchOptions.scene,
      accessToken: accessToken,
      deviceSerial: deviceSerial,
      channelNo: channelNo,
      panelStatus:0,
    });
    if (accessToken) {
      this.getPlayUrl();
      this.getDeviceInfo();
      this.getDeviceCoverInfo();
    }
    this.setData({
      showOneButtonDialog: true
    });
    // 录音模块
    recorderManager.onStart(() => {
      console.log('recorder start');
    })
    recorderManager.onPause(() => {
      console.log('recorder pause');
      this.speakEnd();
    })
    recorderManager.onInterruptionBegin(this.speakEnd);

    recorderManager.onStop((res) => {
      console.log('recorder stop', res)
      const { recoderTime } = this.data;
      const { tempFilePath } = res;
      if(recoderTime >= 59) {
        this.setData({
          recoderTime: 60,
        })
        clearTimeout(this.data.recoderTimer);
        return false;
      }
      this.setData({
        sendingOnceVoice: true,
      })
      wx.uploadFile({
        url: 'https://open.ys7.com/api/lapp/voice/sendonce', //仅为示例，非真实的接口地址
        filePath: tempFilePath, //tempFilePaths[0],
        name: 'voiceFile',
        formData: {
          accessToken: accessToken,
          deviceSerial: deviceSerial,
          channelNo: channelNo,
        },
        header: {
          'content-type': 'amultipart/form-data' // 默认值
        },
        success: (res)=> {
          let data = res.data;
          if(!data.code){
            data = JSON.parse(data);
          }
          if(data.code == 200) {
            console.log("发送成功");
          }else if(data.code =='111012') { // 设备正忙
            wx.showToast({
              title: '操作中，请稍后再试',
              icon:'none',
            })
          }else if(data.code =='20007') { // 设备正忙
            wx.showToast({
              title: '设备不在线',
              icon:'none',
            })
          }else if(data.code =='20008') { // 设备正忙
            wx.showToast({
              title: '设备响应超时',
              icon:'none',
            })
          }else {
            wx.showToast({
              title: data.msg,
              icon: 'none',
            })
          }
          this.setData({
            recoderTime: 60,
          })
          //do something
        },
        fail: (res)=>{
          wx.showToast({
            title: '网络异常',
            icon: 'none'
          })
        },
        complete: ()=>{
          this.setData({
            sendingOnceVoice: false,
          })
        }
      })
    })
    recorderManager.onFrameRecorded((res) => {
      const { frameBuffer } = res
      console.log('frameBuffer.byteLength', frameBuffer.byteLength)
    });
    //视频
    livePlayerContext = wx.createLivePlayerContext('livePlayer');
    console.log("livePlayerContext", livePlayerContext);

  },
  checkNetWork(){
    const _this = this;
    wx.getNetworkType({
      success (res) {
        const networkType = res.networkType
        if(!networkType || networkType === 'none'){
          wx.showToast({
            title: '当前网络异常',
            icon: 'none',
            duration: 2000,
          })
        }
      }
    })
  },
  getPlayUrl(){
    const { accessToken, deviceSerial, channelNo } = this.data;
    var _this = this;
    // wx.request({
    //   url: 'https://open.ys7.com/api/lapp/live/address/get', //仅为示例，并非真实的接口地址
    //   method: 'POST',
    //   data: {
    //     accessToken: accessToken,
    //     source: deviceSerial + ':' + channelNo,
    //   },
    //   header: {
    //     'content-type': 'application/x-www-form-urlencoded' // 默认值
    //   },
    //   success: (res) => {
    //     console.log(res.data);
    //     const { list } = this.data;
    //     if(res.data.code ==200 && res.data.data && res.data.data.length>0){
    //       var result = res.data.data[0];
    //       if(result.ret == 200){
    //         _this.setData({
    //           videoSrc: result.rtmp,
    //           videoHDSrc: result.rtmpHd,
    //         })
    //       }else {
    //         list[0].status = -1;
    //         list[1].status = -1;
    //         list[2].status = -1;
    //         list[3].status = -1;
    //         _this.setData({
    //           list:list,
    //           dialogTitle: '获取播放地址失败',
    //           dialogContent: result.desc,
    //           dialogShow: true,
    //           showVideoControls: false,
    //         })
    //       }
    //     }else {
    //       _this.openPlayUrl();
    //     }
    //   }
    // });
    wx.request({
      url: 'https://open.ys7.com/api/lapp/v2/live/address/get', //仅为示例，并非真实的接口地址
      method: 'POST',
      data: {
        accessToken: accessToken,
        deviceSerial: deviceSerial,
        channelNo: channelNo,
        expireTime: 86400,
        quality: 1,
        protocol: 3,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success: (res) => {
        const { list } = this.data;
        if(res.data.code ==200 && res.data.data && res.data.data.url){
          var result = res.data;
          if(result.code == 200){
            _this.setData({
              videoSrc: result.data.url,
              // videoHDSrc: result.rtmpHd,
            })
          } else {
            list[0].status = -1;
            list[1].status = -1;
            list[2].status = -1;
            list[3].status = -1;
            _this.setData({
              list:list,
              dialogContent: result.msg,
              showVideoControls: false,
            })
          }
        } else if (res.data.code == "20001" ||res.data.code == "20002" || res.data.code == '20018'|| res.data.code == '10001'){ // 设备不存在 / 不属于用户
          this.setData({
            dialogTitle: '获取播放地址失败',
            dialogContent: '该用户不拥有该设备',
            dialogShow: true,
          })
        }else {
          console.log("获取播放地址失败")
          // _this.openPlayUrl();
        }
      }
    });
    wx.request({
      url: 'https://open.ys7.com/api/lapp/v2/live/address/get', //仅为示例，并非真实的接口地址
      method: 'POST',
      data: {
        accessToken: accessToken,
        deviceSerial: deviceSerial,
        channelNo: channelNo,
        expireTime: 86400,
        quality: 1,
        protocol: 3,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success: (res) => {
        console.log(res.data);
        const { list } = this.data;
        if(res.data.code ==200 && res.data.data && res.data.data.url){
          var result = res.data;
          if(result.code == 200){
            _this.setData({
              //videoSrc: result.rtmp,
              videoHDSrc: result.data.url,
            })
          }else {
            list[0].status = -1;
            list[1].status = -1;
            list[2].status = -1;
            list[3].status = -1;
            _this.setData({
              list:list,
              dialogContent: result.msg,
              showVideoControls: false,
            })
          }
        }else {
          console.log("获取高清播放地址失败")
          // _this.openPlayUrl();
        }
      }
    })
  },
  /*
 * 获取设备基本信息
 */
  getDeviceCoverInfo(){
    const { accessToken, deviceSerial, channelNo } = this.data;
    console.log(accessToken,deviceSerial,channelNo);
    var _this = this;
    wx.request({
      url: 'https://open.ys7.com/api/lapp/device/scene/switch/status',
      method: 'POST',
      data: {
        accessToken,
        deviceSerial,
        channelNo,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success:(res) =>{
        console.log(res.data);
        if(res.data.code ==200 && res.data.data){
          const result = res.data.data;
          let list = this.data.list;
          if(result.enable == 1){ // 当前镜头遮蔽中
            list[0].status = -1;
            list[1].status = -1;
            list[2].status = -1;
            list[3].status = 1;
            this.setData({
              videoNetWorkError: false,
              showVideoControls: false,
              panelStatus: 4,
              videoLoadingStatus: 100,
              list: list,
            })
            console.log("panelStatus",this.data.panelStatus)
          }
        }
      },
      error:(err)=>{
        console.log(err);
      },
    })
  },

  /*
  * 获取设备基本信息
  */
  getDeviceInfo(){
    const { accessToken, deviceSerial, channelNo ,showVideoControls, videoNetWorkError,videoLoadingStatus } = this.data;
    var _this = this;
    wx.request({
      url: 'https://open.ys7.com/api/lapp/device/info', //仅为示例，并非真实的接口地址
      method: 'POST',
      data: {
        accessToken,
        deviceSerial,
        channelNo,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success:(res) =>{
        console.log(res.data);
        if(res.data.code ==200 && res.data.data){
          let list = this.data.list;
          var result = res.data.data;
          _this.setData({
            deviceName: result.deviceName,
            deviceOffline: result.status !== 1,
            videoNetWorkError: result.status !==1 ? false : videoNetWorkError,
            showVideoControls: result.status !==1 ? false : showVideoControls,
            deviceOfflineTime: utils.DateFormat(new Date(result.updateTime),'yyyy-MM-dd hh:mm:ss'),
            deviceIsEncrypt: result.isEncrypt,
            videoLoadingStatus: (result.isEncrypt === 1 || result.status !== 1) ? 100 : videoLoadingStatus,
          });
          // 配置标题
          if(result.deviceName){
            wx.setNavigationBarTitle({
              title: result.deviceName,
            })
          }
          if(result.status != 1 ){ // 设备不在线
            list[0].status = -1;
            list[1].status = -1;
            list[2].status = -1;
            list[3].status = -1;
            _this.setData({
              list:list,
              showVideoControls: false
            })
          }else if(result.isEncrypt == 1 ){ // 设备被加密
            list[0].status = -1;
            list[1].status = -1;
            list[2].status = -1;
            list[3].status = -1;
            _this.setData({
              list:list,
              dialogTitle: '设备被加密',
              dialogContent: '设备已被加密，无法继续查看，请前往萤石云app解密。',
              dialogShow: true,
              showVideoControls: false,
            })
          } else {
            // 获取设备能力
            // _this.getDeviceCapacity();
            _this.getDeviceCoverInfo();
          }
        } else if (res.data.code == "20001" ||res.data.code == "20002" || res.data.code == '20018'){ // 设备不存在 / 不属于用户
          this.setData({
            dialogTitle: '获取播放地址失败',
            dialogContent: '该用户不拥有该设备',
            dialogShow: true,
          })
        }else if(res.data.code == 10029){
          wx.showToast({
            title: '个人版接口调用超限，请升级企业版',
            icon: 'none',
          })
        }else if(res.data.code == 10002){
          wx.showToast({
            title: res.data.msg,
            icon: 'none',
          })
          setTimeout(()=>{
            this.pageBack();
          },2000)
        }else {
          wx.showToast({
            title: res.data.msg,
            icon: 'none'
          })
        }
      }
    })
  },
  /*
  * 获取设备能力集
  */
  getDeviceCapacity(){
    const { accessToken,deviceSerial,channelNo,playVideo} = this.data;
    var _this = this;
    wx.request({
      url: 'https://open.ys7.com/api/lapp/device/capacity',
      method: 'POST',
      data: {
        accessToken,
        deviceSerial,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success:(res) =>{
        console.log(res.data);
        if(res.data.code ==200 && res.data.data){
          var result = res.data.data;
          let list = this.data.list;
          list[0].status = result.support_ptz == 0 ? -1 : 0;
          list[1].status = result.support_talk != 1 ? -1 : 0;
          list[2].status = result.ptz_top_bottom_mirror == 0 ? -1 : 0;
          list[3].status = result.support_privacy == 0 ? -1 : 0;
          if(!playVideo){ // 非视频播放成功状态下
            list[0].status = -1;
            list[2].status = -1;
          }
          _this.setData({
            list: list,
          })
        } else if (res.data.code == "20002" || res.data.code == '20018'){ // 设备不存在 / 不属于用户
          this.setData({
            dialogTitle: '设备被删除',
            dialogContent: '设备已从账号下删除，无法继续查看',
            dialogShow: true,
          })
        }
      }
    })
  },
  fullScreen(){
    var _this = this;
    livePlayerContext.requestFullScreen({
      direction: 90,
      success: function(){
        _this.setData({
          fullScreen: true,
        })
      }
    });
    console.log("开启全屏");
  },
  unfullScreen() {
    var _this = this;
    livePlayerContext.exitFullScreen({
      success: function(){
        _this.setData({
          fullScreen: false,
        })
      }
    });
    console.log("开启全屏");
  },
  ToggleObjectFit(){
    var objectFit = this.data.objectFit;
    this.setData({
      objectFit: objectFit === 'contain' ? 'fillCrop': 'contain',
    })
  },
  fullscreenChange(event){
    console.log("监听到全屏变化", event)
  },
  getDefaultVoice: function () {
    const { accessToken } = this.data;
    var _this = this;
    console.info("默认语音： 第" + _this.data.defaultVoicePage + "页");
    var _this = this;
    _this.setData({
      defaultVoiceListLoading: true,
    })
    wx.request({
      url: 'https://open.ys7.com/api/lapp/voice/query', //仅为示例，并非真实的接口地址
      method: 'POST',
      data: {
        "accessToken": accessToken,
        "default": "true",
        "pageStart": _this.data.defaultVoicePage,
        "pageSize": 5,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success(res) {
        console.log(res.data);
        var defaultVoiceList = _this.data.defaultVoiceList;
        defaultVoiceList = defaultVoiceList.concat(res.data.data);
        if(res.data.data && res.data.data.length>0){
          _this.setData({
            defaultVoiceList: defaultVoiceList,
            defaultVoicePage: _this.data.defaultVoicePage + 1,
          });
        }else {
          _this.setData({
            defaultVoiceNoMore: true,
          });
        }
        _this.setData({
          defaultVoiceListLoading: false,
        })
      },
      error(error){
        console.log(error);
        _this.setData({
          defaultVoiceListLoading: false,
        })
      }
    })
  },
  getCustomVoice: function () {
    const { accessToken } = this.data;
    var _this = this;
    console.info("用户自定义语音： 第" + _this.data.defaultVoicePage + "页");
    var _this = this;
    _this.setData({
      customVoiceListLoading: true,
    })
    wx.request({
      url: 'https://open.ys7.com/api/lapp/voice/query', //仅为示例，并非真实的接口地址
      method: 'POST',
      data: {
        "accessToken": accessToken,
        default:false,
        "pageStart": _this.data.defaultVoicePage,
        "pageSize": 5,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success(res) {
        console.log(res.data);
        var customVoiceList = _this.data.customVoiceList;
        customVoiceList = customVoiceList.concat(res.data.data);
        if(res.data.data && res.data.data.length>0){
          _this.setData({
            customVoiceList: customVoiceList,
            customVoicePage: _this.data.customVoicePage + 1,
          });
        }else {
          _this.setData({
            customVoiceNoMore: true,
          });
        }
        _this.setData({
          customVoiceListLoading: false,
        })
      },
      error(error){
        console.log(error);
        _this.setData({
          customVoiceListLoading: false,
        })
      }
    })
  },
  // 滚动至低端事件
  defaultScrollLower: function () {
    var _this = this;
    console.info("defaultScrollLower 第" + _this.data.defaultVoicePage + "页");
    this.getDefaultVoice();
  },
  // 滚动至低端事件
  customScrollLower: function () {
    var _this = this;
    console.info("customScrollLower 第" + _this.data.defaultVoicePage + "页");
    this.getCustomVoice();
  },
  handlePlay(callback){
    console.log("handelPlay",this.data.playVideo,this.data.isHD);
    this.checkNetWork()
    livePlayerContext.play({
      success: ()=>{
        this.setData({
          // playVideo: true,
          showVideoControls: true,
          // videoLoadingStatus: 100,
          videoNetWorkError: false,
        });
        if(callback && typeof callback === "function"){
          callback();
        }
      },
      fail: (error)=>{
        this.checkNetWork();
        wx.showToast({
          title: '网络异常',
          icon:'none',
        })
        console.log("开始播放失败");
        this.setData({
          videoNetWorkError: true,
          showVideoControls: false,
          videoLoadingStatus: 100,
        })
      }
    })
  },
  handleStop(callback){
    console.log("stop");
    const { list } = this.data;
    livePlayerContext.stop({
      success: ()=>{
        list[0].status = -1;
        // list[1].status = -1;
        // list[2].status = -1;
        // list[3].status = -1;
        this.setData({
          playVideo: false,
          // showVideoControls: true,
          videoLoadingStatus: 0,
          list: list,
          panelStatus: 0,
        })
        if(callback && typeof callback === "function"){
          callback();
        }
      },
      fail: (error)=>{
        console.log("停止播放失败")
      }
    })
  },
  autoHideControl(){
    console.log("showHdSelect",this.data.showHDSelect);
    const _this = this;
    clearTimeout(this.data.autoHideTimer);
    this.data.autoHideTimer = setTimeout(()=>{
      const { showHDSelect } = _this.data;
      if(!showHDSelect){
        this.setData({
          showVideoControls: false,
        })
      }
    },5000);
  },
  handleSound(e){
    var openSound = this.data.openSound;
    this.setData({
      openSound: !openSound,
    })
  },
  handleHD(e){
    var showHDSelect = this.data.showHDSelect;
    console.log("handleHD",showHDSelect)
    this.setData({
      showHDSelect: !showHDSelect,
    });
  },
  changeVideoHD(e){
    var _this = this;
    this.setData({
      showHDSelect: false,
      isHD: true
    });
    this.handleStop(_this.handlePlay);
  },
  changeVideoNormal(e) {
    this.setData({
      showHDSelect: false,
      isHD: false
    })
    this.handleStop(this.handlePlay);
  },
  statechange(e) {
    console.log('live-player code:', e.detail.code,e.detail);
    const { code } = e.detail;
    let { videoLoadingStatus,list,panelStatus } = this.data;
    switch (code){
      case 2007: //启动loading
        videoLoadingStatus = 0;
        this.setData({
          playVideo: true,
          videoLoadingStatus: 0,
        })
        break;
      case 2001: //连接服务器
        videoLoadingStatus = 20 + Math.floor(Math.random()*10+1);
        break;
      case 2002: //已经连接 RTMP 服务器,开始拉流
        videoLoadingStatus = 40 + Math.floor(Math.random()*10+1);
        break;
      case 2008: // 解码器启动
        break;
      case 2009: //视频分辨率改动
        break;
      case 2004: // 视频播放开始
        videoLoadingStatus = 80 + Math.floor(Math.random()*10+1);
        break;
      case 2003: //网络接收到首个视频数据包(IDR)
        videoLoadingStatus = 100;
        this.setData({
          playVideo: true,
        })
        this.autoHideControl();
        this.getDeviceCapacity();
        break;
      case 2103: //网络断连, 已启动自动重连（本小程序不自动重连）
        // videoLoadingStatus = 100;
        // this.handleStop();
        // 获取设备状态
        // this.getDeviceInfo();
        break;
      case 3001:
      case 3002:
      case 3003:
      case 3005: // 播放失败
        videoLoadingStatus = 100;
        // this.getDeviceInfo();
        this.checkNetWork();
        this.handleStop(this.playError);
        list[2].status = -1;
        this.setData({
          // playVideo: false,
          showVideoControls: false,
          videoNetWorkError: true,
          videoLoadingStatus: 100,
          list: list,
        })
        break;
      case -2301: // 经多次重连抢救无效，更多重试请自行重启播放
        videoLoadingStatus = 100;
        this.setData({
          // playVideo: false,
          showVideoControls: false,
          videoNetWorkError: true,
          videoLoadingStatus: 100,
        })
        break;
    }
    this.setData({
      videoLoadingStatus: videoLoadingStatus
    })
  },
  playError(){
    this.setData({
      showVideoControls: false,
      videoNetWorkError: true,
      videoLoadingStatus: 100,
    });
    // this.getPlayUrl();
    this.getDeviceInfo();
    this.getDeviceCoverInfo();
  },
  error(e) {
    console.log('live-player',e);
    console.error('live-player error:', e.detail)
    if(e.detail.errCode == 10001){
      wx.showToast({
        title: '视频直播对讲需要你手机授权微信录音或麦克风权限',
        icon:'none',
        duration:3000,
      })
    }
  },
  onVideoTap(e){
    console.log("点击视频");
    const { deviceOffline,showVideoControls,panelStatus,videoNetWorkError} = this.data;
    if(deviceOffline || panelStatus === 4 || videoNetWorkError){
      return false;
    }
    if(showVideoControls){
      this.setData({
        showVideoControls: false,
      });
      clearTimeout(this.data.autoHideTimer);
    }else {
      this.setData({
        showVideoControls: true,
      })
      this.autoHideControl();
    }
  },
  tapPanel: function(event) {
    const { accessToken, deviceSerial, channelNo } = this.data;
    var tValue = event.currentTarget.dataset.value;
    var list = this.data.list;
    var panelStatus = this.data.panelStatus;
    switch (tValue) {
      case 'ptz':
        if(list[0].status === -1){
          return false;
        }
        panelStatus = 1;
        // list[0].status = 1;
        // list[1].status = 0;
        // list[2].status = 0;
        // list[3].status = 0;
        break;
      case 'voice':
        if(list[1].status === -1) {
          return false;
        }
        panelStatus = 2;
        this.getDefaultVoice();
        this.getCustomVoice();
        break;
      case 'mirror':
        if(list[2].status === -1){
          return false;
        }
        if(panelStatus === 3){
          panelStatus = 0;
          // list[0].status = 0;
          // list[1].status = 0;
          list[2].status = 0;
          // list[3].status = 0;
          this.sceneMirror(2);
        }else{
          panelStatus = 3;
          // list[0].status = 0;
          // list[1].status = 0;
          // list[2].status = 1;
          // list[3].status = 0;
          this.sceneMirror(2);
        }
        break;
      case 'cover':
        if(list[3].status === -1){
          return false;
        }
        if (panelStatus === 4){ // 镜头遮蔽中
          // panelStatus = 0;
          // list[0].status = 0;
          // list[1].status = 0;
          // list[2].status = 0;
          // list[3].status = 0;
          // this.getDeviceCapacity();
          this.sceneCover(0);
        }else{
          // panelStatus = 4;
          // list[0].status = 0;
          // list[1].status = 0;
          // list[2].status = 0;
          // list[3].status = 1;
          this.sceneCover(1);
        }
        break;
      default:
        panelStatus = 0;
    }
    this.setData({
      panelStatus: panelStatus,
      list: list
    })
  },
  startRecord(e){
    recorderManager.start(options)
  },
  stopRecord(e){
    recorderManager.stop()
  },
  handleBackPanel(event){
    var tValue = event.currentTarget.dataset.value;
    this.setData({
      panelStatus:0,
    })
  },
  handlePtzTouchStart(event){
    // var { offsetLeft, offsetTop } = event.currentTarget;
    // var {clientX,clientY} = event.touches[0];
    var { ptzStatus,ptzLoading } = this.data;
    // var centerLeft = 104 + offsetLeft;
    // var centerTop = 104 + offsetTop;
    // var left = clientX - centerLeft;
    // var top = clientY - centerTop;
    wx.createSelectorQuery().select('#ptz-img-container').boundingClientRect( (rect) => {
      let { clientX,clientY} = event.touches[0];
      let rectLeft = rect.left;
      let rectTop = rect.top;

      var centerLeft = 104 + rectLeft;
      var centerTop = 104 + rectTop;
      var left = clientX - centerLeft;
      var top = clientY - centerTop;

      console.log("点击了页面方位：pageY",clientY);
      console.log("云盘位置：top",rect.top);
      if(ptzLoading){
        wx.showToast({
          title: '操作过于频繁，建议长按转动',
          icon: 'none'
        })
        return false;
      }
      if(Math.abs(left) > Math.abs(top)){
        if(left>0){
          this.handlePtzControl(3);
          ptzStatus = 4;
        }else {
          ptzStatus = 3;
          this.handlePtzControl(2);
        }
      } else {
        if (top > 0) {
          ptzStatus = 2;
          this.handlePtzControl(1);

        } else {
          ptzStatus = 1;
          this.handlePtzControl(0);
        }
      }
      this.setData({
        ptzStatus: ptzStatus,
      })

    }).exec();
  },
  handlePtzTouchEnd(event) {
    let { clientX, clientY } = event.changedTouches[0];
    const _this = this;
    wx.createSelectorQuery().select('#ptz-img-container').boundingClientRect( (rect) => {
      let rectLeft = rect.left;
      let rectTop = rect.top;

      var centerLeft = 104 + rectLeft;
      var centerTop = 104 + rectTop;
      var left = clientX - centerLeft;
      var top = clientY - centerTop;
      if (Math.abs(left) > Math.abs(top)) {
        if (left > 0) {
          _this.handlePtzControl(3,'stop');
        } else {
          _this.handlePtzControl(2, 'stop');
        }
      } else {
        if (top > 0) {
          _this.handlePtzControl(1, 'stop');
        } else {
          _this.handlePtzControl(0,'stop');
        }
      }
    }).exec();
    this.setData({
      ptzStatus: 0,
    })
  },
  handlePtzControl(position,type){
    const { accessToken, deviceSerial, channelNo,ptzLoading } = this.data;
    let ptzLimit = '';
    const ptzTopImgSuccess = './images/yuntai/top.png';
    const ptzTopImgFailed  = './images/yuntai/top_limit.png';
    const ptzDownImgSuccess = './images/yuntai/down.png';
    const ptzDownImgFailed  = './images/yuntai/down_limit.png';
    const ptzLeftImgSuccess = './images/yuntai/left.png';
    const ptzLeftImgFailed  = './images/yuntai/left_limit.png';
    const ptzRightImgSuccess = './images/yuntai/right.png';
    const ptzRightImgFailed  = './images/yuntai/right_limit.png';
    const ptzNormalImg =  './images/yuntai/normal.png';
    let ptzStatus = this.data.ptzStatus;
    let currentPtzImg = this.data.currentPtzImg;
    var url = 'https://open.ys7.com/api/lapp/device/ptz/start';
    if(type == 'stop'){
      url = 'https://open.ys7.com/api/lapp/device/ptz/stop'
    }
    if(ptzLoading && type === 'start'){
      wx.showToast({
        title: '操作过于频繁，建议长按转动',
        icon: 'none'
      })
      return false;
    }

    this.setData({
      ptzLoading: true,
    })
    wx.request({
      url: url, //仅为示例，并非真实的接口地址
      method: 'POST',
      data: {
        "accessToken": accessToken,
        "deviceSerial": deviceSerial,
        "channelNo": channelNo,
        "direction": position,
        speed:1,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success: (res) => {
        const code = res.data.code;
        if(code == 10029){
          wx.showToast({
            title: '个人版接口调用超限，请升级企业版',
            icon: 'none',
          })
        }else if(code != 200){
          wx.showToast({
            title: res.data.msg,
            icon: 'none',
          })
        }
        if(type == 'stop'){
          ptzStatus = 0;
          currentPtzImg = ptzNormalImg;
        }else{
          switch(position){
            case 0:
              ptzStatus = 1;
              currentPtzImg = code == 200 ? ptzTopImgSuccess : ptzTopImgFailed;
              ptzLimit = code == 200 ? '' : 'top';
              break;
            case 1:
              ptzStatus = 2;
              currentPtzImg = code == 200 ? ptzDownImgSuccess : ptzDownImgFailed;
              ptzLimit = code == 200 ? '' : 'down';
              break;
            case 2:
              ptzStatus = 3;
              currentPtzImg = code == 200 ? ptzLeftImgSuccess : ptzLeftImgFailed;
              ptzLimit = code == 200 ? '' : 'left';
              break;
            case 3:
              ptzStatus = 4;
              currentPtzImg = code == 200 ? ptzRightImgSuccess : ptzRightImgFailed;
              ptzLimit = code == 200 ? '' : 'right';
              break;
            default:
              ptzStatus = 0;
              currentPtzImg = ptzTopImgSuccess;
              ptzLimit = '';
          }
        }
        this.setData({
          ptzStatus: ptzStatus,
          currentPtzImg: currentPtzImg,
          ptzLoading: false,
          ptzLimit: ptzLimit,
        });
      },
      error:(err) =>{
        this.setData({
          ptzLoading: false,
        })
      }
    })
  },
  screenShoot(e){
    const { playVideo,videoLoadingStatus  } = this.data;
    if(!playVideo || videoLoadingStatus != 100){
      console.log("非播放状态下点击截图");
      return false;
    }
    console.log("开始截图")
    // livePlayerContext.snapshot('raw');
    let that = this
    wx.getSetting({
      success(res) {
        if (res.authSetting['scope.writePhotosAlbum']) {
          that.saveImg();
        }
        else if (res.authSetting['scope.writePhotosAlbum'] === undefined) {
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success() {
              that.saveImg();
            },
            fail() {
              that.authConfirm()
            }
          })
        }
        else {
          that.authConfirm()
        }
      }
    })

  },
  saveImg(){
    livePlayerContext.snapshot('raw')
        .then(data =>{
          console.log("data",data);
          if (data) {
            console.log(data)
            wx.saveImageToPhotosAlbum({
              filePath: data.tempImagePath,
              success(res) {
                console.log("保存成功",res)
                wx.showToast({
                  title: '截图已保存至手机相册',
                  icon: 'none',
                })
              }
            })
          }
        })
        .catch(err => {
          console.log("err",err);
        })
  },
  // 授权拒绝后，再次授权提示弹窗
  authConfirm(){
    let that = this
    wx.showModal({
      content: '您没打开保存图片权限，是否去设置打开？',
      confirmText: "确认",
      cancelText: "取消",
      success: function (res) {
        if (res.confirm) {
          wx.openSetting({
            success :(res) => {
              if (res.authSetting['scope.writePhotosAlbum']) {
                that.saveImg();
              }
              else {
                wx.showToast({
                  title: '您没有授权，无法保存到相册',
                  icon: 'none'
                })
              }
            }
          })
        } else {
          wx.showToast({
            title: '您没有授权，无法保存到相册',
            icon: 'none'
          })
        }
      }
    });
  },
  // 镜头遮蔽
  sceneCover(enable) {
    var _this = this;
    let { deviceSerial, channelNo,accessToken,coverInterval,list,panelStatus,videoNetWorkError } = this.data;
    if(coverInterval){
      wx.showToast({
        title: '操作过于频繁',
        icon: 'none'
      })
      return false;
    }
    this.setData({
      coverInterval: true,
    })
    wx.request({
      url: 'https://open.ys7.com/api/lapp/device/scene/switch/set',
      method: 'POST',
      data: {
        accessToken: accessToken,
        deviceSerial: deviceSerial,
        channelNo: channelNo,
        enable: enable,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success:(res) =>{
        console.log(res.data);
        if(res.data.code == 200){
          if(enable == 0){
            list[3].status = 0;
            panelStatus = 0;
            videoNetWorkError = false;
            this.getDeviceCapacity();
            this.handlePlay();
          }else {
            list[0].status = -1;
            list[1].status = -1;
            list[2].status = -1;
            panelStatus = 4;
            list[3].status = 1;
            // this.handleStop();
          }
          setTimeout(()=>{
            this.setData({
              coverInterval: false,
            });
          },5000)
          this.setData({
            videoNetWorkError: videoNetWorkError,
            list:list,
            panelStatus:panelStatus
          })
        }else {
          wx.showToast({
            title: res.data.msg,
            icon: 'none',
          })
          this.setData({
            coverInterval: false,
            panelStatus: panelStatus,
          });
        }
      },
      fail: (res)=>{
        wx.showToast({
          title: '网络异常',
          icon: 'none'
        })
        this.setData({
          coverInterval: false,
        });
      }
    });
  },
  // 镜象翻转
  sceneMirror(enable) {
    const { deviceSerial, channelNo,accessToken,mirrorInterval } = this.data;
    var _this = this;
    if(mirrorInterval) {
      wx.showToast({
        title: '操作过于频繁',
        icon: 'none'
      })
      return false;
    }
    this.setData({
      mirrorInterval: true,
    });
    wx.request({
      url: 'https://open.ys7.com/api/lapp/device/ptz/mirror', //仅为示例，并非真实的接口地址
      method: 'POST',
      data: {
        accessToken: accessToken,
        deviceSerial: deviceSerial,
        channelNo: channelNo,
        command: enable,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success:(res) => {
        console.log(res.data);
        if(res.data.code == 200){
          setTimeout(()=>{
            this.setData({
              mirrorInterval: false,
            });
          },5000)
        }else {
          wx.showToast({
            title: res.data.msg,
            icon: 'none'
          })
          this.setData({
            mirrorInterval: false,
          });
        }
      },
      fail: (res)=>{
        wx.showToast({
          title: '网络异常',
          icon: 'none'
        })
        this.setData({
          mirrorInterval: false,
        });
      }
    })
  },
  playVoice(event){
    const { accessToken, deviceSerial, channelNo } = this.data;
    var { duration, voiceName,fileUrl } = event.currentTarget.dataset.value;
    var type = event.currentTarget.dataset.type;
    console.log("type",type)
    wx.request({
      url: 'https://open.ys7.com/api/lapp/voice/send', //仅为示例，并非真实的接口地址
      method: 'POST',
      data: {
        accessToken: accessToken,
        deviceSerial: deviceSerial,
        channelNo: channelNo,
        fileUrl: fileUrl,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success:(res)=> {
        console.log(res.data);
        const { list } = this.data;
        if(res.data.code == 200){
          list[1].status = 1;
          this.setData({
            activeCustomVoiceName:  type === 'custom' ? voiceName : '',
            activeDefaultVoiceName: type === 'default' ? voiceName : '',
            list: list,
          });
          setTimeout(()=>{
            list[1].status = 0;
            this.setData({
              activeCustomVoiceName:  '',
              activeDefaultVoiceName: '',
              list: list,
            })
          },duration * 1000)
        }else if(res.data.code =='111012') { // 设备正忙
          wx.showToast({
            title: '操作中，请稍后再试',
            icon:'none',
          })
        }else if(res.data.code =='20007') { // 设备正忙
          wx.showToast({
            title: '设备不在线',
            icon:'none',
          })
        }else if(res.data.code =='20008') { // 设备正忙
          wx.showToast({
            title: '设备响应超时',
            icon:'none',
          })
        }else {
          wx.showToast({
            title: res.data.msg,
            icon:'none',
          })
        }
      },
      fail: (res)=>{
        wx.showToast({
          title: '网络异常',
          icon: 'none'
        })
      }
    })
  },
  speakStart(event){
    let recoderTime = this.data.recoderTime;
    this.setData({
      recoderTime: 59,
    })
    recorderManager.start(options);
    wx.showToast({
      icon: 'none',
      duration: 60000,
      image: './images/voice_talk4.png',
      title: '剩余' + recoderTime
    });

    this.data.recoderTimer = setInterval(()=>{
      // _this.setData({
      //   recoderTime: --recoderTime
      // },1000)
      if(recoderTime > 0){
        --recoderTime;
        wx.showToast({
          icon: 'none',
          duration: 60000,
          image: './images/voice_talk4.png',
          title: '剩余' + recoderTime
        });
        this.setData({
          recoderTime: recoderTime
        })
      }else {
        clearInterval(this.data.recoderTimer);
        this.speakEnd();
      }
      // console.log("recoderTime", recoderTime)
    },1000)
  },
  speakEnd(event) {
    wx.hideToast();
    let recoderTime = this.data.recoderTime;
    if(recoderTime >= 59){
      wx.showToast({
        title: '时间太短了',
        icon:'none',
      })
      recorderManager.stop();
      clearInterval(this.data.recoderTimer);
      return false;
    }else {
      wx.hideToast();
      recorderManager.stop();
      clearInterval(this.data.recoderTimer);
    }
  },
  tapDialogButton(e) {
    this.setData({
      dialogShow: false
    });
    this.pageBack();
  },
  pageBack() {
    const { scene } = this.data;
    console.log("scene",scene);
    // wx.showToast({
    //   title: `code ${scene}`,
    // })
    if([1007,1008,1036,1037,1038,1044].indexOf(scene) === -1){
      wx.navigateBack({
        delta: 1
      })
    } else {
      wx.reLaunch({
        url: '/pages/home/home',
      })
    }
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function(res) {
    const { accessToken, deviceSerial, channelNo } = this.data;
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target);
      this.setData({
        panelStatus: 0,
      })
    }
    return {
      title: '小程序',
      path:  '/pages/live/live?accessToken=' + accessToken + '&deviceSerial='+ deviceSerial + '&channelNo=' + channelNo + '&scene=1007',
    }
  },
})