tangdehang
/
android-cloud-H5


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996
							<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>双子星云手机</title>
  <meta name="x5-orientation" content="portrait" />
  <meta name="screen-orientation" content="portrait" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no,viewport-fit=cover" />
  <!-- 删除苹果默认的工具栏和菜单栏 -->
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <!-- 设置苹果工具栏颜 -->
  <meta name="format-detection" content="telphone=no, email=no" />
  <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
  <!-- 启用360浏览器的极速模(webkit) -->
  <meta name="renderer" content="webkit" />
  <!-- 避免IE使用兼容模式 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑 -->
  <meta name="HandheldFriendly" content="true" />
  <!-- 微软的老式浏览 -->
  <meta name="MobileOptimized" content="320" />
  <!-- 不能旋转，问题出在这 -->
  <!-- UC强制全屏 -->
  <meta name="full-screen" content="yes" />
  <!-- QQ强制全屏 -->
  <meta name="x5-fullscreen" content="true" />
  <!-- UC应用模式 -->
  <meta name="browsermode" content="application" />
  <!-- QQ应用模式 -->
  <meta name="x5-page-mode" content="app" />
  <!-- windows phone 点击无高 -->
  <meta name="msapplication-tap-highlight" content="no" />
  <link rel="stylesheet" type="text/css" href="css/WXtrialInterface.css" />
  <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css" />
  <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css" />
  <!-- <link rel="stylesheet" href="../static/lib/swiper/swiper-bundle.min.css" />
    <script src="../static/lib/swiper/swiper-bundle.js"></script> -->
  <script src="../static/lib/doT-1.1.3/doT.min.js"></script>
  <script src="../static/lib/qs.js"></script>
  <script src="../static/lib/copy-to-clipboard.js"></script>
</head>

