demo.js

AgoraRTC.enableLogUpload();

var client;
var localTracks = {
  videoTrack: null,
  audioTrack: null
};
var currentMic = null
var currentCam = null
var mics = []
var cams = []
var camsId = ''
var remoteUsers = {};

var options = {
  appid: 'bb627d3728164785b13e182757b15f0b',
}
if(window.location.origin.includes('hazj.lgyzpt.com')){
  options.appid = '4f143573c56744c698820b1ef45ec064'
}

let param = JSON.parse(sessionStorage.getItem('huaiAnAppParam')||'{}')
var applyId = param.applyId
if(param.processType == 'complaint'){
  $("#beginTs").html('拍摄着装环节时，请手持工牌，并将工服上的logo置于屏幕中央，如图所示:')
  $("#beginImg").attr('src', 'https://xpo.oss-cn-beijing.aliyuncs.com/huaian/gongfu.png')
  $("#beginImg").css('width','70%')
}

AgoraRTC.onAutoplayFailed = () => {
  console.log("click to start autoplay!")
}
AgoraRTC.onMicrophoneChanged = async changedDevice => {
  if (changedDevice.state === "ACTIVE") {
    localTracks.audioTrack.setDevice(changedDevice.device.deviceId);
  } else if (changedDevice.device.label === localTracks.audioTrack.getTrackLabel()) {
    const oldMicrophones = await AgoraRTC.getMicrophones();
    oldMicrophones[0] && localTracks.audioTrack.setDevice(oldMicrophones[0].deviceId);
  }
}
AgoraRTC.onCameraChanged = async changedDevice => {
  if (changedDevice.state === "ACTIVE") {
    localTracks.videoTrack.setDevice(changedDevice.device.deviceId);
  } else if (changedDevice.device.label === localTracks.videoTrack.getTrackLabel()) {
    const oldCameras = await AgoraRTC.getCameras();
    oldCameras[0] && localTracks.videoTrack.setDevice(oldCameras[0].deviceId);
  }
}
function createClient() {
  client = AgoraRTC.createClient({
    mode: "rtc",
    codec: "vp8"
  })
}
async function createTrackAndPublish() {
  const tracks = await Promise.all([
    AgoraRTC.createMicrophoneAudioTrack({
      encoderConfig: "music_standard"
    }),
    AgoraRTC.createCameraVideoTrack({
      encoderConfig: {
        width: 1280,
        height: 720,
        frameRate: 25
      },
      optimizationMode: 'detail'
    })
  ])

  localTracks.audioTrack = tracks[0]
  localTracks.videoTrack = tracks[1]
  localTracks.videoTrack.play("local-player", {
    mirror: $("#mirror-check").prop("checked")
  });
  cams = await AgoraRTC.getCameras();
  mics = await AgoraRTC.getMicrophones();
  await client.publish(Object.values(localTracks));
}
async function join() {
  client.on("user-published", handleUserPublished);
  client.on("user-unpublished", handleUserUnpublished);
  const mode = Number(options.proxyMode)
  if (mode != 0 && !isNaN(mode)) {
    client.startProxyServer(mode);
  }
  let flag = false
  options.uid = await client.join(options.appid, options.channel, options.token || null, options.uid || null).then(() => {
    console.log('加入频道成功')
    flag = true
  }).catch((error) => {
    console.error('加入频道失败:', error);
  });

  return flag
}
async function leave() {
  for (trackName in localTracks) {
    var track = localTracks[trackName];
    if (track) {
      track.stop();
      track.close();
      localTracks[trackName] = undefined;
    }
  }
  remoteUsers = {};
  if(!client){
    return
  }
  await client.leave();
}
function handleUserPublished(user, mediaType) {
  const id = user.uid;
  remoteUsers[id] = user;
  $("#remote-uid").val(id)
}
function handleUserUnpublished(user, mediaType) {
  if (mediaType === "video") {
    const id = user.uid;
    delete remoteUsers[id];
    $(`#player-wrapper-${id}`).remove();
  }
}

//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
const util = new window.publicMethod() ;
var intervalStr = ''
var callId = ''
var stepId = ''
var tryNum = ''
var ifListener = false
var ifClickHide = false
var snConfirmFlag = false
var snErrorAlertClickHide = false
var noShootClick = false
var dartTsShow = false
var snInputNum
var noShootNum
var voiceUrl = ''
var aliyunQueryFlag = false

