WXtrialInterface.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta name="x5-orientation" content="portrait" />
  7. <meta name="screen-orientation" content="portrait" />
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  10. <!-- 删除苹果默认的工具栏和菜单栏 -->
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  12. <!-- 设置苹果工具栏颜 -->
  13. <meta name="format-detection" content="telphone=no, email=no">
  14. <!-- 忽略页面中的数字识别为电话,忽略email识别 -->
  15. <!-- 启用360浏览器的极速模(webkit) -->
  16. <meta name="renderer" content="webkit">
  17. <!-- 避免IE使用兼容模式 -->
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  19. <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑 -->
  20. <meta name="HandheldFriendly" content="true">
  21. <!-- 微软的老式浏览 -->
  22. <meta name="MobileOptimized" content="320">
  23. <!-- 不能旋转,问题出在这 -->
  24. <!-- UC强制全屏 -->
  25. <meta name="full-screen" content="yes">
  26. <!-- QQ强制全屏 -->
  27. <meta name="x5-fullscreen" content="true">
  28. <!-- UC应用模式 -->
  29. <meta name="browsermode" content="application">
  30. <!-- QQ应用模式 -->
  31. <meta name="x5-page-mode" content="app">
  32. <!-- windows phone 点击无高 -->
  33. <meta name="msapplication-tap-highlight" content="no">
  34. <link rel="stylesheet" type="text/css" href="css/WXtrialInterface.css" />
  35. <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css" />
  36. <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css" />
  37. </head>
  38. <body class="scroll h-player" style="overscroll-behavior: contain;">
  39. <div class="container" id="player">
  40. <div class="muted" id="btnMuted">
  41. <div class="control-right-img" data-id="1">
  42. <img src="../static/img/xuanfu_icon.png">
  43. </div>
  44. </div>
  45. <div id="wine">
  46. <div id="box">
  47. <canvas id="playCanvas" width="450" height="800"></canvas>
  48. </div>
  49. </div>
  50. <div class="leftmains">
  51. <div class="PictureQualityMain">
  52. <div class="PictureQuality " data-id="1803000">高清</div>
  53. <div class="PictureQuality avit" data-id="1243000">标清</div>
  54. <div class="PictureQuality" data-id="400000">极速</div>
  55. <div class="PictureQuality" data-id="200">自动</div>
  56. </div>
  57. <div class="operation">
  58. <div class="upload" id="showsuss" data-text="uploads">
  59. <img src="../static/img/wx/shangchuan_icon.png">
  60. <div>上传</div>
  61. </div>
  62. <div class="upload" onclick="showShearPlate()" data-text="Shearplate">
  63. <img src="../static/img/wx/jianqieban_icon.png">
  64. <div>剪贴板</div>
  65. </div>
  66. <div class="upload" id="upload" data-text="Signout">
  67. <img src="../static/img/wx/tuichu_icon.png">
  68. <div>退出</div>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="bottommains">
  73. <div class="botmat1">
  74. <div class="botmat1img" data-text="gengduo">
  75. <img src="../static/img/wx/gengduo_icon.png">
  76. </div>
  77. </div>
  78. <div class="botmat1">
  79. <div class="botmat1img" data-text="home">
  80. <img src="../static/img/wx/home_icon.png">
  81. </div>
  82. </div>
  83. <div class="botmat1">
  84. <div class="botmat1img" data-text="return">
  85. <img src="../static/img/wx/fanhui_icon.png">
  86. </div>
  87. </div>
  88. </div>
  89. <img class="loading loading_sceen_pic" />
  90. </div>
  91. <div class="mask">
  92. <div class="box-shear-plate"></div>
  93. <img class="close" onclick="handleClose()" src="img/guanbi_icon@2x.png" alt="">
  94. </div>
  95. <div class="weui-mask_transparent"></div>
  96. <div class="weui-toast weui_loading_toast weui-toast--visible">
  97. <div class="weui_loading"><i class="weui-loading weui-icon_toast"></i></div>
  98. <p class="weui-toast_content">数据加载中</p>
  99. </div>
  100. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  101. <script src="https://lf1-cdn-tos.bytegoofy.com/goofy/developer/jssdk/jssdk-1.0.3.js"></script>
  102. <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
  103. <!-- ffm软解 -->
  104. <script type="text/javascript" src="helper.js"></script>
  105. <script type="text/javascript" src="jquery-weui.min.js"></script>
  106. <script type="text/javascript" src="pcm-player.js"></script>
  107. <script type="text/javascript" src="webgl.js"></script>
  108. <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
  109. <script type="text/javascript" src="WXdraw.js?id=105"></script>
  110. <script type="text/javascript">
  111. $(function () {
  112. //手指滑动多少距离就认为是滑成功
  113. //这个值不能太大,否则影响斜着滑动时,垂直滑动的流畅性,也不能太小,太灵敏也不好
  114. var diffXDistance = 50;
  115. //当前滑动的对象
  116. var currentObject;
  117. //上一次滑动的对象
  118. var lastObject;
  119. //是否可以左右滑动,在上下滑的时候禁止左右滑
  120. var canSlide = true;
  121. //用于记录按下的点
  122. var startPoint;
  123. $(".slide-content").css({
  124. width: $(".slide-wrapper").width()
  125. });
  126. $(".slide-scroll").css({
  127. width: $(".slide-wrapper").width() + $(".slide-content-button").width()
  128. })
  129. .on('touchstart', function (e) {
  130. currentObject = this;
  131. startPoint = {
  132. x: e.originalEvent.changedTouches[0].pageX,
  133. y: e.originalEvent.changedTouches[0].pageY
  134. };
  135. })
  136. .on('touchmove', function (e) {
  137. //如果是左右滑动,就禁止上下的滑动
  138. //如果是上下的滑动,就禁止左右滑动
  139. if (Math.abs(e.originalEvent.changedTouches[0].pageX - startPoint.x) > Math.abs(e.originalEvent.changedTouches[0].pageY - startPoint.y)) {
  140. event.preventDefault();
  141. } else {
  142. canSlide = false;
  143. }
  144. })
  145. .on('touchend', function (e) {
  146. //如果是上下滑动,这里就直接返回了
  147. if (!canSlide) {
  148. canSlide = true;
  149. return true;
  150. }
  151. //点击除当前左滑对象之外的任意其他位置
  152. if (lastObject && currentObject != lastObject) {
  153. //右滑→
  154. $(lastObject).removeClass("animate-slide");
  155. //清空上一个左滑的对象
  156. lastObject = undefined;
  157. }
  158. var diffX = e.originalEvent.changedTouches[0].pageX - startPoint.x;
  159. if (diffX < -diffXDistance) {
  160. //左滑←
  161. $(currentObject).addClass("animate-slide");
  162. if (lastObject && lastObject != currentObject) {
  163. //右滑→
  164. $(lastObject).removeClass("animate-slide");
  165. }
  166. //记录上一个左滑的对象
  167. lastObject = currentObject;
  168. } else if (diffX >= diffXDistance) {
  169. if (currentObject == lastObject) {
  170. //右滑→
  171. $(currentObject).removeClass("animate-slide");
  172. //清空上一个左滑的对象
  173. lastObject = undefined;
  174. }
  175. }
  176. });
  177. });
  178. </script>
  179. <script>
  180. var topwinHeight = window.screen.height - window.innerHeight + 30; //计算title top 头部
  181. var parameters = GetRequest();
  182. var renderCount = 0;
  183. if (parameters['mealType'] === 'VIP') {
  184. $(".loading_sceen_pic").attr('src', '../static/img/home_bg_VIP.png');
  185. } else if (parameters['mealType'] === 'SVIP') {
  186. $(".loading_sceen_pic").attr('src', '../static/img/home_bg_SVIP.png');
  187. } else if (parameters['mealType'] === 'STAR') {
  188. $(".loading_sceen_pic").attr('src', '../static/img/home_bg_STAR.png');
  189. } else if (parameters['mealType'] === 'STARPRO') {
  190. $(".loading_sceen_pic").attr('src', '../static/img/home_bg_PRO.png');
  191. }
  192. $('#wine').css({
  193. "width": window.screen.width,
  194. "height": window.screen.height - topwinHeight - 20,
  195. "position": "absolute"
  196. })
  197. $('.loading').css({
  198. "width": window.screen.width,
  199. "height": window.screen.height - topwinHeight - 20
  200. });
  201. var winese = document.createElement("wine");
  202. wine.style.top = "-" + winese + 'px';
  203. var isAudioPlay = false;
  204. $.alert({
  205. title: '提示',
  206. text: '开始使用云手机',
  207. onOK: function () {
  208. isAudioPlay = true;
  209. }
  210. });
  211. var url = window.location.href;
  212. url = url.split('/');
  213. var baseUrl = url[0] + '//' + url[2];
  214. var form = {};
  215. form.token = parameters['token'];
  216. var orientation = 0; //0 竖屏,1横屏
  217. function array_unique(arr) {
  218. return arr.filter(function (e, i) {
  219. return arr.indexOf(e) === i;
  220. })
  221. }
  222. var cutList = [];
  223. let timer, isFlag = true;
  224. function showShearPlate() {
  225. stopManyClick(() => {
  226. $('.box-shear-plate').empty();
  227. $.ajax({
  228. url: baseUrl + "/api/public/v5/shear/content",
  229. headers: {
  230. 'Authorization': form.token
  231. },
  232. type: 'get',
  233. dataType: 'json',
  234. success: function (res) {
  235. if (res.status === 0) {
  236. if (res.data.length) {
  237. cutList = array_unique(res.data)
  238. var str = '<div class="title">剪贴板<div onclick="handleClear()" class="btn-clear">清空</div></div><div class="slide-wrapper-content">'
  239. cutList.forEach(function (item) {
  240. str += "<div class='slide-wrapper'><div class='slide-scroll animate-slide-start'><div class='slide-content'><div onclick='handleCopy(\"" + item.content + "\")'>" + item.content + "</div></div><div class='slide-content-button'><button onclick='handleDelete(" + item.id + ")'>删除</button></div></div></div>"
  241. })
  242. str += '</div>'
  243. $('.box-shear-plate').append(str);
  244. } else {
  245. $('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
  246. }
  247. $('.mask').show();
  248. initSlider();
  249. } else {
  250. $('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
  251. $('.mask').show();
  252. }
  253. }
  254. })
  255. })
  256. }
  257. //防止提示一秒内重复显示
  258. function stopManyClick(fn) {
  259. if (isFlag) {
  260. fn();
  261. }
  262. isFlag = false;
  263. if (timer) { clearTimeout(timer); }
  264. timer = setTimeout(() => { isFlag = true }, 1500);
  265. }
  266. // 清空剪贴板
  267. function handleClear() {
  268. var ids = '';
  269. cutList.forEach(function (item) {
  270. ids += 'ids=' + item.id + '&'
  271. });
  272. ids = ids.substring(0, ids.lastIndexOf('&'));
  273. $.confirm("确定清空剪贴板?", function () {
  274. $.ajax({
  275. url: baseUrl + "/api/public/v5/shear/content?" + ids,
  276. headers: {
  277. 'Authorization': form.token
  278. },
  279. type: 'DELETE',
  280. dataType: 'json',
  281. success: function (res) {
  282. if (res.status === 0) {
  283. showShearPlate();
  284. } else {
  285. $.toast(res.msg, "text");
  286. }
  287. }
  288. })
  289. });
  290. }
  291. function handleCopy(content) {
  292. var cutting = {
  293. "type": "cutting",
  294. "data": {
  295. "str": content
  296. }
  297. }
  298. wsss.send(JSON.stringify(cutting));
  299. }
  300. // 删除剪贴板
  301. function handleDelete(id) {
  302. $.ajax({
  303. url: baseUrl + "/api/public/v5/shear/content?ids=" + id,
  304. headers: {
  305. 'Authorization': form.token
  306. },
  307. type: 'DELETE',
  308. dataType: 'json',
  309. success: function (res) {
  310. if (res.status === 0) {
  311. showShearPlate();
  312. } else {
  313. $.toast(res.msg, "text");
  314. }
  315. }
  316. })
  317. }
  318. function initSlider() {
  319. //手指滑动多少距离就认为是滑成功
  320. //这个值不能太大,否则影响斜着滑动时,垂直滑动的流畅性,也不能太小,太灵敏也不好
  321. var diffXDistance = 50;
  322. //当前滑动的对象
  323. var currentObject;
  324. //上一次滑动的对象
  325. var lastObject;
  326. //是否可以左右滑动,在上下滑的时候禁止左右滑
  327. var canSlide = true;
  328. //用于记录按下的点
  329. var startPoint;
  330. $(".slide-content").css({
  331. width: $(".slide-wrapper").width()
  332. });
  333. document.body.removeEventListener('touchmove', function (e) {
  334. e.preventDefault()
  335. }, {
  336. passive: false
  337. })
  338. $(".slide-scroll").css({
  339. width: $(".slide-wrapper").width() + $(".slide-content-button").width()
  340. })
  341. .on('touchstart', function (e) {
  342. currentObject = this;
  343. startPoint = {
  344. x: e.originalEvent.changedTouches[0].pageX,
  345. y: e.originalEvent.changedTouches[0].pageY
  346. };
  347. })
  348. .on('touchmove', function (e) {
  349. //如果是左右滑动,就禁止上下的滑动
  350. //如果是上下的滑动,就禁止左右滑动
  351. if (Math.abs(e.originalEvent.changedTouches[0].pageX - startPoint.x) > Math.abs(e.originalEvent.changedTouches[0].pageY - startPoint.y)) {
  352. event.preventDefault();
  353. } else {
  354. canSlide = false;
  355. }
  356. })
  357. .on('touchend', function (e) {
  358. //如果是上下滑动,这里就直接返回了
  359. if (!canSlide) {
  360. canSlide = true;
  361. return true;
  362. }
  363. //点击除当前左滑对象之外的任意其他位置
  364. if (lastObject && currentObject != lastObject) {
  365. //右滑→
  366. $(lastObject).removeClass("animate-slide");
  367. //清空上一个左滑的对象
  368. lastObject = undefined;
  369. }
  370. var diffX = e.originalEvent.changedTouches[0].pageX - startPoint.x;
  371. if (diffX < -diffXDistance) {
  372. //左滑←
  373. $(currentObject).addClass("animate-slide");
  374. if (lastObject && lastObject != currentObject) {
  375. //右滑→
  376. $(lastObject).removeClass("animate-slide");
  377. }
  378. //记录上一个左滑的对象
  379. lastObject = currentObject;
  380. } else if (diffX >= diffXDistance) {
  381. if (currentObject == lastObject) {
  382. //右滑→
  383. $(currentObject).removeClass("animate-slide");
  384. //清空上一个左滑的对象
  385. lastObject = undefined;
  386. }
  387. }
  388. });
  389. }
  390. // 初始化一下就可以了,
  391. // var vConsole = new VConsole();
  392. var btnMuted = document.querySelector("#btnMuted");
  393. btnMuted && (function () {
  394. var setHistory = function (left, top) {
  395. try {
  396. localStorage.setItem("muted-btn-loc", JSON.stringify({
  397. left: left,
  398. top: top
  399. }));
  400. } catch (ex) { }
  401. };
  402. var getHistory = function () {
  403. try {
  404. var value = localStorage.getItem("muted-btn-loc");
  405. if (!value) return null;
  406. value = JSON.parse(value);
  407. if (!value) return null;
  408. return value;
  409. } catch (ex) {
  410. return null
  411. }
  412. };
  413. var fixLoc = function (loc) {
  414. var rect = btnMuted.getBoundingClientRect();
  415. rect = {
  416. top: rect.top,
  417. left: rect.left,
  418. width: rect.width,
  419. height: rect.height
  420. }; // 部分低版本浏览器,该属性为只读
  421. if (loc) {
  422. rect.left = loc.left;
  423. rect.top = loc.top;
  424. }
  425. var minX = 0;
  426. var minY = 0;
  427. var docRect = document.documentElement.getBoundingClientRect();
  428. var maxY = docRect.height - rect.height;
  429. var maxX = docRect.width - rect.width;
  430. var left = rect.left;
  431. var top = rect.top;
  432. left = Math.min(left, maxX);
  433. left = Math.max(left, minX);
  434. top = Math.min(top, maxY);
  435. top = Math.max(top, minY);
  436. if (loc || top !== rect.top || left !== rect.left) {
  437. btnMuted.style.cssText += "left:" + left + "px;top:" + top + "px;";
  438. }
  439. }
  440. window.addEventListener("resize", function () {
  441. fixLoc();
  442. });
  443. var touchPoint = {
  444. pageY: 0,
  445. pageX: 0
  446. };
  447. var currentLoc = {
  448. top: 0,
  449. left: 0,
  450. curTop: 0,
  451. curLeft: 0
  452. };
  453. var toMove = false;
  454. var touchmove = function (e) {
  455. e.preventDefault();
  456. var point = e.changedTouches[0];
  457. var top = -touchPoint.pageY + point.pageY;
  458. var left = -touchPoint.pageX + point.pageX;
  459. if (toMove) {
  460. top += currentLoc.top;
  461. left += currentLoc.left;
  462. currentLoc.curLeft = left;
  463. currentLoc.curTop = top;
  464. btnMuted.style.cssText += "left:" + left + "px;top:" + top + "px;";
  465. } else {
  466. if (Math.abs(top) >= 5 || Math.abs(left) >= 5) {
  467. toMove = true;
  468. }
  469. }
  470. };
  471. var touchend = function () {
  472. window.removeEventListener("touchmove", touchmove, {
  473. passive: false
  474. });
  475. window.removeEventListener("touchend", touchend, {
  476. passive: false
  477. });
  478. if (toMove) {
  479. setHistory(currentLoc.curLeft, currentLoc.curTop);
  480. fixLoc();
  481. } else {
  482. //按点击处理
  483. var set = $('.control-right-img').attr("data-id")
  484. if (set == '1') {
  485. $('.control-right-img').attr({
  486. "data-id": "2"
  487. })
  488. $(".leftmains").css({
  489. "right": "0rem"
  490. })
  491. } else {
  492. $('.control-right-img').attr({
  493. "data-id": "1"
  494. })
  495. $(".leftmains").css({
  496. "right": "-4rem"
  497. })
  498. }
  499. }
  500. }
  501. btnMuted.addEventListener("touchstart", function (e) {
  502. e.preventDefault();
  503. toMove = false;
  504. var point = e.changedTouches[0];
  505. touchPoint.pageX = point.pageX;
  506. touchPoint.pageY = point.pageY;
  507. var rect = e.target.getBoundingClientRect();
  508. currentLoc.top = rect.top;
  509. currentLoc.left = rect.left;
  510. window.addEventListener("touchmove", touchmove, {
  511. passive: false
  512. });
  513. window.addEventListener("touchend", touchend, {
  514. passive: false
  515. });
  516. }, {
  517. passive: false
  518. });
  519. var history = getHistory();
  520. if (history) {
  521. fixLoc(history);
  522. }
  523. btnMuted.classList.remove("hide");
  524. })();
  525. $(".boximg").on("click", function () {
  526. $(".mainbox").css({
  527. "display": "none"
  528. })
  529. })
  530. // 剪贴板
  531. $(".sboxbu").on("click", function () {
  532. $(".sbox").css({
  533. "display": "none"
  534. })
  535. })
  536. // 剪贴板
  537. $(".uploadss").on("click", function () {
  538. $(".sbox").css({
  539. "display": "none"
  540. })
  541. })
  542. $("#upload").on("click", function () {
  543. decodeWoker.postMessage('close');
  544. decodeWoker.terminate();
  545. webSocketWorker.terminate();
  546. if (navigator.userAgent.toLowerCase().includes('toutiaomicroapp')) {
  547. tt.miniProgram.switchTab({
  548. url: '/pages/home/home'
  549. })
  550. } else {
  551. wx.miniProgram.switchTab({
  552. url: '/pages/home/home'
  553. })
  554. }
  555. })
  556. function selectText(x) {
  557. if (document.selection) {
  558. var range = document.body.createTextRange();
  559. range.moveToElementText(x);
  560. range.select();
  561. } else if (window.getSelection) {
  562. var selection = window.getSelection();
  563. var range = document.createRange();
  564. selection.removeAllRanges();
  565. range.selectNodeContents(x);
  566. selection.addRange(range);
  567. }
  568. }
  569. function handleClose() {
  570. $('.mask').hide();
  571. }
  572. function cp(x) {
  573. $(".mainbox").css({
  574. "display": "none"
  575. })
  576. $(".sbox").css({
  577. "display": "block"
  578. })
  579. selectText(x);
  580. document.execCommand("copy");
  581. }
  582. var decodeCount = 1;
  583. var isFinish = false;
  584. var player = new PCMPlayer({
  585. encoding: '16bitInt',
  586. channels: 2,
  587. sampleRate: 44100,
  588. flushingTime: 22,
  589. debug: false
  590. });
  591. Module = {};
  592. Module.onRuntimeInitialized = function () {
  593. isFinish = true;
  594. }
  595. function decodeAAC(data) {
  596. var retPtr = Module._malloc(4 * 5 * 1024); //接收的数据
  597. var inputPtr = Module._malloc(4 * data.length); //输入数据
  598. for (var i = 0; i < data.length; i++) {
  599. Module.HEAPU8[(inputPtr) + i] = data[i]; //转换为堆数据
  600. }
  601. var pcmLen = Module._feedData(retPtr, inputPtr, data.length);
  602. if (pcmLen >= 0) {
  603. var pcmData = new Uint8Array(pcmLen);
  604. for (var i = 0; i < pcmLen; i++) {
  605. pcmData[i] = Module.HEAPU8[(retPtr) + i]
  606. }
  607. player.feed(pcmData);
  608. }
  609. decodeCount++;
  610. Module._free(inputPtr);
  611. Module._free(retPtr);
  612. }
  613. var decodeWoker = new Worker('decoder.js?width=' + videoWidth + '&height=' + videoHeight);
  614. var myVideo = document.getElementById("playCanvas");
  615. decodeWoker.onmessage = function (event) {
  616. var objData = event.data;
  617. switch (objData.cmd) {
  618. case 0:
  619. break;
  620. case 1:
  621. if (renderCount++ < 4 || !isAudioPlay) {
  622. return
  623. }
  624. webglPlayer.renderFrame(objData.data, videoWidth, videoHeight, videoWidth * videoHeight, (videoWidth / 2) * (videoHeight / 2));
  625. $('.weui-mask_transparent').hide()
  626. $('.weui-toast').hide()
  627. $('.loading').hide()
  628. }
  629. }
  630. var isFinish = false;
  631. var webglPlayer = new WebGLPlayer(myVideo, {
  632. preserveDrawingBuffer: false
  633. });
  634. function GetRequest() {
  635. var url = location.search; // 获取url中"?"符后的字串
  636. var obj = new Object();
  637. if (url.indexOf("?") != -1) {
  638. var str = url.substr(1);
  639. strs = str.split("&");
  640. for (var i = 0; i < strs.length; i++) {
  641. obj[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
  642. }
  643. }
  644. return obj;
  645. }
  646. var ip = parameters["ip"];
  647. var appletPushAddress = parameters["appletPushAddress"];
  648. var token = parameters["cardToken"];
  649. cardToken = cardToken && cardToken.replace(/@/g, "=");
  650. cardToken = cardToken.replace(/$/g, "+");
  651. var webSocketWorker = new Worker('websocket.js?ip=' + ip + '&appletPushAddress=' + appletPushAddress + '&token=' + token);
  652. webSocketWorker.onmessage = function (event) {
  653. var input = event.data;
  654. if (input[0] == 0xff && isAudioPlay && renderCount >= 4) {
  655. decodeAAC(input);
  656. }
  657. if (input[0] == 0 && input[1] == 0 && input[2] == 0 && input[3] == 1) {
  658. decodeWoker.postMessage(event.data);
  659. }
  660. if (input[0] == 0x68) {
  661. if (input[23] == 0x5c) {
  662. if (CheckVerifyCode(input)) {
  663. webSocketWorker.postMessage(ConfigChannel('RK3923C1201900139'));
  664. var checkBuffer = GetScreenState();
  665. webSocketWorker.postMessage(checkBuffer);
  666. }
  667. else {
  668. $.toast("画面异常,请重新进入", "text");
  669. decodeWoker.postMessage('close');
  670. decodeWoker.terminate();
  671. webSocketWorker.terminate();
  672. if (navigator.userAgent.toLowerCase().includes('toutiaomicroapp')) {
  673. tt.miniProgram.switchTab({
  674. url: '/pages/home/home'
  675. })
  676. } else {
  677. wx.miniProgram.switchTab({
  678. url: '/pages/home/home'
  679. })
  680. }
  681. }
  682. }
  683. if (input[23] == 0x05) { //横竖屏标识
  684. var state = CheckScreenDirection(input.slice(24, 24 + 8));
  685. if (state == 1) {
  686. console.log("安卓卡此时竖屏");
  687. //竖屏处理
  688. resolving = 1;
  689. } else {
  690. console.log("安卓卡此时横屏");
  691. //横屏处理
  692. resolving = 0;
  693. }
  694. }
  695. if (input[23] == 0x0b) {
  696. console.log("多端登陆");
  697. }
  698. }
  699. if (event.data === 'close') {
  700. $.toast("画面异常,请重新进入", "text");
  701. decodeWoker.postMessage('close');
  702. decodeWoker.terminate();
  703. webSocketWorker.terminate();
  704. if (navigator.userAgent.toLowerCase().includes('toutiaomicroapp')) {
  705. tt.miniProgram.switchTab({
  706. url: '/pages/home/home'
  707. })
  708. } else {
  709. wx.miniProgram.switchTab({
  710. url: '/pages/home/home'
  711. })
  712. }
  713. }
  714. }
  715. function Close() { // webworker 关闭,清理
  716. var cmd = {
  717. cmd: 0
  718. };
  719. decodeWoker.postMessage(cmd);
  720. decodeWoker.terminate();
  721. webSocketWorker.postMessage(cmd);
  722. webSocketWorker.terminate();
  723. }
  724. var isDrag = false;
  725. myVideo.onkeydown = function (event) {
  726. ExexuteKeyDown(e.keyCode);
  727. }
  728. window.onbeforeunload = function () {
  729. wsss.close();
  730. decodeWoker.postMessage('close');
  731. decodeWoker.terminate();
  732. webSocketWorker.terminate();
  733. }
  734. </script>
  735. <script type="text/javascript" src="aac.js"></script>
  736. </body>
  737. </html>