<body class="scroll h-player" style="overscroll-behavior: contain">
  <template id="template-phone-size-item">
    {{~ it.list :value:index }}
    <div class="phone-size-item {{? value.width === it.active.width && value.height === it.active.height }}active{{?}}" data-id="{{= value.id }}" data-dpi="{{= value.dpi }}" data-width="{{= value.width }}" data-height="{{= value.height }}">
      <span>{{= value.width }}x{{= value.height }}</span>
    </div>
    {{~}}
  </template>
  <template id="template-shear">
    {{? it.length }}
    <div class="title">
      剪贴板
      <div class="btn-clear">清空</div>
    </div>
    <div class="slide-wrapper-content">
      {{~ it :item:index }}
      <div class="slide-wrapper" data-id="{{= item.id}}">
        <div class="slide-scroll animate-slide-start">
          <div class="slide-content" data-content="{{= encodeHtml(item.content)}}">
            <div>{{= encodeHtml(item.content)}}</div>
          </div>
          <div class="slide-content-button" data-id="{{= item.id}}">
            <button>删除</button>
          </div>
        </div>
      </div>
      {{~}}
    </div>
    {{??}}
    <img class="empty" src="img/jianqieban_pic@2x.png" alt="" />
    <div class="empty-txt">剪贴板为空</div>
    {{?}}
  </template>
  <div class="container" id="player">
    <div class="muted" id="btnMuted">
      <div class="control-right-img" data-id="1">
        <img src="../static/img/xuanfu_icon.png" />
      </div>
    </div>
    <div id="wine">
      <div id="box">
        <!-- 默认webRTC是关闭状态的 -->
        <video muted poster=""  autoplay="autoplay" webkit-playsinline="" playsinline=""
        style="object-fit: contain;display: none;" id="playVideo"></video>
        <canvas id="playCanvas" width="450" height="800"></canvas>
      </div>
      <div class="count-view" id="countView">
        <div class="fnca"><span class="countdown-time" style="color: #ffffff;"></span>
          <div class="line"></div><img class="wh22" src="../static/img/close.png" alt="" onclick="handleclose()">
        </div>
      </div>
    </div>
    <div class="leftmains">
      <div class="PictureQualityMain">
        <div class="menu-btn PictureQuality" data-id="4">高清</div>
        <div class="menu-btn PictureQuality avit" data-id="3">标清</div>
        <div class="menu-btn PictureQuality" data-id="2">极速</div>
      </div>
      <div class="open-set-phone-size-dialog-btn-wrap">
        <div class="menu-btn" id="open-set-phone-size-dialog-btn">
          <span>分辨率</span>
        </div>
      </div>
      <div class="operation">
        <div class="upload" id="showsuss" data-text="uploads">
          <img src="../static/img/wx/shangchuan_icon.png" />
          <div>上传</div>
        </div>
        <div class="upload" onclick="showShearPlate()" data-text="Shearplate">
          <img src="../static/img/wx/jianqieban_icon.png" />
          <div>剪贴板</div>
        </div>
        <div class="upload" id="upload" data-text="Signout" onclick="handleQuit('quit')">
          <img src="../static/img/wx/tuichu_icon.png" />
          <div>退出</div>
        </div>
        <div class="upload" id="dormant" data-text="Dormant" onclick="handleQuit('dormant')">
          <img src="../static/img/wx/tuichu_icon.png" />
          <div>退出并下机</div>
        </div>
      </div>
    </div>
    <div class="bottommains">
      <div class="botmat1">
        <div class="botmat1img" data-text="gengduo">
          <img src="../static/img/wx/gengduo_icon.png" />
        </div>
      </div>
      <div class="botmat1">
        <div class="botmat1img" data-text="home">
          <img src="../static/img/wx/home_icon.png" />
        </div>
      </div>
      <div class="botmat1">
        <div class="botmat1img" data-text="return">
          <img src="../static/img/wx/fanhui_icon.png" />
        </div>
      </div>
    </div>
    <img class="loading loading_sceen_pic" />
  </div>
  <div class="mask">
    <div class="box-shear-plate"></div>
    <img class="close" onclick="handleClose()" src="img/guanbi_icon@2x.png" alt="" />
  </div>
  <div class="weui-mask_transparent"></div>
  <div class="weui-toast weui_loading_toast weui-toast--visible">
    <div class="weui_loading">
      <i class="weui-loading weui-icon_toast"></i>
    </div>
    <p class="weui-toast_content">数据加载中</p>
  </div>
  <div class="try-use-wrap">
    <div class="try-use-container">
      <video width="100%" height="100%" id="source" autoplay="autoplay" loop="loop" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5-page">
        您的浏览器不支持 video 标签。
      </video>
      <div class="time-close-wrap"><span class="time-node"></span> 关闭</div>
    </div>
  </div>
  <div class="buy-phone-wrap">
    <div class="bug-wrap">
      <div class="bug-title">获得极致体验服务请购买云手机</div>
      <div class="btn-list">
        <div class="btn cannel-btn">取消</div>
        <div class="btn go-bug">去购买</div>
      </div>
    </div>
  </div>

  <div class="look-wrap">
    <div class="bug-wrap">
      <div class="bug-title">关闭广告会退出云手机是否继续观看</div>
      <div class="btn-list">
        <div class="btn cannel-btn cannel-ad-btn">放弃</div>
        <div class="btn go-bug looking">继续观看</div>
      </div>
    </div>
  </div>

  <div id="set-phone-size-dialog" class="dialog">
    <div class="dialog-mask"></div>
    <!-- 设置分辨率的弹窗 -->
    <div class="dialog-content-border">
      <div class="dialog-content">
        <div class="dialog-header">
          <div class="dialog-btn cancel">
            <span>取消</span>
          </div>
          <div class="dialog-btn confirm">
            <span>确定</span>
          </div>
        </div>
        <div class="dialog-main">
          <div id="phone-size-list"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="dialog-jifei">
    <div class="apply-wrap">
      <div class="apply-container">
        <div class="apply-title">应用推荐</div>
        <div class="apply-list"></div>
        <div class="apply-list-change">换一批</div>
        <img class="apply-close" src="img/close.png" alt="" />
      </div>
    </div>
    <div class="time-lang-wrap">
      <div class="time-lang-container">
        <img class="time-lang-img" src="img/smallBell.png" />
        <div class="time-lang-title">本月时长已用完</div>
        <div class="time-lang-tip">您可以去购买时长页面进行购买</div>
        <div class="time-lang-btn">续时长</div>
      </div>
    </div>
    <div class="countdown-wrap">
      <div class="countdown-container">
        <img class="countdown-img" src="img/countdown.png" />
        <div class="countdown-title">计费规则</div>
        <div class="countdown-tip">进入云机开始计时，点击退出并下机停止<br />计时。点击退出云机仍处于计时状态。</div>
        <div class="countdown-tip2">云机时长剩余：<span class="countdown-time"></span></div>
        <div class="countdown-btn">我知道了</div>
      </div>
    </div>
    <script type="text/html" id="apply">
      <div class="apply-item">
        <img class="apply-img" src="{{imageUrl}}" />
        <div class="apply-row">
          <div class="apply-row-title">{{filename}}</div>
          <div class="apply-row-down">{{installNum}}</div>
        </div>
        <div class="apply-down-btn" data-id="{{id}}" data-url="{{downloadUrl}}">下载</div>
      </div>
    </script>
  </div>
  <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="https://lf1-cdn-tos.bytegoofy.com/goofy/developer/jssdk/jssdk-1.0.3.js"></script>
  <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
  <!-- ffm软解 -->
  <script type="text/javascript" src="helper.js"></script>
  <script type="text/javascript" src="jquery-weui.min.js"></script>
  <script type="text/javascript" src="pcm-player.js"></script>
  <script type="text/javascript" src="webgl.js"></script>
  <script type="text/javascript" src="rtcEngine.min.js"></script>
  <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
  <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
  <script type="text/javascript">
    $(function () {
      //手指滑动多少距离就认为是滑成功
      //这个值不能太大，否则影响斜着滑动时，垂直滑动的流畅性，也不能太小，太灵敏也不好
      var diffXDistance = 50;

      //当前滑动的对象
      var currentObject;
      //上一次滑动的对象
      var lastObject;

      //是否可以左右滑动，在上下滑的时候禁止左右滑
      var canSlide = true;
      //用于记录按下的点
      var startPoint;

      $('.slide-content').css({
        width: $('.slide-wrapper').width(),
      });

      $('.slide-scroll')
        .css({
          width:
            $('.slide-wrapper').width() + $('.slide-content-button').width(),
        })
        .on('touchstart', function (e) {
          currentObject = this;

          startPoint = {
            x: e.originalEvent.changedTouches[0].pageX,
            y: e.originalEvent.changedTouches[0].pageY,
          };
        })
        .on('touchmove', function (e) {
          //如果是左右滑动，就禁止上下的滑动
          //如果是上下的滑动，就禁止左右滑动
          if (
            Math.abs(e.originalEvent.changedTouches[0].pageX - startPoint.x) >
            Math.abs(e.originalEvent.changedTouches[0].pageY - startPoint.y)
          ) {
            event.preventDefault();
          } else {
            canSlide = false;
          }
        })
        .on('touchend', function (e) {
          //如果是上下滑动，这里就直接返回了
          if (!canSlide) {
            canSlide = true;
            return true;
          }

          //点击除当前左滑对象之外的任意其他位置
          if (lastObject && currentObject != lastObject) {
            //右滑→
            $(lastObject).removeClass('animate-slide');

            //清空上一个左滑的对象
            lastObject = undefined;
          }

          var diffX = e.originalEvent.changedTouches[0].pageX - startPoint.x;
          if (diffX < -diffXDistance) {
            //左滑←
            $(currentObject).addClass('animate-slide');
            if (lastObject && lastObject != currentObject) {
              //右滑→
              $(lastObject).removeClass('animate-slide');
            }
            //记录上一个左滑的对象
            lastObject = currentObject;
          } else if (diffX >= diffXDistance) {
            if (currentObject == lastObject) {
              //右滑→
              $(currentObject).removeClass('animate-slide');
              //清空上一个左滑的对象
              lastObject = undefined;
            }
          }
        });
    });
  </script>
  <script>
    // 开发环境
    var isDev =
      /^192\.168\./.test(location.host) || /^localhost/.test(location.host);
    // if (isDev) {
    //   baseUrl = 'http://gntest.phone.androidscloud.com:1280';
    //   sourceType = 2;
    // }
    // 判断是否支持webRTC
    let isVideo = !!(typeof RTCPeerConnection !== 'undefined' && typeof RTCIceCandidate !== 'undefined' && typeof RTCSessionDescription !== 'undefined')
    var topwinHeight = window.screen.height - window.innerHeight + 30; //计算title top 头部
    var url = window.location.href;
    url = url.split('/');
    var baseUrl = url[0] + '//' + url[2];
    console.log(baseUrl);

    var parameters = GetRequest();
    var token = parameters['token'];
    var mealType = parameters['mealType'];
    var userCardId = parameters['userCardId'];
    var username = parameters['username'];
    var connectStatus = parameters['connectStatus'];

    var videoTimer = null,
      videoTime = 0,
      adType = 0,
      sourceType = isNaN(parameters['sourceType']) ? sourceType : +parameters['sourceType'],
      userCardType = isNaN(parameters['userCardType']) ? userCardType : +parameters['userCardType'],
      disconnectionFlag = false,
      getDate = false;
    
    // 计时套餐显示退出并下机按钮
    if ([1,2,3].includes(userCardType)) {
      $('#dormant').css({ display: 'block' })
    }

    if (mealType === 'VIP') {
      $('.loading_sceen_pic').attr('src', '../static/img/home_bg_VIP.png');
    } else if (mealType === 'SVIP') {
      $('.loading_sceen_pic').attr('src', '../static/img/home_bg_SVIP.png');
    } else if (mealType === 'STAR') {
      $('.loading_sceen_pic').attr('src', '../static/img/home_bg_STAR.png');
    } else if (mealType === 'STARPRO') {
      $('.loading_sceen_pic').attr('src', '../static/img/home_bg_PRO.png');
    }
    $('#wine').css({
      width: window.screen.width,
      height: window.screen.height - topwinHeight - 20,
      position: 'absolute',
    });
    $('.loading').css({
      width: window.screen.width,
      height: window.screen.height - topwinHeight - 20,
    });
    var winese = document.createElement('wine');
    wine.style.top = '-' + winese + 'px';
    var isAudioPlay = false;
    let dbName = parameters['username'],
      version = 1,
      storeName = 'usercard';
    let indexedDB = window.indexedDB;
    let db;
    var socketURL;
    var cUrl;
    var cardToken, resolvingPower;
    const request = indexedDB.open(dbName, version);
    request.onsuccess = function (event) {
      db = event.target.result; // 数据库对象
      console.log('数据库打开成功');
    };

    request.onerror = function (event) {
      console.log('数据库打开报错');
    };

    request.onupgradeneeded = function (event) {
      // 数据库创建或升级的时候会触发
      console.log('onupgradeneeded');
      db = event.target.result; // 数据库对象
      let objectStore;
      if (!db.objectStoreNames.contains(storeName)) {
        objectStore = db.createObjectStore(storeName, { keyPath: 'id' }); // 创建表
      }
    };
    // 添加数据
    function addData(db, storeName, data) {
      let request = db
        .transaction([storeName], 'readwrite') // 事务对象 指定表格名称和操作模式（"只读"或"读写"）
        .objectStore(storeName) // 仓库对象
        .add(data);

      request.onsuccess = function (event) {
        console.log('数据写入成功');
      };

      request.onerror = function (event) {
        console.log('数据写入失败');
        throw new Error(event.target.error);
      };
    }

    // 根据id获取数据
    function getDataByKey(db, storeName, key) {
      let transaction = db.transaction([storeName]); // 事务
      let objectStore = transaction.objectStore(storeName); // 仓库对象
      let request = objectStore.get(key);

      request.onerror = function (event) {
        connect('add');
      };

      request.onsuccess = function (event) {
        console.log('主键查询结果: ', request.result);
        if (request.result && !isVideo) {
          socketURL = request.result.socketURL;
          cUrl = request.result.cUrl;
          cardToken = request.result.cardToken;
          resolvingPower = request.result.resolvingPower;

          window.currentPhoneSize = {
            width: request.result.width,
            height: request.result.height,
            dpi: request.result.dpi,
          };

          doConnectBusiness();
          doConnectDirectives();
        } else {
          connect('add');
        }
      };
    }

    // 根据id修改数
    function updateDB(db, storeName, data) {
      let request = db
        .transaction([storeName], 'readwrite') // 事务对象
        .objectStore(storeName) // 仓库对象
        .put(data);

      request.onsuccess = function () {
        console.log('数据更新成功');
      };

      request.onerror = function () {
        console.log('数据更新失败');
      };
    }

    // 根据id删除数据
    function deleteDB(db, storeName, id) {
      let request = db.transaction([storeName], 'readwrite').objectStore(storeName).delete(id)

      request.onsuccess = function () {
        console.log('数据删除成功')
      }

      request.onerror = function () {
        console.log('数据删除失败')
      }
    }

    // 由于打开indexDB是异步的加个定时器避免 db对象还没获取到值导致 报错
    setTimeout(() => {
      getDataByKey(db, storeName, userCardId);
    }, 1000);

    var timerInterval = null,
      timeInterval = 0;
    function connect(type) {
      $.ajax({
        url: baseUrl + '/api/resources/user/cloud/connect',
        type: 'post',
        data: JSON.stringify({
          userCardId: Number(userCardId),
        }),
        headers: {
          'content-Type': 'application/json',
          Authorization: token,
        },
        dataType: 'json',
        async: false,
        success: function (res) {
          if (res.status === 0) {
            //getResidueTime()
            if (timerInterval) {
              timerInterval = clearTimeout();
            }
            if (res.data.internetHttps) {
              socketURL =
                'wss://' +
                res.data.internetHttps +
                '/plugflow?cardIp=' +
                res.data.localIp +
                '&token=' +
                res.data.cardToken +
                '&type=business';
              cUrl =
                'wss://' +
                res.data.internetHttps +
                '/businessChannel?cardIp=' +
                res.data.localIp +
                '&token=' +
                res.data.cardToken +
                '&type=directives';
              cardToken = res.data.cardToken;
              resolvingPower = res.data.resolvingPower;
              doConnectBusiness(res);
              doConnectDirectives();
              if (type === 'add') {
                addData(db, storeName, {
                  id: userCardId,
                  socketURL: socketURL,
                  cUrl: cUrl,
                  cardToken: res.data.cardToken,
                  resolvingPower: res.data.resolvingPower,
                  width: res.data.width,
                  height: res.data.high,
                  dpi: res.data.dpi,
                });
              } else {
                updateDB(db, storeName, {
                  id: userCardId,
                  socketURL: socketURL,
                  cUrl: cUrl,
                  cardToken: res.data.cardToken,
                  resolvingPower: res.data.resolvingPower,
                  width: res.data.width,
                  height: res.data.high,
                  dpi: res.data.dpi,
                });
              }
              const data = window.phoneSizeList.find(function (v) {
                return (
                  v.width === res.data.width &&
                  v.height === res.data.height &&
                  v.dpi === res.data.dpi
                );
              });
              window.currentPhoneSize = data || {
                width: res.data.width,
                height: res.data.height,
                dpi: res.data.dpi,
              };
            } else {
              $.toast('网络异常，请稍后重试', 'text');
              setTimeout(() => {
                clearInterval(intervaler);
                quit();
              }, 3000);
            }
            return;
          }
          if (res.status === 5200) {
            if (timeInterval > 7) {
              $.toast('网络异常，请稍后重试', 'text');
              timerInterval = clearTimeout();
              setTimeout(() => {
                quit();
              }, 3000);
              return;
            }
            timerInterval = setTimeout(() => {
              connect(type);
              timeInterval += 1;
            }, 3000);
            return;
          }
          if (res.status === 5220) {
            $.toast('云手机正在一键修复中', 'text');
            setTimeout(() => {
              quit();
            }, 3000);
            return;
          }
          if (res.status === 5203) {
            $.toast('正在排队中，请稍等', 'text');
            setTimeout(() => {
              quit();
            }, 3000);
            return;
          }
          if (res.status === 5204) {
            $.toast('云机异常，正在为你重新分配云机', 'text');
            setTimeout(() => {
              quit();
            }, 3000);
            return;
          }
          $('#countView').hide();
          $('.countdown-wrap').hide();
          //downline();
          $.toast('画面异常,请重新进入', 'text');
          setTimeout(() => {
            quit();
          }, 3000);
        },
      });
    }

    initAD();
    var isShowCountdown = +parameters['isShowCountdown'], isShowRule = +parameters['isShowRule'];
    $.alert({
      title: '提示',
      text: '开始使用云手机',
      onOK: function () {
        isAudioPlay = true;
        if (isShowCountdown) {
          $('#countView').eq(0).show();
        }
        if (isShowRule) {
          $('.countdown-wrap').eq(0).show();
        }
        //getResidueTime();
      },
    });
    //云机倒计时
    let validTime = parameters['validTime'] || 10000;
    if (validTime > 32000) {
      validTime = 32000;
    }
    let detailTime = validTime * 60 * 1000;
    setTimeout(() => {
      $('.bug-title').eq(0).text('尊敬的用户您的云手机试用时间已到期');
      getDate = true;
      $('.buy-phone-wrap').eq(0).show();
    }, detailTime);
    var orientation = 0; //0 竖屏，1横屏
    function array_unique(arr) {
      return arr.filter(function (e, i) {
        return arr.indexOf(e) === i;
      });
    }
    var cutList = [];
    let timer,
      isFlag = true;

    const shearTemplate = doT.template(
      $('#template-shear').html().replace(/&amp;/g, '&'),
    );

    function updateShearHtml(list) {
      $('.box-shear-plate').html(shearTemplate(list));
    }
    // 对字符串进行html转义
    function encodeHtml(content) {
      return [
        ['<', '&lt;'],
        ['>', '&gt;'],
        ['&', '&amp;'],
        ['"', '&quot;'],
      ].reduce(function (previousValue, currentValue) {
        return previousValue.replace(
          new RegExp(currentValue[0], 'g'),
          currentValue[1],
        );
      }, content);
    }

    $('.box-shear-plate').on('click', '.slide-content', function (e) {
      handleCopy(e.currentTarget.dataset.content);
    });
    $('.box-shear-plate').on('click', '.btn-clear', function (e) {
      handleClear();
    });
    $('.box-shear-plate').on('click', '.slide-content-button', function (e) {
      handleDelete(e.currentTarget.dataset.id);
    });

    function showShearPlate(type) {
      if (!isControl) {
        return;
      }
      stopManyClick(function () {
        new Promise((resolve, reject) => {
          if (window.navigator.clipboard) {
            window.navigator.clipboard
              .readText()
              .then(
                function (content) {
                  return $.ajax({
                    url: baseUrl + '/api/public/v5/shear/content',
                    type: 'post',
                    dataType: 'json',
                    data: JSON.stringify({
                      content: content,
                    }),
                    headers: {
                      'content-Type': 'application/json',
                      Authorization: token,
                    },
                  });
                },
                function (err) {
                  if (type === 'clear') {
                    return
                  }
                  $.toast('读取剪贴板失败', 'text');
                },
              )
              .finally(resolve);
          } else {
            resolve();
          }
        }).then(function () {
          $('.box-shear-plate').empty();
          return $.ajax({
            url: baseUrl + '/api/public/v5/shear/content',
            headers: {
              Authorization: token,
            },
            type: 'get',
            dataType: 'json',
            success: function (res) {
              updateShearHtml(res.status === 0 ? res.data : []);
              $('.mask').show();
              initSlider();
            },
          });
        });
      });
    }
    //防止提示一秒内重复显示
    function stopManyClick(fn) {
      if (isFlag) {
        fn();
      }
      isFlag = false;
      if (timer) {
        clearTimeout(timer);
      }
      timer = setTimeout(() => {
        isFlag = true;
      }, 1500);
    }
    // 清空剪贴板
    function handleClear() {
      $.confirm('确定清空剪贴板？', function () {
        $.ajax({
          url:
            baseUrl +
            '/api/public/v5/shear/content' +
            Qs.stringify(
              {
                ids: Array.from($('.slide-wrapper')).map((v) => v.dataset.id),
              },
              { arrayFormat: 'repeat', addQueryPrefix: true },
            ),
          headers: {
            Authorization: token,
          },
          type: 'DELETE',
          dataType: 'json',
          success: function (res) {
            if (res.status === 0) {
              showShearPlate('clear');
            } else {
              $.toast(res.msg, 'text');
            }
          },
        });
      });
    }
    function handleCopy(content) {
      var cutting = {
        type: 'cutting',
        data: {
          str: content,
        },
      };
      wsss.send(JSON.stringify(cutting));
    }
    // 删除剪贴板
    function handleDelete(id) {
      $.ajax({
        url: baseUrl + '/api/public/v5/shear/content?ids=' + id,
        headers: {
          Authorization: token,
        },
        type: 'DELETE',
        dataType: 'json',
        success: function (res) {
          if (res.status === 0) {
            showShearPlate();
          } else {
            $.toast(res.msg, 'text');
          }
        },
      });
    }
    function initSlider() {
      //手指滑动多少距离就认为是滑成功
      //这个值不能太大，否则影响斜着滑动时，垂直滑动的流畅性，也不能太小，太灵敏也不好
      var diffXDistance = 50;
      //当前滑动的对象
      var currentObject;
      //上一次滑动的对象
      var lastObject;
      //是否可以左右滑动，在上下滑的时候禁止左右滑
      var canSlide = true;
      //用于记录按下的点
      var startPoint;
      $('.slide-content').css({
        width: $('.slide-wrapper').width(),
      });
      document.body.removeEventListener(
        'touchmove',
        function (e) {
          e.preventDefault();
        },
        {
          passive: false,
        },
      );
      $('.slide-scroll')
        .css({
          width:
            $('.slide-wrapper').width() + $('.slide-content-button').width(),
        })
        .on('touchstart', function (e) {
          currentObject = this;

          startPoint = {
            x: e.originalEvent.changedTouches[0].pageX,
            y: e.originalEvent.changedTouches[0].pageY,
          };
        })
        .on('touchmove', function (e) {
          //如果是左右滑动，就禁止上下的滑动
          //如果是上下的滑动，就禁止左右滑动
          if (
            Math.abs(e.originalEvent.changedTouches[0].pageX - startPoint.x) >
            Math.abs(e.originalEvent.changedTouches[0].pageY - startPoint.y)
          ) {
            event.preventDefault();
          } else {
            canSlide = false;
          }
        })
        .on('touchend', function (e) {
          //如果是上下滑动，这里就直接返回了
          if (!canSlide) {
            canSlide = true;
            return true;
          }

          //点击除当前左滑对象之外的任意其他位置
          if (lastObject && currentObject != lastObject) {
            //右滑→
            $(lastObject).removeClass('animate-slide');

            //清空上一个左滑的对象
            lastObject = undefined;
          }
          var diffX = e.originalEvent.changedTouches[0].pageX - startPoint.x;
          if (diffX < -diffXDistance) {
            //左滑←
            $(currentObject).addClass('animate-slide');
            if (lastObject && lastObject != currentObject) {
              //右滑→
              $(lastObject).removeClass('animate-slide');
            }
            //记录上一个左滑的对象
            lastObject = currentObject;
          } else if (diffX >= diffXDistance) {
            if (currentObject == lastObject) {
              //右滑→
              $(currentObject).removeClass('animate-slide');
              //清空上一个左滑的对象
              lastObject = undefined;
            }
          }
        });
    }

    $('#wine').on('click', function (e) {
      console.log('🚀 ~ file: WXdraw.js ~ line 4 ~ e', e);
      $('.control-right-img').attr({
        'data-id': '1',
      });
      $('.leftmains').css({
        right: '-4rem',
      });
    });

    var btnMuted = document.querySelector('#btnMuted');
    btnMuted &&
      (function () {
        var setHistory = function (left, top) {
          try {
            localStorage.setItem(
              'muted-btn-loc',
              JSON.stringify({
                left: left,
                top: top,
              }),
            );
          } catch (ex) { }
        };
        var getHistory = function () {
          try {
            var value = localStorage.getItem('muted-btn-loc');
            if (!value) return null;
            value = JSON.parse(value);
            if (!value) return null;
            return value;
          } catch (ex) {
            return null;
          }
        };
        var fixLoc = function (loc) {
          var rect = btnMuted.getBoundingClientRect();
          rect = {
            top: rect.top,
            left: rect.left,
            width: rect.width,
            height: rect.height,
          }; // 部分低版本浏览器,该属性为只读
          if (loc) {
            rect.left = loc.left;
            rect.top = loc.top;
          }
          var minX = 0;
          var minY = 0;
          var docRect = document.documentElement.getBoundingClientRect();
          var maxY = docRect.height - rect.height;
          var maxX = docRect.width - rect.width;
          var left = rect.left;
          var top = rect.top;
          left = Math.min(left, maxX);
          left = Math.max(left, minX);
          top = Math.min(top, maxY);
          top = Math.max(top, minY);
          if (loc || top !== rect.top || left !== rect.left) {
            btnMuted.style.cssText +=
              'left:' + left + 'px;top:' + top + 'px;';
          }
        };
        window.addEventListener('resize', function () {
          fixLoc();
        });
        var touchPoint = {
          pageY: 0,
          pageX: 0,
        };
        var currentLoc = {
          top: 0,
          left: 0,
          curTop: 0,
          curLeft: 0,
        };
        var toMove = false;
        var touchmove = function (e) {
          e.preventDefault();
          var point = e.changedTouches[0];
          var top = -touchPoint.pageY + point.pageY;
          var left = -touchPoint.pageX + point.pageX;
          if (toMove) {
            top += currentLoc.top;
            left += currentLoc.left;
            currentLoc.curLeft = left;
            currentLoc.curTop = top;
            btnMuted.style.cssText +=
              'left:' + left + 'px;top:' + top + 'px;';
          } else {
            if (Math.abs(top) >= 5 || Math.abs(left) >= 5) {
              toMove = true;
            }
          }
        };
        var touchend = function () {
          window.removeEventListener('touchmove', touchmove, {
            passive: false,
          });
          window.removeEventListener('touchend', touchend, {
            passive: false,
          });

          if (toMove) {
            setHistory(currentLoc.curLeft, currentLoc.curTop);
            fixLoc();
          } else {
            //按点击处理
            var set = $('.control-right-img').attr('data-id');
            if (set == '1') {
              $('.control-right-img').attr({
                'data-id': '2',
              });
              $('.leftmains').css({
                right: '0rem',
              });
            } else {
              $('.control-right-img').attr({
                'data-id': '1',
              });

              $('.leftmains').css({
                right: '-4rem',
              });
            }
          }
        };

        btnMuted.addEventListener(
          'touchstart',
          function (e) {
            e.preventDefault();
            toMove = false;
            var point = e.changedTouches[0];
            touchPoint.pageX = point.pageX;
            touchPoint.pageY = point.pageY;
            var rect = e.target.getBoundingClientRect();
            currentLoc.top = rect.top;
            currentLoc.left = rect.left;
            window.addEventListener('touchmove', touchmove, {
              passive: false,
            });
            window.addEventListener('touchend', touchend, {
              passive: false,
            });
          },
          {
            passive: false,
          },
        );
        var history = getHistory();
        if (history) {
          fixLoc(history);
        }
        btnMuted.classList.remove('hide');
      })();

    function handleClose() {
      $('.mask').hide();
    }

    var decodeCount = 1;
    var isFinish = false;
    var player = new PCMPlayer({
      encoding: '16bitInt',
      channels: 2,
      sampleRate: 44100,
      flushingTime: 22,
      debug: false,
    });

    Module = {};
    Module.onRuntimeInitialized = function () {
      isFinish = true;
    };
    function decodeAAC(data) {
      var retPtr = Module._malloc(4 * 5 * 1024); //接收的数据
      var inputPtr = Module._malloc(4 * data.length); //输入数据

      for (var i = 0; i < data.length; i++) {
        Module.HEAPU8[inputPtr + i] = data[i]; //转换为堆数据
      }

      var pcmLen = Module._feedData(retPtr, inputPtr, data.length);

      if (pcmLen >= 0) {
        var pcmData = new Uint8Array(pcmLen);
        for (var i = 0; i < pcmLen; i++) {
          pcmData[i] = Module.HEAPU8[retPtr + i];
        }

        player.feed(pcmData);
      }
      decodeCount++;
      Module._free(inputPtr);
      Module._free(retPtr);
    }
    var decodeWoker = new Worker('decoder.js');
    var myVideo = document.getElementById('playCanvas');
    var logicWidth = 720;
    var logicHeight = 1280;
    decodeWoker.onmessage = function (event) {
      var objData = event.data;
      // console.log("🚀 ~ file: WXtrialInterface.html ~ line 806 ~ objData", objData)

      switch (objData.cmd) {
        case 0:
          break;
        case 1:
          // console.log(objData);
          if (logicWidth != objData.width || logicHeight != objData.height) {
            logicWidth = objData.width;
            logicHeight = objData.height;
          }
          // logicWidth = 375
          // logicHeight = 812
          webglPlayer.renderFrame(
            objData.data,
            logicWidth,
            logicHeight,
            logicWidth * logicHeight,
            (logicWidth / 2) * (logicHeight / 2),
          );
          $('.weui-mask_transparent').hide();
          $('.weui-toast').hide();
          $('.loading').hide();
          break;
        case 5:
          var buffer = RequestIFrame();
          webSocketWorker.postMessage(buffer);
      }
    };

    var isFinish = false;
    var webglPlayer = new WebGLPlayer(myVideo, {
      preserveDrawingBuffer: false,
    });

    function GetRequest() {
      var url = location.search; // 获取url中"?"符后的字串
      var obj = new Object();
      if (url.indexOf('?') != -1) {
        var str = url.substr(1);
        strs = str.split('&');
        for (var i = 0; i < strs.length; i++) {
          obj[strs[i].split('=')[0]] = strs[i].split('=')[1];
        }
      }
      return obj;
    }
     //状态回调以及处理
     function statusCallBack(event) {
        if (event.type == 'open') {
          $('.weui-mask_transparent').hide();
          $('.weui-toast').hide();
          // $('.loading').hide();
          console.log('流已经打开');
        }

        if (event.type == 'screenChange') {
          console.log('横竖屏切换事件:' + event.val);
        }

        if (event.type == 'verifyFailed') {
          console.log('鉴权失败');
        }
    }
    function successCallback() {
      console.log('webRTC请求成功了')
      // 如果支持webRTC,就直接切换成webRTC的画面显示
      $('#playVideo').show()
      $('#playCanvas').hide()
    }
    let extranetIp, extranetPort
    function doConnectBusiness(res) {
      if(isVideo) {
        var url0 = url[0]; //协议
        let ip = res.data.internetIp; //服务器拿到的ip
        let port = res.data.internetVideoPort; //服务器拿到的端口
        extranetIp = res.data.internetIp;
        extranetPort = res.data.internetVideoPort;

      let rtcUrl, wsUrl;
      if (url0 == 'https:') {
        rtcUrl =
          'https://' +
          res.data.internetHttps +
          '/webrtc?cardIp=' +
            res.data.localIp;
          wsUrl =
            'wss://' +
            res.data.internetHttps +
            '/plugflow?cardIp=' +
            res.data.localIp;
        } else {
          rtcUrl =
            'http://' +
            ip +
            ':' +
            port +
            '/index/api/webrtc?app=live&stream=test&type=play';
          wsUrl = 'ws://' + ip + ':' + port + '/plugflow';
        }
        let token = res.data.cardToken;
        let videoId = 'playVideo';
        let mode = 'webrtc'; //指定解码模式, 目前支持mse、webrtc
        // let ip = res.data.internetIp; //服务器拿到的ip
        // let port = res.data.internetVideoPort; //服务器拿到的端口
        // let rtcUrl = "http://" + ip + ":" + port + "/index/api/webrtc?app=live&stream=test&type=play";
        // let wsUrl = "ws://" + ip + ":" + port + '/plugflow';
        // let token = res.data.cardToken;
        // let videoId = "playCanvas";
        // let mode = "webrtc"; //指定解码模式, 目前支持mse、webrtc
        let option = {
          url: wsUrl, //websocket url
          rtcUrl: rtcUrl, //webrtc 推流地址，webrtc 推流时必须要填
          token: token, //用于校验的token
          videoId: videoId, //视频标签ID
          mode: mode, //可选，默认为自动切换，可以强行指定模式
          debug: true, //可选
          callback: statusCallBack, //回调函数
          successCallback // 成功请求WEBRTC回调
        };
        engine = new RtcEngine(option);
        let myVideo = document.getElementById('playVideo');
        // 禁用 <video> 元素的默认控件（例如播放按钮、进度条等）
        myVideo.controls = false;
        // 启动视频流连接过程。这将根据之前配置的参数建立与服务器的 WebSocket 连接，并开始视频流的传输和播放。
        engine.connect();
      }
      var webSocketWorker = new Worker(
        'websocket.js?socketURL=' +
        encodeURIComponent(socketURL) +
        '&cardToken=' +
        encodeURIComponent(cardToken),
      );
      window.webSocketWorker = webSocketWorker;
      webSocketWorker.onmessage = function (event) {
        if(connectStatus==1) {
          getResidueTime();
        }
        var input = event.data;
        if (input[0] == 0xff && isAudioPlay && !isVideo) {
          decodeAAC(input);
        }
        if (
          input[0] == 0 &&
          input[1] == 0 &&
          input[2] == 0 &&
          input[3] == 1
        ) {
          var cmd = {
            type: 'rawData',
            data: event.data,
          };
          decodeWoker.postMessage(cmd);
        }
        if (input[0] == 0x68) {
          if (input[23] == 0x5c) {
            if (CheckVerifyCode(input)) {
              webSocketWorker.postMessage(ConfigChannel('RK3923C1201900139'));
              var checkBuffer = GetScreenState();
              webSocketWorker.postMessage(checkBuffer);
            } else {
              connect('update');
            }
          }
          if (input[23] == 0x05) {
            //横竖屏标识
            if (input[28] == 0x01 && input[29] == 0x01) {
              var state = CheckScreenDirection(input.slice(24, 24 + 8));

              if (state == 1) {
                console.log('安卓卡此时竖屏');
                //竖屏处理
                resolving = 1;
                // $('#playCanvas').removeClass('horizontal').addClass('vertical');
              } else {
                console.log('安卓卡此时横屏');
                //横屏处理
                resolving = 0;
                // $('#playCanvas').removeClass('vertical').addClass('horizontal');
              }
            }
            // window.phoneSizeList = window.phoneSizeListBack.map(function (
            //   item,
            // ) {
            //   return resolving
            //     ? item
            //     : Object.assign({}, item, {
            //         width: item.height,
            //         height: item.width,
            //       });
            // });

            // wsss.send(
            //   JSON.stringify({
            //     type: 'getPhoneSize',
            //   }),
            // );
            // 横竖屏变更时获取分辨率要延迟，不然会获取到变更前的分辨率
            // setTimeout(function () {
            //   wsss.send(
            //     JSON.stringify({
            //       type: 'getPhoneSize',
            //     }),
            //   );
            // }, 500);
          }
          if (input[23] == 0x0b) {
            console.log('多端登陆');
          }
        }
        if (event.data === 'close') {
          $('#countView').hide();
          $('.countdown-wrap').hide();
          downline();
          $.toast('画面异常,请重新进入', 'text');
          setTimeout(() => {
            decodeWoker.postMessage('close');
            decodeWoker.terminate();
            quit();
          }, 3000);
        }
      };
    }

    // 激活码广告相关配置
    function getConfigByPhoneType() {
      return new Promise((resolve, reject) => {
        $.ajax({
          url: baseUrl + '/api/pay/v5/trialCodeConfig/getConfigByPhoneType',
          headers: {
            Authorization: token,
          },
          data: {
            userCardId: userCardId,
            phoneType: mealType,
          },
          type: 'get',
          dataType: 'json',
          success: function (res) {
            console.log(res);
            let obj = res.data;
            if (res.status === 0) {
              resolve(obj);
            } else {
              $.toast(res.msg, 'text');
            }
          },
        });
      });
    }
    //列表
    function getSetmealList() {
      return new Promise((resolve, reject) => {
        $.ajax({
          url: baseUrl + '/api/resources/v4/freetrial/setmeal/list',
          headers: {
            Authorization: token,
          },
          type: 'get',
          dataType: 'json',
          success: function (res) {
            if (res.status === 0) {
              let list = res.data;
              list.map((item) => {
                if (item.phoneType === mealType) {
                  resolve(item);
                }
              });
            } else {
              $.toast(res.msg, 'text');
            }
          },
        });
      });
    }
    //广告信息
    var adData = null; // 广告数据
    var adLastTime = 0; // 广告时间
    var intervalTime = 0; // 间隔时间
    // let adType = 0;
    console.log(
      '🚀 ~ file: WXtrialInterface.html ~ line 973 ~ sourceType',
      sourceType,
    );
    // 拉取广告数据
    function getAD() {
      return $.ajax({
        url: baseUrl + '/api/public/v5/advertising/getAdInfoByAdPlace',
        headers: {
          Authorization: token,
        },
        data: JSON.stringify({
          adPlace: adType,
          os: 0,
        }),
        type: 'POST',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
      }).then(function (res) {
        if (res.status === 0) {
          var list = res.data.filter(
            (v) => v.adType === 1 && !!v.adVideoBase.videoUrl,
          );
          adData = list[Math.floor(Math.random() * list.length)];
          console.log(
            '🚀 ~ file: WXtrialInterface.html ~ line 990 ~ getAD ~ adData',
            adData,
          );
          return adData;
        } else {
          return Promise.reject(new Error(res.msg));
        }
      });
    }
    // 播放广告
    function playAD() {
      var nowTime = Date.now();
      if (adData && $('.try-use-wrap').eq(0).is(':hidden') && nowTime > adLastTime + intervalTime) {
        $('#source').attr('src', adData.adVideoBase.videoUrl);
        $('.try-use-wrap').eq(0).show();
        $('#source')[0].play();
        videoTime = adData.forcedTime;
        adData = null;
        adLastTime = nowTime;
        videoTimer = setInterval(() => {
          if (videoTime > 0) {
            videoTime--;
            $('.time-node')
              .eq(0)
              .text(videoTime + 's');
          } else {
            clearInterval(videoTimer);
            $('.time-node').eq(0).text('');
          }
        }, 1000);

        if (intervalTime > 0) {
          // 间隔广告拉取下一次广告数据
          adType = 16;
          getAD();
        }
        if (adType === 16 && sourceType == 1) {
          // 间隔广告和试用才上报
          report(0);
        }
      }
    }

    var residueTimer = null;
    // 获取云机剩余时长
    function getResidueTime() {
      clearInterval(residueTimer);
      if (userCardType !== 1) {
        return
      }
      return $.ajax({
        url: baseUrl + `/api/resources/yearMember/getResidueTime?userCardId=${userCardId}`,
        headers: {
          Authorization: token,
        },
        type: 'get',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
      }).then(function (res) {
        if (res.status === 0) {
          let time = res.data;
          startTime();
          residueTimer = setInterval(() => {
            if (time > 0) {
              time--;
              $('.countdown-time').text(residueTimeStamp(time));
            } else {
              clearInterval(residueTimer);
              downline();
            }
          }, 1000)
        } else {
          return Promise.reject(new Error(res.msg));
        }
      });
    }

    // 客户端成功进入云手机后调用
    function startTime() {
      if (userCardType !== 1) {
        return
      }
      return $.ajax({
        url: baseUrl + `/api/resources/yearMember/startTime?userCardId=${userCardId}`,
        headers: {
          Authorization: token,
        },
        type: 'get',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
      }).then(function (res) { });
    }

    // 秒转化为时分秒
    function getResultTime(time) {
      let theTime = parseInt(time);// 秒
      let theTime1 = 0;// 分
      let theTime2 = 0;// 小时

      if (theTime > 60) {
        theTime1 = parseInt(theTime / 60);
        theTime = parseInt(theTime % 60);

        if (theTime1 > 60) {
          theTime2 = parseInt(theTime1 / 60);
          theTime1 = parseInt(theTime1 % 60);
        }
      }
      let result = '' + parseInt(theTime);
      if (theTime1 > 0) {
        result = '' + parseInt(theTime1) + ':' + result;
      }
      if (theTime2 > 0) {
        result = '' + parseInt(theTime2) + ':' + result;
      }
      return result;
    }
    // 推荐列表
    function getRecommend() {
      return $.ajax({
        url: baseUrl + `/api/public/v1/market/get/recommend?userCardId=${userCardId}`,
        headers: {
          Authorization: token,
        },

        type: 'get',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
      }).then(function (res) {
        if (res.status === 0) {
          $('.apply-wrap').eq(0).show();
          let list = res.data;
          let result = '';
          list.map(item => {
            item.installNum = `有${item.installNum}人下载`
            result += $('#apply').text().replace(/{{(.*?)}}/g, function (node, key) {
              return item[key];
            })
          })
          $('.apply-list').eq(0).append(result)
        } else {
          return Promise.reject(new Error(res.msg));
        }
      });
    }

    //点击了换一批
    $('.apply-list-change')[0].addEventListener('click', () => {
      $('.apply-list').eq(0).empty();
      getRecommend();
    })

    //点击了关闭按钮
    $('.apply-close')[0].addEventListener('click', () => {
      localStorage.setItem('isShowRecommend', true);
      $('.apply-wrap').eq(0).hide();
    })

    // 点击下载按钮
    $('.apply-wrap')[0].addEventListener('click', (e) => {
      let id = e.target.dataset.id;
      let downloadUrl = e.target.dataset.url;
      let className = e.target.className;
      if (className === 'apply-down-btn') {
        var pings2 = {
          type: 'downAndInstallApk',
          data: {
            apkUrl: downloadUrl,
            taskUid: id
          },
        };
        wsss.send(JSON.stringify(pings2));
      }
    })

    // 点击了我知道了
    $('.countdown-btn')[0].addEventListener('click', () => {
      $('.countdown-wrap').eq(0).hide();
      getRecommend();
    })

    // 点击了续时长
    $('.time-lang-btn')[0].addEventListener('click', () => {
      $('.time-lang-wrap').eq(0).hide();
      if (window.__wxjs_environment === 'miniprogram') {
        wx.miniProgram.navigateTo({
          url: `/packageA/order/renew/index?record=` + userCardId
        });
      } else {
        uni.webView.navigateTo({
          url: '/pages/order/renew?record=' + userCardId
        })
      }
    })

    /**
     * 初始化广告
     * 因移动端video无法自动播放，play()方法不能异步调用。
     * 解决方案，初始化时预先请求广告数据，在用户对云手机touchmove事件中去播放广告并请求下一次广告数据。
     */
    function initAD() {
      console.log(
        '🚀 ~ file: WXtrialInterface.html ~ line 1052 ~ initAD ~ sourceType',
        sourceType,
      );
      (function () {
        switch (sourceType) {
          case 1: {
            return getSetmealList().then(function (res) {
              intervalTime =
                res.intervalSwitch === 1
                  ? res.intervalAdvertDuration * 1000 * 60
                  : 0;
              if (res.pushFlowAdvert === 1) {
                adType = 15;
                adTime = 0;
              } else if (intervalTime > 0) {
                adType = 16;
                adTime = date.now();
              }
            });
          }
          case 2: {
            return getConfigByPhoneType().then(function (res) {
              if (res.isDisconnectionTime === 1) {
                var time = res.disconnectionTime * 60 * 1000;
                setTimeout(() => {
                  disconnectionFlag = true;
                  $('.buy-phone-wrap').eq(0).show();
                }, time);
              }

              intervalTime =
                res.isIntervalPlayAd === 1
                  ? res.intervalPlayAdTime * 1000 * 60
                  : 0;
              if (res.isShowAd === 1) {
                adType = 15;
                adTime = 0;
              } else if (intervalTime > 0) {
                adType = 16;
                adTime = date.now();
              }
            });
          }
          default: {
            return Promise.reject();
          }
        }
      })().then(function () {
        console.log(adType);
        this.$('#playCanvas').on('touchstart', playAD);
        // this.$('#playCanvas').on('touchmove', playAD);
        getAD();
      });
    }
    // 观看广告次数上报1
    function reportFrequency() {
      $.ajax({
        url: baseUrl + '/api/resoures/v1/trial/reportFrequency/' + userCardId,
        headers: {
          Authorization: token,
        },
        type: 'post',
        contentType: 'application/json',
        dataType: 'json',
        success: function (res) { },
      });
    }
    //间隔广告上报
    function report(type) {
      $.ajax({
        url: baseUrl + '/api/resources/v1/trial/report',
        headers: {
          Authorization: token,
        },
        data: JSON.stringify({
          userCardId: userCardId,
          reportType: type,
        }),
        type: 'POST',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
        success: function (res) { },
      });
    }
    //关闭广告
    $('.time-close-wrap')[0].addEventListener('click', () => {
      if (videoTime == 0) {
        reportFrequency();
      }
      $('.buy-phone-wrap').eq(0).show();
    });
    // 点击取消
    $('.cannel-btn')[0].addEventListener('click', () => {
      $('.buy-phone-wrap').eq(0).hide();
      if (disconnectionFlag || getDate) {
        //设置了断线时间，取消直接退出
        systemBuriedPoint('激活码-断线-取消');
        quit();
        return;
      }
      let pointName = '';
      if (sourceType == 1) {
        pointName =
          videoTime == 0 ? '免费试用-关闭-取消' : '免费试用-强制关闭-取消';
      } else {
        pointName =
          videoTime == 0 ? '激活码-关闭-取消' : '激活码-强制关闭-取消';
      }
      systemBuriedPoint(pointName);
      if (videoTime == 0) {
        if (adType === 16 && sourceType == 1) {
          report(1);
        }
        $('.try-use-wrap').eq(0).hide();
        $('#source')[0].pause();
        return;
      }
      $('.look-wrap').eq(0).show();
    });
    // 点击去购买
    $('.go-bug')[0].addEventListener('click', () => {
      let pointName = '';
      if (disconnectionFlag) {
        pointName = '激活码-断线-去购买';
      } else if (sourceType == 1) {
        pointName =
          videoTime == 0
            ? '免费试用-关闭-去购买'
            : '免费试用-强制关闭-去购买';
      } else {
        pointName =
          videoTime == 0 ? '激活码-关闭-去购买' : '激活码-强制关闭-去购买';
      }
      systemBuriedPoint(pointName);
      if (getDate) {
        if (window.__wxjs_environment === 'miniprogram') {
          wx.miniProgram.navigateTo({
            url: '/packageA/order/buy/index?buyType=试用界面购买',
          });
        } else {
          if (userCardType === 1) {
            uni.webView.navigateTo({
              url: '/pages/order/renewTime',
            });
          } else {
            uni.webView.navigateTo({
              url: '/pages/order/order',
            });
          }
        }
      } else {
        if (window.__wxjs_environment === 'miniprogram') {
          wx.miniProgram.navigateTo({
            url:
              `/packageA/order/renew/index?buyType=${sourceType == 1
                ? '试用弹窗购买按钮进入-普通试用'
                : '试用弹窗购买按钮进入-激活码试用'
              }&record=` + userCardId,
          });
        } else {
          if (userCardType === 1) {
            uni.webView.navigateTo({
              url: '/pages/order/renewTime',
            });
          } else {
            uni.webView.navigateTo({
              url: '/pages/order/order',
            });
          }
        }
      }
    });
    window.onbeforeunload = function () {
      wsss.close();
      decodeWoker.postMessage('close');
      decodeWoker.terminate();
    };
    // 埋点
    function systemBuriedPoint(pointName) {
      $.ajax({
        url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
        headers: {
          Authorization: token,
        },
        type: 'post',
        data: JSON.stringify({
          pointName: pointName,
        }),
        contentType: 'application/json',
        dataType: 'json',
        success: function (res) { },
      });
    }
    function quit() {
      if (navigator.userAgent.toLowerCase().includes('toutiaomicroapp')) {
        tt.miniProgram.switchTab({
          url: '/pages/home/home',
        });
      } else if (window.__wxjs_environment === 'miniprogram') {
        wx.miniProgram.switchTab({
          url: '/pages/home/home',
        });
      } else {
        uni.webView.navigateBack({
          delta: 1,
        });
      }
    }

    function updatePhoneSizeListHtml() {
      const templatePhoneSizeItem = doT.template(
        $('#template-phone-size-item').html().replace(/&amp;/g, '&'),
      );
      // console.log({
      //   list: window.phoneSizeList,
      //   active: window.activePhoneSize,
      //   resolving,
      // });
      const phoneSizeListItemsHtml = templatePhoneSizeItem({
        list: window.phoneSizeList,
        active: window.activePhoneSize,
        resolving,
      });
      $('#phone-size-list').html(phoneSizeListItemsHtml);
    }

    $('#open-set-phone-size-dialog-btn').on('click', async function (e) {
      !window.phoneSizeList.length && (await getPhoneSizeList());
      window.activePhoneSize = window.currentPhoneSize;
      updatePhoneSizeListHtml();
      $('#set-phone-size-dialog').addClass('show');
    });
    // $('#set-phone-size-dialog').addClass('show');
    $('.dialog .dialog-mask')
      .add('.dialog .dialog-btn.cancel')
      .on('click', function (e) {
        $(e.currentTarget).parents('.dialog').removeClass('show');
      });

    // 分辨率列表
    window.phoneSizeList = [];
    // 当前生效的分辨率
    // 选中的分辨率
    // window.activePhoneSize = window.currentPhoneSize;

    async function getPhoneSizeList() {
      const response = await $.ajax({
        url:
          baseUrl + '/api/resources/v5/machine/resolution/getResolvingPower',
        headers: {
          Authorization: token,
        },
        type: 'get',
        dataType: 'json',
        data: {
          userCardId,
        },
      });

      const phoneSizeList = response.data.map(function (v) {
        return {
          id: v.id,
          dpi: v.dpi,
          width: v.width,
          height: v.high,
        };
      });
      window.phoneSizeList = phoneSizeList;

      // 关联上当前云机分辨率
      const currentPhoneSize = phoneSizeList.find(function (v) {
        return (
          window.currentPhoneSize &&
          v.width === window.currentPhoneSize.width &&
          v.height === window.currentPhoneSize.height &&
          v.dpi === window.currentPhoneSize.dpi
        );
      });
      window.currentPhoneSize = currentPhoneSize || window.currentPhoneSize;
    }
    /*
    getPhoneSizeList().then(function (phoneSizeList) {
      window.phoneSizeList = phoneSizeList;
      // window.phoneSizeListBack = phoneSizeList; // 备份下数据，用户横竖切换时。
      const currentPhoneSize = window.phoneSizeList.find(function (v) {
        return (
          window.currentPhoneSize &&
          v.width === window.currentPhoneSize.width &&
          v.height === window.currentPhoneSize.height &&
          v.dpi === window.currentPhoneSize.dpi
        );
      });

      window.currentPhoneSize = currentPhoneSize || window.currentPhoneSize;
      // return updatePhoneSizeListHtml();
    });
    */
    // const phoneSizeListSwiper = new Swiper('#phone-size-list-swiper', {
    //   direction: 'vertical',
    //   slidesPerView: 'auto',
    //   loop: false,
    //   centeredSlides: true,
    // });
    let lastSetPhone = 0;
    function setPhoneSize(config) {
      if (config.id === currentPhoneSize.id) {
        return;
      }

      if (Date.now() <= lastSetPhone + 1000 * 5) {
        throw new Error('请勿频繁操作');
      }
      lastSetPhone = Date.now();
      // config = Object.assign({}, config, {
      //   width: config.width,
      //   height: config.height,
      // });
      // 修改云机分辨率
      wsss.send(
        JSON.stringify({
          type: 'setPhoneSize',
          data: {
            id: config.id,
            width: config.width,
            height: config.height,
            dpi: config.dpi,
          },
        }),
      );
      // XXX: 去除了，改为中台发送
      // 通知其他在线端
      // wsss.send(
      //   JSON.stringify({
      //     type: 'forwardMsg',
      //     data: {
      //       code: 'phoneSizeChange',
      //       id: config.id,
      //       width: config.width,
      //       height: config.height,
      //       dpi: config.dpi,
      //       desc: '分辨率修改', // 可选
      //     },
      //   }),
      // );
      // 上报分辨率
      window.currentPhoneSize = config;
    }
    // wsss.addEventListener('message', function (event) {
    //   console.log(
    //     '🚀 ~ file: WXtrialInterface.html ~ line 1476 ~ event',
    //     event,
    //   );
    // });
    $('#phone-size-list').on('click', '.phone-size-item', function (e) {
      const data = $(e.currentTarget).data();
      // console.log(
      //   '🚀 ~ file: WXtrialInterface.html ~ line 1494 ~ data',
      //   data,
      // );
      window.activePhoneSize = data;
      updatePhoneSizeListHtml();
      // setPhoneSize(data.width, data.height);
    });
    $('#set-phone-size-dialog .dialog-btn.confirm').on('click', function (e) {
      try {
        setPhoneSize(window.activePhoneSize);
        $('#set-phone-size-dialog').removeClass('show');
      } catch (error) {
        $.toast(error.message, 'text');
      }
    });
  </script>
  <script type="text/javascript" src="WXdraw.js"></script>
  <script type="text/javascript" src="aac.js"></script>
  <script type="text/javascript" src="./timer.js"></script>
</body>

</html>