function getProcess(){
  if(!window.location.href.includes('demo.html')){
    return
  }

  util.httpRequest({
    url: '/getCurrentProcess',
    data: {
      callId: callId,
      applyId: applyId,
    }
  }).then(res=>{
    if(res.code == 200){
      res = res.data

      if(res.close == '1'){
        free()
        $("#confirmFlag").show()
        return
      }

      if(res.checkStatus && res.checkStatus==1){
        $('#waitting').show()
        $("#mp3Source")[0].pause()

        //处理下图片提交的等待框
        submitPictureSucc()
        $('#pictureShowAlert').hide()

        return
      }else{
        $('#waitting').hide()
      }

      if(res.voiceCode && (res.voiceCode.includes('SN')||res.voiceCode.startsWith('account_')) && !aliyunQueryFlag){
        aliyunQueryFlag = true
        queryAliyunToken(res.voiceCode)
        setTimeout(()=>{
          queryAliyunToken()
        },600000)
      }
      
      if(!res.voiceCode || ((res.voiceCode+''+res.tryNum)==(stepId+''+tryNum))){

        //确认sn串号弹窗
        if(res.contentSN && !snConfirmFlag && !ifClickHide){
          $('#snAlertTile').text('请确认设备串号')

          $('#snErrorTs').text('如识别错误你可重新进行拍摄'+(res.tryNum>=snInputNum?'或直接修改':''))
          $('#snErrorTs').removeClass('tsRed')
          $('#snErrorTs').css('opacity','1')
          if(res.tryNum < snInputNum){
            $('#snValue').prop('readonly', true);
            $('#snValue').addClass('disabled')
          }else{
            $('#snValue').prop('readonly', false);
            $('#snValue').removeClass('disabled')
          }

          $("#snValue").val(res.contentSN)
          $("#snValue").removeClass('red')
          $("#snAlertDiv").show()
          addSnInputEvent()
          snConfirmFlag = true
        }

        return
      }

      tryNum = res.tryNum
      stepId = res.voiceCode

      $("#contextDiv").html(res.context)
      if(!ifListener){
        $("#mp3Source")[0].addEventListener('play', function() {
          util.httpRequest({
            url: '/startOrEnd',
            data: {
              callId: callId,
              voiceStartType: 1,
              applyId: applyId,
              voiceCode: stepId
            }
          })
        });
    
        $("#mp3Source")[0].addEventListener('ended', function() {
          util.httpRequest({
            url: '/startOrEnd',
            data: {
              callId: callId,
              voiceStartType: 2,
              applyId: applyId,
              voiceCode: stepId
            }
          })

          if(stepId.includes('end')){
            free()
      
            window.location.replace('result.html?time='+ new Date().getTime())
          }
        });

        $("#mp3Source")[0].addEventListener('error', e => {
          if(voiceUrl){
            ("#mp3Source")[0].muted = false
            $("#mp3Source").attr('src', voiceUrl)
            $("#mp3Source")[0].play()
          }
          console.warn('解码失败', e.target.error);
        });
      }
      ifListener = true

      if(res.voiceUrlMp3){
        $("#mp3Source")[0].pause()

        $("#mp3Source")[0].muted = false
        voiceUrl = res.voiceUrlMp3
        setTimeout(()=>{
          $("#mp3Source").attr('src', voiceUrl)
          $("#mp3Source")[0].play()
          //promptAndMute()
        },350)
      }
      audioSet(false)

      if(stepId.includes('SN') && !res.contentSN){

        if(tryNum>=snInputNum && ifSnSubmitPicture){
          //sn多次未识别到的弹窗
          if(!snConfirmFlag && !ifClickHide){
            $('#snAlertTile').text('请输入设备串号')
            $('#snErrorTs').text('串号多次未通过,你可手动输入设备串号')
            $('#snErrorTs').addClass('tsRed')
            $('#snErrorTs').css('opacity','1')
            $("#snValue").val('')
            $("#snValue").removeClass('red')
            $('#snValue').prop('readonly', false);
            $('#snValue').removeClass('disabled')
            $("#snAlertDiv").show()
            addSnInputEvent()
            snConfirmFlag = true

            return
          }
        }else{
          //串号环节的错误示例弹窗
          let param = getSnErrorInfo(stepId)

          if(param.pageText && tryNum>=1 && !snErrorAlertClickHide){
            $("#snErrorText").html(param.pageText)
            $("#snErrorImg").attr('src', param.imgUrl)
            $("#snErrorAlert").show()
          }
        }
      }

      //示例弹窗
      if(stepId.startsWith('complain')){
        let param = getSnInfo(stepId)

        if(!sessionStorage.getItem(param.cacheId)){
          $("#snExampleText").html(param.pageText)
          $("#snExampleImg").attr('src', param.imgUrl)

          $('#snExampleAlert').show()
        }
      }

      //无法拍摄弹窗
      let pa = getNoShootInfo(stepId)
      if(pa.pageText && tryNum>=noShootNum && !noShootClick && res.checkStatus!=1){
        $('#noShootTextShow').text(pa.pageText)
        $('#noShootImgShow').attr('src', pa.imgUrl)
        $('#noShootShowAlert').show()
      }

      //工服工牌示例弹窗
      if(stepId.includes('gongFu_') && !sessionStorage.getItem('gongfuExampleAlert')){
        $("#gongfuExampleAlert").show()
      }else{
        $("#gongfuExampleAlert").hide()
      }
      if(stepId.includes('gongPai_') && !sessionStorage.getItem('gongpaiExampleAlert')){
        $("#gongpaiExampleAlert").show()
      }else{
        $("#gongpaiExampleAlert").hide()
      }

      //用户回访（已无）
      if(stepId.startsWith('us') && stepId.includes('_4')){
        $('#nextQuestion').show()
      }else{
        $('#nextQuestion').hide()
      }
      
      //账号识别困难提示
      if(stepId.startsWith('account_') && tryNum>=2){
        $("#inputAccountTs").css('display', 'flex') 
      }else{
        $("#inputAccountTs").css('display', 'none')
      }
  
      if(res.tipCode == 'tip2'){
        $('.timeTs').show()
      }else{
        $('.timeTs').hide()
      }

      if(stepId.startsWith('end')){
        $("#contextDiv").css('font-size','.28rem')
      }
  
      setStepButt()
    }
  })
}

function audioSet(flag){
  if(isHuaweiPhone() == '1'){
    if(flag){
      setEnabled("audio", true)
    }else{
      if (localTrackState.audioTrackEnabled) {
        setEnabled("audio", false)
      }
    }
  }
}

function getSnErrorInfo(code){
  let key = code || stepId
  let pageText = ''
  let id = ''

  if(key.startsWith('gm')){
    pageText = '请拍摄光猫铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'gm'
  }else if(key.startsWith('zgm')){
    pageText = '请拍摄FTTR主光猫铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'zgm'
  }else if(key.startsWith('cgm')){
    pageText = '请拍摄FTTR从光猫铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'cgm'
  }else if(key.startsWith('jdh')){
    pageText = '请将机顶盒翻转至背面,将镜头对准要识别的号码,如图所示:'
    id = 'jdh'
  }else if(key.startsWith('lyq')){
    pageText = '请将路由器翻转至背面,将镜头对准要识别的号码,如图所示:'
    id = 'lyq'
  }else if(key.startsWith('iptv')){
    pageText = '将摄像头对准电视软终端要识别的号码,如图所示:'
    id = 'iptv'
  }else if(key.startsWith('cloudPc')){
    pageText = '请将终端盒翻转至背面,将镜头对准要识别的号码,如图所示:'
    id = 'cloudPc'
  }else if(key.startsWith('insf')){
    pageText = '请查看摄像头底座的铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'insf'
  }else if(key.startsWith('poeSwitch')){
    pageText = '请拍摄POE交换机铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'poeSwitch'
  }

  return {
    pageText,
    imgUrl: ('https://xpo.oss-cn-beijing.aliyuncs.com/huaian/snError/'+id+'.png')
  }
}

function getSnInfo(code){
  let key = code || stepId
  let pageText = ''
  let id = ''

  if(key.startsWith('gm')){
    pageText = '请拍摄光猫铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'gm'
  }else if(key.startsWith('zgm')){
    pageText = '请拍摄FTTR主光猫铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'zgm'
  }else if(key.startsWith('cgm')){
    pageText = '请拍摄FTTR从光猫铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'cgm'
  }else if(key.startsWith('jdh')){
    pageText = '请将机顶盒翻转至背面,将镜头对准要识别的号码,如图所示:'
    id = 'jdh'
  }else if(key.startsWith('lyq')){
    pageText = '请将路由器翻转至背面,将镜头对准要识别的号码,如图所示:'
    id = 'lyq'
  }else if(key.startsWith('iptv')){
    pageText = '将摄像头对准电视软终端要识别的号码,如图所示:'
    id = 'iptv'
  }else if(key.startsWith('cloudPc')){
    pageText = '请将终端盒翻转至背面,将镜头对准要识别的号码,如图所示:'
    id = 'cloudPc'
  }else if(key.startsWith('insf')){
    pageText = '请查看摄像头底座的铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'insf'
  }else if(key.startsWith('complainG')){
    pageText = '请拍摄光猫的指示灯，将镜头对准指示灯的亮灯情况,如图所示:'
    id = 'complainG'
  }else if(key.startsWith('complainZ')){
    pageText = '请拍摄主光猫的指示灯，将镜头对准指示灯的亮灯情况,如图所示:'
    id = 'complainZ'
  }else if(key.startsWith('poeSwitch')){
    pageText = '请拍摄POE交换机铭牌,将镜头对准要识别的号码,如图所示:'
    id = 'poeSwitch'
  }

  return {
    pageText,
    imgUrl: ('https://xpo.oss-cn-beijing.aliyuncs.com/huaian/'+id+'Example.png'),
    cacheId: id+'SnExampleAlert'
  }
}
function getNoShootInfo(code){
  let key = code || stepId
  let pageText = ''
  let id = ''

  if(key.startsWith('Ogm')){
    pageText = '方法1:近距离聚焦拍摄光猫正面,露出移动的标识。'
    id = 'Ogm'
  }else if(key.startsWith('Ozgm')){
    pageText = '方法1:近距离聚焦拍摄FTTR主光猫的正面,露出移动的标识。'
    id = 'Ozgm'
  }else if(key.startsWith('Ocgm')){
    pageText = '方法1:近距离聚焦拍摄FTTR子光猫的正面,露出移动的标识。'
    id = 'Ocgm'
  }else if(key.startsWith('Ojdh')){
    pageText = '方法1:近距离聚焦拍摄机顶盒的正面,露出移动的标识。'
    id = 'Ojdh'
  }else if(key.startsWith('Olyq')){
    pageText = '方法1:近距离聚焦拍摄路由器的正面,露出移动的标识。'
    id = 'Olyq'
  }else if(key.startsWith('Oinsf')){
    pageText = '方法1:近距离聚焦拍摄室内摄像头的正面,露出移动的标识。'
    id = 'Oinsf'
  }else if(key.startsWith('cloudPcScreen')){
    pageText = '方法1:近距离聚焦拍摄云电脑显示器的正面,露出移动的标识。'
    id = 'cloudPcScreen'
  }else if(key.startsWith('cloudPcTer')){
    pageText = '方法1:近距离聚焦拍摄云电脑终端的正面,露出移动的标识。'
    id = 'cloudPcTer'
  }else if(key.startsWith('Owsf')){
    pageText = '方法1:近距离聚焦拍摄室外安防的正面,露出移动的标识。'
    id = 'Owsf'
  }else if(key.startsWith('gongFu')){
    pageText = '方法1:拍摄时请手持工牌,并将工服上的logo置于屏幕中央。'
    id = 'gongfu'
  }else if(key.startsWith('gongPai')){
    pageText = '方法1:拍摄时请手持工牌,将摄像头聚焦到工牌上。'
    id = 'gongpai'
  }else if(key.startsWith('account')){
    pageText = '方法1:拍摄时请保持垂直拍摄，避免出现反光、画面不清晰、画面抖动的情况。'
    id = 'account'
  }else if(key.startsWith('Otv')){
    pageText = '方法1:拍摄时请将正常播放画面的电视机置于屏幕中央。'
    id = 'Otv'
  }else if(key.startsWith('poePanel')){
    pageText = '方法1:近距离聚焦拍摄POE面板的正面,露出移动的标识。'
    id = 'poePanel'
  }else if(key.startsWith('poeSwitchboard')){
    pageText = '方法1:近距离聚焦拍摄POE交换机的正面,露出移动的标识。'
    id = 'poeSwitchboard'
  }

  return {
    pageText,
    imgUrl: ('https://xpo.oss-cn-beijing.aliyuncs.com/huaian/noShoot/'+id+'.png')
  }
}

function free(){
  leave()

  if(intervalStr){
    clearInterval(intervalStr)
  }
  
  release()
}

function release(){
  if(!callId && !sessionStorage.getItem('haCallId')){
    return
  }

  util.httpRequest({
    url: '/releaseConn',
    data: {
      callId: callId||sessionStorage.getItem('haCallId')||'',
      applyId: applyId
    }
  })
}

function detailTime(num) {
  if (!num) {
    return '';
  } else {
    num = isNaN(Number(num))?num:Number(num);
    let d = new Date(num);
    let year = d.getFullYear();
    let month = d.getMonth() + 1;
    let date = d.getDate();
    let hour = d.getHours();
    let minute = d.getMinutes();
    let second = d.getSeconds();
    month < 10 ? month = '0' + month : month;
    date < 10 ? date = '0' + date : date;
    hour < 10 ? hour = '0' + hour : hour;
    minute < 10 ? minute = '0' + minute : minute;
    second < 10 ? second = '0' + second : second;

    return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
  }
}

$("#videoSwitch").click(async function(e){
  if(cams.length<=1){
    util.toast('暂不支持')
  }else{
    if(!camsId){
      if(cams.length == 2){
        camsId = cams[1].deviceId
      }else{
        let arr = cams
        
        if(isHuaweiPhone() != 1){
          arr = cams.filter(item=>{
            return item.label.includes('back') || item.label.includes('后置')
          })
        }

        if(isIos() == 1){
          arr = arr.slice(0,-1)
        }

        camsId = arr[arr.length-1].deviceId
      }

      if(rtcType == 1){
        await localTracks.videoTrack.setDevice(camsId);
      }else{
       await room.switchActiveDevice('videoinput', camsId);
      }
      
    }else{
      if(rtcType == 1){
        await localTracks.videoTrack.setDevice(cams[0].camsId);
      }else{
        await room.switchActiveDevice('videoinput', cams[0].camsId);
      }
      camsId = ''
    }
  }
})

function setStepButt(){
  $('.none').hide()
  if(stepId.startsWith("start_")){
    $("#readButt").css('display','flex')
  }

  if(stepId.startsWith("account_") || stepId.includes("SN") || stepId.startsWith("complain")){
    if(stepId.startsWith("account_")){
      $("#exampleTsText").html('请正面拍摄书写规范的账号')
    }else if(stepId.startsWith("complain")){
      $("#exampleTsText").html('请将摄像头对焦到设备指示灯上')
    }else{
      $("#exampleTsText").html('请将摄像头对焦到设备铭牌信息上')
    }
    
    $("#exampleTsDiv").css('display','flex')
  }else{
    $("#exampleTsDiv").hide()
  }

  let fn = function(str,farr){
    for(let i=0,j=farr.length;i<j;i++){
      if(str.includes(farr[i])){
        return true
      }
    }

    return false
  }

  let nArr = ["Ojdh","Olyq","Oinsf","Owsf","Otv"]
  if(fn(stepId,nArr)){
    $("#shootButt2").css('display','flex')
  }
  let sArr = ["gongFu_","gongPai_","account_","env_","Ogm_","Ozgm_","Ocgm","lineSta_",,"cloudPcTer","cloudPcScreen",'poePanel','poeSwitchboard']
  if(fn(stepId,sArr)){
    $("#shootButt").css('display','flex')
  }
  if(stepId.includes('SN') || stepId.startsWith('complain')){
    $("#shootButt").css('display','flex')
  }

  if(stepId.startsWith("jdhAccType_")){
    $("#qiaoOrZhi").css('display','flex')
  }
  if(stepId.startsWith("accEvn_")){
    $("#wangXian").css('display','flex')
  }
  if(stepId.startsWith("lineType_")){
    $("#guangLan").css('display','flex')
  }
  if(stepId.startsWith("lyqModel_") || stepId.startsWith("lyqbz_")){
    $("#shiFou").css('display','flex')
  }
  if(stepId.startsWith("hjq_") || stepId.startsWith("zt_")){
    $("#donwLOad").css('display','flex')
  }
  if(stepId.startsWith("visit_")){
    $("#joinFlag").css('display','flex')
  }
}

$('.snAgain').click((e)=>{
  let key = $(e.target).attr('key')

  if(key == 'photo'){
    $('#pictureShowAlert').hide()
  }else{
    util.httpRequest({
      url: '/retakeForButton',
      data: {
        applyId: applyId,
        callId: callId,
        voiceCode: stepId
      }
    }).then(res=>{})

    $('#snAlertDiv').hide()
    $('#snErrorTs').text('')
  }

  snConfirmFlag = false
  snErrorAlertClickHide = true
  ifSnSubmitPicture = false

  ifClickHide = true
  setTimeout(()=>{
    ifClickHide = false
  },2000)
})
$('.quit').click(()=>{
  window.location.replace('index.html?time='+new Date().getTime())
})

let clickButtFlag =  false
$('.clickButt').click(async (e)=>{
  if(clickButtFlag){
    return
  }
  clickButtFlag = true
  setTimeout(()=>{
    clickButtFlag = false
  },1000)

  if(!stepId.startsWith('gongFu') && !stepId.startsWith('gongPai') && !dartTsShow && ifDark()){
    dartTsShow = true
    $('#lightShowTs').show()
  }

  $('#errorAlert').hide()
  $('#pictureShowAlert').hide()

  let key = $(e.target).attr('key')

  if(key=='yiwancheng' && (stepId.includes('SN') || stepId.includes('account'))){
    paiZhao()

    if(stepId.includes('account')){
      $('#picshowText').text('为确保准确识别用户账号，请拍清照片并确认用户账号清晰可见后，再提交。')
    }else{
      $('#picshowText').text('为确保准确识别串号，请拍清照片并确认串号清晰可见后，再提交。')
    }
    
    $('#pictureShowAlert').show()

    return
  }

  if(key == 'bunengpai'){
    $('#noShootReasonAlert').show()

    return
  }

  util.httpRequest({
    url: '/button',
    data: {
      applyId: applyId,
      callId: callId,
      voiceCode: stepId,
      button_name: key
    }
  }).then(res=>{
    noShootClick = false
  })
})

$('#noShootSave').click(()=>{
  let reason = $("#noShootReason").val()

  if(!reason){
    util.toast('请输入情况说明') 
    return
  }

  if(reason.replace(/[^\u4e00-\u9fa5]/g, '').length < 5){
    util.toast('请至少输入5个汉字')
    return
  }

  noShootClick = true
  $('#noShootShowAlert').hide()
  $('#noShootReasonAlert').hide()
  $("#noShootReason").val('')

  util.httpRequest({
    url: '/button',
    data: {
      applyId: applyId,
      callId: callId,
      voiceCode: stepId,
      button_name: 'bunengpai',
      noShowReason: reason
    }
  }).then(res=>{
    noShootClick = false
  })
})
$('#noShootClose').click(()=>{
  $('#noShootReasonAlert').hide()
})

var ifSnSubmitPicture = false
$('#submitPicture').click(async ()=>{
  $('#loadingText').text('上传中，请稍候...')
  $('#loading').show()

  let fileFormData = new FormData()
  //fileFormData.append('imageFile', fileBlob, 'img.png')
  fileFormData.append('applyId', applyId)
  fileFormData.append('callId', callId)
  fileFormData.append('voiceCode', stepId)
  fileFormData.append('button_name', 'yiwancheng')

  let url = await queryImgUrl()
  if(!url){
    $('#loading').hide()
    util.toast('网络慢，请切换网络后重试')
    return
  }
  fileFormData.append('picUrl', url)

  util.httpRequest({
    url: '/takePhotoUrl ',
    time: 20000,
    data: fileFormData
  }).then(res=>{
    submitPictureSucc()

    if(res.code == 200){
      $('#pictureShowAlert').hide()
    }else{
      util.toast(res.msg)
    }
  }).catch(e=>{
    $('#loading').hide()
    util.toast('网络拥堵，请切换网络重新提交')
  })
})

function submitPictureSucc(){
  $('#loading').hide()
  ifSnSubmitPicture = true
  
  setTimeout(() => {
    snErrorAlertClickHide = false
  }, 1000);
}

//账号和设备串号的弹窗逻辑
$("#accountAlertShow").click(()=>{
  $("#accountValue").val('')
  $("#accountAlertDiv").show()
})
function inputCancel(){
  $("#accountValue").val('')
  $("#accountAlertDiv").hide()
}
function accountInputSubmit(){
  let acc = $("#accountValue").val()

  if(!acc){
    util.toast('请输入账号') 
    return
  }

  if(!/^1\d{10}$/.test(acc) && !acc.startsWith('80')){
    util.toast('格式错误，输入用户账号（业务号码）') 
    return
  }

  util.httpRequest({
    url: '/snConfirmButton',
    data: {
      applyId: applyId,
      callId: callId,
      voiceCode: stepId,
      account: acc
    }
  }).then(res=>{
    if(res.code == 200){
      $("#accountValue").val('')
      $("#accountAlertDiv").hide()
    }else {
      util.toast(res.msg)
    }
  })
}
function snInputSubmit(){
  if(!$("#snValue").val()){
    util.toast('请输入设备串号') 
    return
  }

  $('#snErrorTs').css('opacity','0')
  util.httpRequest({
    url: '/snConfirmButton',
    data: {
      applyId: applyId,
      callId: callId,
      voiceCode: stepId,
      textSN: $("#snValue").val()
    }
  }).then(res=>{
    if(res.code == 200 || res.code == 5004){
      $("#snValue").val('')
      $("#snAlertDiv").hide()

      snConfirmFlag = false
    }else if(res.code == 5001){
      $('#snErrorTs').css('opacity','1')
      $("#snErrorTs").text(res.msg)
      $('#snErrorTs').addClass('tsRed')
      $("#snValue").addClass('red')
    }else {
      util.toast('系统处理中，请稍后')
    }
  })
}

function addSnInputEvent(){
  document.querySelectorAll('.snInput').forEach(textarea => {
    function adjustHeight() {
      textarea.style.height = 'auto';
      textarea.style.height = textarea.scrollHeight + 'px';
    }
    
    textarea.addEventListener('input', adjustHeight);
    adjustHeight(); // 初始化调整
  });
}

var localTrackState = {
  audioTrackEnabled: true,
};
$("#audioClose").click(function (e) {
  if(isHuaweiPhone() == '1'){
    util.toast('暂不支持')
    return
  }

  setEnabled("audio", true);
  $("#audioClose").hide();
  $("#audioOpen").show();
});


$("#audioOpen").click(function (e) {
  if (localTrackState.audioTrackEnabled) {
    setEnabled("audio", false);
  }
  $("#audioClose").show();
  $("#audioOpen").hide();
});

async function setEnabled(type, state) {
  try {
    if (type == "audio") {
      await localTracks.audioTrack.setEnabled(state);
      localTrackState.audioTrackEnabled = state;
    } else if (type == "video") {
      await localTracks.videoTrack.setEnabled(state);
      localTrackState.videoTrackEnabled = state;
    }
  } catch (err) {
    console.error(err);
    message.error(err.message);
  }
}

async function initOrigin(data){
  createClient()

  options.channel = data.data.data.channel
  options.uid = data.data.data.uid
  options.token = data.data.data.token
  let flag = await join()

  if(!flag){
    $('#loading').hide()
    util.toast('加入频道失败')
    return
  }
  util.toast('声网入会成功')

  await createTrackAndPublish()
}

var room = null
var rtcType = ''
var startZjFlag = true
async function init(){
  $('#loadingText').text('开启中，请稍候...')
  $('#loading').show()
  setTimeout(()=>{
    if(startZjFlag){
      $('#loading').hide()
      $('#beginFail').show()
    }
  },20000)

  snInputNum = window.snInputNum||5
  noShootNum = window.noShootNum||3

  $("#mp3Source").attr('src', 'https://lgyztest.obs.cidc-rp-12.joint.cmecloud.cn/file/temp/2025-01-08/hhT2XXAj.mp3')
  $("#mp3Source")[0].autoplay = true
  $("#mp3Source")[0].play()

  let data = await util.httpRequest({
    url: '/createRoom',
    data: {
      applyId: applyId
    }
  })

  if(data.code != '200'){
    $('#loading').hide()
    util.toast(data.msg)
    return
  }

  callId = data.data.data.callId
  sessionStorage.setItem('haCallId',callId)

  rtcType = data.data.data.rtcType
  if(data.data.data.rtcType == 1){
    await initOrigin(data)
  }else{
    // 创建房间实例，启用自适应流和动态发布
    room = new LivekitClient.Room({
        adaptiveStream: true,
        dynacast: true,
        videoCaptureDefaults: {
          resolution:  LivekitClient.VideoPresets.h720.resolution,
          frameRate: 25,
        }
    });
    //resolution:  LivekitClient.VideoPresets.h720.resolution,
    //new VideoPreset(1280, 720, 1_700_000, 30)
    //LivekitClient.VideoPresets.h720.resolution
    //frameRate: 25,
    // 设置事件监听器
    room
      .on(LivekitClient.RoomEvent.LocalTrackPublished, handleLocalTrackPublished)

    let url = 'wss://lk.lgyzpt.com'
    let roomToken = data.data.data.token
    // 预连接以加速连接过程
    await this.room.prepareConnection(url, roomToken);
    // 连接到房间
    await this.room.connect(url, roomToken);
    util.toast('livekit入会成功')

    await this.room.localParticipant.setCameraEnabled(true)
    util.toast('摄像头开启成功')
    await this.room.localParticipant.setMicrophoneEnabled(true,{
      echoCancellation : true, 
      noiseSuppression : true,
      autoGainControl  : true,

      // 关键：把“播放”通道排除掉，避免浏览器混音
      channelCount     : 1,
      sampleRate       : 48000,
    })
    util.toast('麦克风开启成功')

    // await room.localParticipant.enableCameraAndMicrophone()
    // util.toast('录像开启成功')

    const devices = await LivekitClient.Room.getLocalDevices('videoinput');
    cams = devices
  }

  $('#loading').hide()
  startZjFlag = false

  $("#videoSwitch").css('display', 'flex')
  if(isHuaweiPhone() == '1'){
    $('#lightOutDiv').hide()
  }
  $("#toolDiv").css('display', 'flex')
  intervalStr = setInterval(() => {
    getProcess()
  }, 1000);

  setTimeout(()=>{
    $('#livekit-dummy-audio-el').remove();
  },1000)
}

  //华为杂音处理代码
  function playPrompt(buffer) {
    const offCtx = new OfflineAudioContext(1, buffer.sampleRate * 0.02, buffer.sampleRate);
    const src = offCtx.createBufferSource();
    src.buffer = buffer;
    src.connect(offCtx.destination);
    src.start();
    offCtx.startRendering().then(() => {
      // 真正播放
      const src2 = audioCtx.createBufferSource();
      src2.buffer = buffer;
      src2.connect(gainNode);
      src2.start();
    });
  }
  function promptAndMute(buffer) {
  // 1. 正确获取麦克风轨道（使用 LivekitClient 命名空间）
  const micPub = room.localParticipant.getTrackPublication(LivekitClient.Track.Source.Microphone);
    const micTrack = micPub?.track;

    // 2. 瞬时静音 → 播放 → 恢复
    if (micTrack) micTrack.mediaStreamTrack.enabled = false;
    playPrompt(buffer);
    setTimeout(() => {
      if (micTrack) micTrack.mediaStreamTrack.enabled = true;
    }, 380);
  }
  //华为杂音处理代码

function handleLocalTrackPublished(publication, participant) {
  console.log(`本地轨道已发布: ${publication.trackName || publication.source}`);

  if (publication.track && (publication.track.kind === LivekitClient.Track.Kind.Video ||  publication.track.kind === LivekitClient.Track.Kind.Audio)) {
    // 将轨道附加到视频元素
    const elements = publication.track.attach();
    // 确保elements是一个数组，如果不是则包装成数组
    const elementArray = Array.isArray(elements) ? elements : [elements];
    elementArray.forEach(element => {
      // 设置视频元素属性
      if (element.tagName === 'VIDEO') {
        element.setAttribute('autoplay', '');
        element.setAttribute('playsinline', '');
      }
      $('#local-player').append(element);
    });

    $('#local-player audio').remove(); 
  }
}



function isHuaweiPhone() {
  let userAgent = navigator.userAgent.toLowerCase()

  return userAgent.includes('huawei')?'1':'0'
}

function isIos() {
  let userAgent = navigator.userAgent.toLowerCase()

  return userAgent.includes('iphone')?'1':'0'
}

$('.pageClose').click(()=>{
  window.history.go(-1)
})
$('.continueTest').click(()=>{
  window.location.reload()
})

release()
$('#videoBegin').click(()=>{

  if(!AgoraRTC.checkSystemRequirements()){
    util.toast('暂不支持')
    return
  }

  $('#beginAlert').hide()

  init()
})

$("#hideGongpaiAlert").click(()=>{
  sessionStorage.setItem('gongpaiExampleAlert','true')
  $("#gongpaiExampleAlert").hide()
})
$("#hideGongfuAlert").click(()=>{
  sessionStorage.setItem('gongfuExampleAlert','true')
  $("#gongfuExampleAlert").hide()
})
$("#hidesnExampleAlert").click(()=>{
  sessionStorage.setItem(getSnInfo().cacheId,'true')
  
  $("#snExampleAlert").hide()
})

$("#hideSnErrorAlert").click(()=>{
  $("#snErrorAlert").hide()
  snErrorAlertClickHide = true
})
$("#hideNoShootAlert").click(()=>{
  $("#noShootShowAlert").hide()
  noShootClick = true
})
$("#takePhotoAgain").click(()=>{
  $("#pictureShowAlert").hide()
})



$("#lookExample").click(()=>{
  if(stepId.includes('SN') || stepId.startsWith('complain')){
    let param = getSnInfo()

    $("#snExampleText").html(param.pageText)
    $("#snExampleImg").attr('src', param.imgUrl)
    $('#snExampleAlert').show()
  }else{
    $("#accountExampleAlert").show()
  }
})
$("#hideAccountExample").click(()=>{
  $("#accountExampleAlert").hide()
})

$("#cameraDiv").click(async ()=>{
  let camArr = []
  cams.forEach((item,index)=>{
    camArr[camArr.length] = '镜头'+(index+1)
  })

  vm.reasonPickData.arr = camArr

  vm.reasonPickData.isShow = true
})

var lightIfOpen = false
$('#lightDiv').click(()=>{
  if(!lightIfOpen){
    openLight()
  }else{
    closeLight()

    $('#lightImg').attr('src','https://xpo.oss-cn-beijing.aliyuncs.com/huaian/light.png')
    $('#lightDiv div').removeClass('open')
    lightIfOpen = false
  }
})
$('#lightShowTs').click(()=>{
  $('#lightShowTs').hide()
})


var vm = new Vue({
  el: '#pageDiv',
  data: {
    reasonPickData: {
      isShow: false,

      title: '摄像头选择',
      arr:[],
      index: 0
    }, 
  },
  methods: {
    reasonCancel(){
      this.reasonPickData.isShow = false
    },
    reasonConfirm(value, index){
      this.reasonPickData.reason = value
      this.reasonPickData.index = index

      camsId = cams[index].deviceId
      //localTracks.videoTrack.setDevice(camsId);
      room.switchActiveDevice('videoinput', camsId);

      this.reasonCancel()
    },
  }
})

window.addEventListener('popstate', () => {
  if(intervalStr){
    clearInterval(intervalStr)
  }
});
window.addEventListener('beforeunload', () => {
  if(intervalStr){
    clearInterval(intervalStr)
  }
});

window.stopMedia = function(){
  const audio = document.querySelector('audio');
  const video = document.querySelector('video');
  if (audio) {
      audio.pause();
      audio.srcObject = null;
  }
  if (video) {
      video.pause();
      video.srcObject = null;
  }
}

$(window).on('load', function() {
  $('#loading').hide()
  $('#beginAlert').css('display','block')
});

const canvas = document.getElementById('canvas');
const photo = document.getElementById('photoImg');
const viewfinder = document.getElementById('cameraArea');
var cavasCtx
var fileBlob
var picCode = ''

async function paiZhao(){
  let videoTest = $('#local-player video')[0]

  if(!cavasCtx){
    // 设置canvas尺寸与视频相同
    canvas.width = videoTest.videoWidth;
    canvas.height = (videoTest.videoHeight*1.2)/3;
    
    // 在canvas上绘制视频帧
    cavasCtx = canvas.getContext('2d');
  }
  cavasCtx.drawImage(videoTest, 0, videoTest.getBoundingClientRect().height*2.2/3, canvas.width, canvas.height,0,0,canvas.width,canvas.height);

  canvas.toBlob(async (blob) => {
    fileBlob = blob
  }, 'image/png', 0.92);

  // 将照片转换为数据URL并显示
  const data = canvas.toDataURL('image/png');
  photo.setAttribute('src', data);
  picCode = data
}
//判断当前拍照的光线强弱
function ifDark(){
  let videoTest = $('#local-player video')[0]

  if(!cavasCtx){
    // 设置canvas尺寸与视频相同
    canvas.width = videoTest.videoWidth;
    canvas.height = (videoTest.videoHeight*1.2)/3;
    
    // 在canvas上绘制视频帧
    cavasCtx = canvas.getContext('2d');
  }

  cavasCtx.drawImage(videoTest, 0, videoTest.getBoundingClientRect().height*2.2/3, canvas.width, canvas.height,0,0,canvas.width,canvas.height);

  let imgData = cavasCtx.getImageData(0, 0, canvas.width, canvas.height);
  let data  = imgData.data; // RGBA 连续数组
  let sum = 0;
  for (let i = 0; i < data.length; i += 4) {
    // 把 RGB 转成灰度（人眼对绿色更敏感）
    const gray = 0.299 * data[i] + 0.587 * data[i + 1] + 0.114 * data[i + 2];
    sum += gray;
  }
  let avg = sum / (data.length / 4);

  return avg < 60
}

var linghtStream
var linghtTrack
async function openLight(){
  linghtStream = await navigator.mediaDevices.getUserMedia({
    video: {
      facingMode: { exact: "environment" },
      width: { ideal: 160 },      // 极低分辨率
      height: { ideal: 120 },
      frameRate: { ideal: 5 },    // 低帧率
      advanced: [{ torch: true }]
    },
    audio: false
  });
  linghtTrack = linghtStream.getVideoTracks()[0];

  let hasTorch = false
  try{
    let capabilities = linghtTrack.getCapabilities()
    hasTorch = 'torch' in capabilities
  }catch(e){
    console.log(e)
  }

  if(!hasTorch){
    util.toast('设备不支持手电筒功能！')

    linghtTrack.stop();  // 停止摄像头和闪光灯
    linghtStream.getTracks().forEach(t => t.stop());

    linghtTrack = null
    linghtStream = null
    return
  }

  await linghtTrack.applyConstraints({
    advanced: [{ torch: true }],
    width: { ideal: 160 },
    height: { ideal: 120 },
    frameRate: { ideal: 5 }
  });

  $('#lightImg').attr('src','https://xpo.oss-cn-beijing.aliyuncs.com/huaian/lightOpen.png')
  $('#lightDiv div').addClass('open')
  lightIfOpen = true
}
function closeLight(){
  linghtTrack.applyConstraints({
    advanced: [{ torch: false }]
  });
  linghtTrack.stop();  // 停止摄像头和闪光灯
  linghtStream.getTracks().forEach(t => t.stop());

  linghtTrack = null
  linghtStream = null
}

const script = document.createElement('script');
script.src = 'js/lang.js?' + Date.now();
document.head.appendChild(script);


var clientOss
function queryAliyunToken(code){
  util.httpRequest({
    url: '/getAliyunToken',
    data: {
      callId: callId,
      applyId: applyId,
      voiceCode: code || stepId
    }
  }).then(res=>{
    if(res.code == 200){
      accessKeyId = res.data.accessKeyId
      accessKeySecret = res.data.accessKeySecret
      securityToken = res.data.securityToken

      clientOss = new OSS({
        // yourRegion填写Bucket所在地域。以华东1（杭州）为例，Region填写为oss-cn-hangzhou。
        region: 'oss-cn-shanghai',
        // 开启V4版本签名。
        authorizationV4: true,
        // 从STS服务获取的临时访问密钥（AccessKey ID和AccessKey Secret）。
        accessKeyId: res.data.accessKeyId,
        accessKeySecret: res.data.accessKeySecret,
        // 从STS服务获取的安全令牌（SecurityToken）。
        stsToken: res.data.securityToken,
        // 刷新临时访问凭证的时间间隔，单位为毫秒。
        refreshSTSTokenInterval: 300000,
        // 填写Bucket名称。
        bucket: 'jszj'
      });
    }
  })
}
async function queryImgUrl() {
  try {
    let fn = function(){
      // 获取当前日期和时间
      let now = new Date();
      
      // 格式化年月日 (YYYYMMDD)
      let year = now.getFullYear();
      let month = String(now.getMonth() + 1).padStart(2, '0');
      let day = String(now.getDate()).padStart(2, '0');
      let dateStr = `${year}/${month}/${day}`;
      
      // 获取当前时间毫秒数
      let milliseconds = now.getTime();
      
      // 生成8位随机数
      let random8Digit = Math.floor(Math.random() * 100000000).toString().padStart(8, '0');
      
      // 组合成最终字符串
      return `${dateStr}/${milliseconds}-${random8Digit}.png`;
    }

    let r1 = await clientOss.put(fn(), fileBlob);
    console.log('oss图片地址：', r1.url);

    return r1.url
  } catch (e) {
    console.error('error: %j', e);
    return ''
  }
}


// // 页面加载完成后初始化客户端
// document.addEventListener('DOMContentLoaded', () => {
//     new LiveKitClient();
// });