WXtrialInterface.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768
  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. <div class="loading"></div>
  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 type="text/javascript" src="jquery-1.11.0.min.js"></script>
  102. <!-- ffm软解 -->
  103. <script type="text/javascript" src="helper.js"></script>
  104. <script type="text/javascript" src="jquery-weui.min.js"></script>
  105. <script type="text/javascript" src="pcm-player.js"></script>
  106. <script type="text/javascript" src="webgl.js"></script>
  107. <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
  108. <script type="text/javascript" src="WXdraw.js?id=105"></script>
  109. <script type="text/javascript">
  110. $(function () {
  111. //手指滑动多少距离就认为是滑成功
  112. //这个值不能太大,否则影响斜着滑动时,垂直滑动的流畅性,也不能太小,太灵敏也不好
  113. var diffXDistance = 50;
  114. //当前滑动的对象
  115. var currentObject;
  116. //上一次滑动的对象
  117. var lastObject;
  118. //是否可以左右滑动,在上下滑的时候禁止左右滑
  119. var canSlide = true;
  120. //用于记录按下的点
  121. var startPoint;
  122. $(".slide-content").css({
  123. width: $(".slide-wrapper").width()
  124. });
  125. $(".slide-scroll").css({
  126. width: $(".slide-wrapper").width() + $(".slide-content-button").width()
  127. })
  128. .on('touchstart', function (e) {
  129. currentObject = this;
  130. startPoint = {
  131. x: e.originalEvent.changedTouches[0].pageX,
  132. y: e.originalEvent.changedTouches[0].pageY
  133. };
  134. })
  135. .on('touchmove', function (e) {
  136. //如果是左右滑动,就禁止上下的滑动
  137. //如果是上下的滑动,就禁止左右滑动
  138. if (Math.abs(e.originalEvent.changedTouches[0].pageX - startPoint.x) > Math.abs(e.originalEvent.changedTouches[0].pageY - startPoint.y)) {
  139. event.preventDefault();
  140. } else {
  141. canSlide = false;
  142. }
  143. })
  144. .on('touchend', function (e) {
  145. //如果是上下滑动,这里就直接返回了
  146. if (!canSlide) {
  147. canSlide = true;
  148. return true;
  149. }
  150. //点击除当前左滑对象之外的任意其他位置
  151. if (lastObject && currentObject != lastObject) {
  152. //右滑→
  153. $(lastObject).removeClass("animate-slide");
  154. //清空上一个左滑的对象
  155. lastObject = undefined;
  156. }
  157. var diffX = e.originalEvent.changedTouches[0].pageX - startPoint.x;
  158. if (diffX < -diffXDistance) {
  159. //左滑←
  160. $(currentObject).addClass("animate-slide");
  161. if (lastObject && lastObject != currentObject) {
  162. //右滑→
  163. $(lastObject).removeClass("animate-slide");
  164. }
  165. //记录上一个左滑的对象
  166. lastObject = currentObject;
  167. } else if (diffX >= diffXDistance) {
  168. if (currentObject == lastObject) {
  169. //右滑→
  170. $(currentObject).removeClass("animate-slide");
  171. //清空上一个左滑的对象
  172. lastObject = undefined;
  173. }
  174. }
  175. });
  176. });
  177. </script>
  178. <script>
  179. var topwinHeight = window.screen.height - window.innerHeight + 30; //计算title top 头部
  180. var renderCount = 0
  181. $('#wine').css({
  182. "width": window.screen.width,
  183. "height": window.screen.height - topwinHeight - 20,
  184. "position": "absolute"
  185. })
  186. $('.loading').css({
  187. "width": window.screen.width,
  188. "height": window.screen.height - topwinHeight - 20
  189. });
  190. var winese = document.createElement("wine");
  191. wine.style.top = "-" + winese + 'px';
  192. var isAudioPlay = false;
  193. $.alert({
  194. title: '提示',
  195. text: '开始使用云手机',
  196. onOK: function () {
  197. isAudioPlay = true;
  198. }
  199. });
  200. var url = window.location.href;
  201. url = url.split('/');
  202. var baseUrl = url[0] + '//' + url[2];
  203. var form = {};
  204. // 审核
  205. $.ajax({
  206. url: baseUrl + "/api/user/v1/config/download/isShow",
  207. data: {},
  208. type: 'get',
  209. dataType: 'json',
  210. success: function (data) {
  211. if (data.data) {
  212. $("#showsuss").show()
  213. } else {
  214. $("#showsuss").hide()
  215. }
  216. }
  217. })
  218. var parameters = GetRequest();
  219. form.clientType = parameters['clientType'];
  220. form.userCardId = parameters['userCardId'];
  221. form.id = parameters['id'];
  222. if (form.clientType == 1) {
  223. form.cardIp = parameters['cardIp'];
  224. form.port = parameters['port'];
  225. form.sn = parameters['sn'];
  226. form.demoTime = parameters['demoTime'];
  227. form.id = parameters['id'];
  228. } else if (form.clientType == 2) { // 分享屏幕
  229. $(".leftmains").css({
  230. "right": "-4rem"
  231. })
  232. $('.leftmains').hide()
  233. $('.bottommains').hide()
  234. $('#btnMuted').hide()
  235. form.ip = parameters['ip'];
  236. }
  237. var orientation = 0; //0 竖屏,1横屏
  238. // document.body.addEventListener('touchmove', function (e) {
  239. // e.preventDefault();
  240. // }, {
  241. // passive: false
  242. // })
  243. function array_unique(arr) {
  244. return arr.filter(function (e, i) {
  245. return arr.indexOf(e) === i;
  246. })
  247. }
  248. var cutList = [];
  249. function showShearPlate() {
  250. $('.box-shear-plate').empty();
  251. $.ajax({
  252. url: baseUrl + "/api/user/v1/shear/content",
  253. data: {},
  254. headers: {
  255. 'Authorization': form.id //id
  256. },
  257. type: 'get',
  258. dataType: 'json',
  259. success: function (res) {
  260. if (res.status === 0) {
  261. if (res.data.length) {
  262. cutList = array_unique(res.data)
  263. var str = '<div class="title">剪贴板<div onclick="handleClear()" class="btn-clear">清空</div></div><div class="slide-wrapper-content">'
  264. cutList.forEach(function (item) {
  265. 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>"
  266. })
  267. str += '</div>'
  268. $('.box-shear-plate').append(str);
  269. } else {
  270. $('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
  271. }
  272. $('.mask').show();
  273. initSlider();
  274. } else {
  275. $('.box-shear-plate').append('<img class="empty" src="img/jianqieban_pic@2x.png" alt="" /><div class="empty-txt">剪贴板为空</div>')
  276. $('.mask').show();
  277. }
  278. }
  279. })
  280. }
  281. // 清空剪贴板
  282. function handleClear() {
  283. var ids = '';
  284. cutList.forEach(function (item) {
  285. ids += 'ids=' + item.id + '&'
  286. });
  287. ids = ids.substring(0, ids.lastIndexOf('&'));
  288. $.confirm("确定清空剪贴板?", function () {
  289. $.ajax({
  290. url: baseUrl + "/api/user/v1/shear/content?" + ids,
  291. headers: {
  292. 'Authorization': form.id //id
  293. },
  294. type: 'DELETE',
  295. dataType: 'json',
  296. success: function (res) {
  297. if (res.status === 0) {
  298. showShearPlate();
  299. } else {
  300. $.toast(res.msg, "text");
  301. }
  302. }
  303. })
  304. });
  305. }
  306. function handleCopy(content) {
  307. $.ajax({
  308. url: baseUrl + "/api/wsi/v1/config/cut",
  309. data: JSON.stringify({
  310. str: content,
  311. userCardId: form.userCardId
  312. }),
  313. headers: {
  314. 'Authorization': form.id //id
  315. },
  316. contentType: "application/json;charset=UTF-8",
  317. type: 'post',
  318. dataType: 'json',
  319. success: function (res) {
  320. if (res.status === 0) {
  321. $.toast('复制成功', "text");
  322. } else {
  323. $.toast(res.msg, "text");
  324. }
  325. }
  326. })
  327. }
  328. // 删除剪贴板
  329. function handleDelete(id) {
  330. $.ajax({
  331. url: baseUrl + "/api/user/v1/shear/content?ids=" + id,
  332. headers: {
  333. 'Authorization': form.id //id
  334. },
  335. type: 'DELETE',
  336. dataType: 'json',
  337. success: function (res) {
  338. if (res.status === 0) {
  339. showShearPlate();
  340. } else {
  341. $.toast(res.msg, "text");
  342. }
  343. }
  344. })
  345. }
  346. function initSlider() {
  347. //手指滑动多少距离就认为是滑成功
  348. //这个值不能太大,否则影响斜着滑动时,垂直滑动的流畅性,也不能太小,太灵敏也不好
  349. var diffXDistance = 50;
  350. //当前滑动的对象
  351. var currentObject;
  352. //上一次滑动的对象
  353. var lastObject;
  354. //是否可以左右滑动,在上下滑的时候禁止左右滑
  355. var canSlide = true;
  356. //用于记录按下的点
  357. var startPoint;
  358. $(".slide-content").css({
  359. width: $(".slide-wrapper").width()
  360. });
  361. document.body.removeEventListener('touchmove', function (e) {
  362. e.preventDefault()
  363. }, {
  364. passive: false
  365. })
  366. $(".slide-scroll").css({
  367. width: $(".slide-wrapper").width() + $(".slide-content-button").width()
  368. })
  369. .on('touchstart', function (e) {
  370. currentObject = this;
  371. startPoint = {
  372. x: e.originalEvent.changedTouches[0].pageX,
  373. y: e.originalEvent.changedTouches[0].pageY
  374. };
  375. })
  376. .on('touchmove', function (e) {
  377. //如果是左右滑动,就禁止上下的滑动
  378. //如果是上下的滑动,就禁止左右滑动
  379. if (Math.abs(e.originalEvent.changedTouches[0].pageX - startPoint.x) > Math.abs(e.originalEvent.changedTouches[0].pageY - startPoint.y)) {
  380. event.preventDefault();
  381. } else {
  382. canSlide = false;
  383. }
  384. })
  385. .on('touchend', function (e) {
  386. //如果是上下滑动,这里就直接返回了
  387. if (!canSlide) {
  388. canSlide = true;
  389. return true;
  390. }
  391. //点击除当前左滑对象之外的任意其他位置
  392. if (lastObject && currentObject != lastObject) {
  393. //右滑→
  394. $(lastObject).removeClass("animate-slide");
  395. //清空上一个左滑的对象
  396. lastObject = undefined;
  397. }
  398. var diffX = e.originalEvent.changedTouches[0].pageX - startPoint.x;
  399. if (diffX < -diffXDistance) {
  400. //左滑←
  401. $(currentObject).addClass("animate-slide");
  402. if (lastObject && lastObject != currentObject) {
  403. //右滑→
  404. $(lastObject).removeClass("animate-slide");
  405. }
  406. //记录上一个左滑的对象
  407. lastObject = currentObject;
  408. } else if (diffX >= diffXDistance) {
  409. if (currentObject == lastObject) {
  410. //右滑→
  411. $(currentObject).removeClass("animate-slide");
  412. //清空上一个左滑的对象
  413. lastObject = undefined;
  414. }
  415. }
  416. });
  417. }
  418. // 初始化一下就可以了,
  419. // var vConsole = new VConsole();
  420. var btnMuted = document.querySelector("#btnMuted");
  421. btnMuted && (function () {
  422. var setHistory = function (left, top) {
  423. try {
  424. localStorage.setItem("muted-btn-loc", JSON.stringify({
  425. left: left,
  426. top: top
  427. }));
  428. } catch (ex) { }
  429. };
  430. var getHistory = function () {
  431. try {
  432. var value = localStorage.getItem("muted-btn-loc");
  433. if (!value) return null;
  434. value = JSON.parse(value);
  435. if (!value) return null;
  436. return value;
  437. } catch (ex) {
  438. return null
  439. }
  440. };
  441. var fixLoc = function (loc) {
  442. var rect = btnMuted.getBoundingClientRect();
  443. rect = {
  444. top: rect.top,
  445. left: rect.left,
  446. width: rect.width,
  447. height: rect.height
  448. }; // 部分低版本浏览器,该属性为只读
  449. if (loc) {
  450. rect.left = loc.left;
  451. rect.top = loc.top;
  452. }
  453. var minX = 0;
  454. var minY = 0;
  455. var docRect = document.documentElement.getBoundingClientRect();
  456. var maxY = docRect.height - rect.height;
  457. var maxX = docRect.width - rect.width;
  458. var left = rect.left;
  459. var top = rect.top;
  460. left = Math.min(left, maxX);
  461. left = Math.max(left, minX);
  462. top = Math.min(top, maxY);
  463. top = Math.max(top, minY);
  464. if (loc || top !== rect.top || left !== rect.left) {
  465. btnMuted.style.cssText += "left:" + left + "px;top:" + top + "px;";
  466. }
  467. }
  468. window.addEventListener("resize", function () {
  469. fixLoc();
  470. });
  471. var touchPoint = {
  472. pageY: 0,
  473. pageX: 0
  474. };
  475. var currentLoc = {
  476. top: 0,
  477. left: 0,
  478. curTop: 0,
  479. curLeft: 0
  480. };
  481. var toMove = false;
  482. var touchmove = function (e) {
  483. e.preventDefault();
  484. var point = e.changedTouches[0];
  485. var top = -touchPoint.pageY + point.pageY;
  486. var left = -touchPoint.pageX + point.pageX;
  487. if (toMove) {
  488. top += currentLoc.top;
  489. left += currentLoc.left;
  490. currentLoc.curLeft = left;
  491. currentLoc.curTop = top;
  492. btnMuted.style.cssText += "left:" + left + "px;top:" + top + "px;";
  493. } else {
  494. if (Math.abs(top) >= 5 || Math.abs(left) >= 5) {
  495. toMove = true;
  496. }
  497. }
  498. };
  499. var touchend = function () {
  500. window.removeEventListener("touchmove", touchmove, {
  501. passive: false
  502. });
  503. window.removeEventListener("touchend", touchend, {
  504. passive: false
  505. });
  506. if (toMove) {
  507. setHistory(currentLoc.curLeft, currentLoc.curTop);
  508. fixLoc();
  509. } else {
  510. //按点击处理
  511. var set = $('.control-right-img').attr("data-id")
  512. if (set == '1') {
  513. $('.control-right-img').attr({
  514. "data-id": "2"
  515. })
  516. $(".leftmains").css({
  517. "right": "0rem"
  518. })
  519. } else {
  520. $('.control-right-img').attr({
  521. "data-id": "1"
  522. })
  523. $(".leftmains").css({
  524. "right": "-4rem"
  525. })
  526. }
  527. }
  528. }
  529. btnMuted.addEventListener("touchstart", function (e) {
  530. e.preventDefault();
  531. toMove = false;
  532. var point = e.changedTouches[0];
  533. touchPoint.pageX = point.pageX;
  534. touchPoint.pageY = point.pageY;
  535. var rect = e.target.getBoundingClientRect();
  536. currentLoc.top = rect.top;
  537. currentLoc.left = rect.left;
  538. window.addEventListener("touchmove", touchmove, {
  539. passive: false
  540. });
  541. window.addEventListener("touchend", touchend, {
  542. passive: false
  543. });
  544. }, {
  545. passive: false
  546. });
  547. var history = getHistory();
  548. if (history) {
  549. fixLoc(history);
  550. }
  551. btnMuted.classList.remove("hide");
  552. })();
  553. $(".boximg").on("click", function () {
  554. $(".mainbox").css({
  555. "display": "none"
  556. })
  557. })
  558. // 剪贴板
  559. $(".sboxbu").on("click", function () {
  560. $(".sbox").css({
  561. "display": "none"
  562. })
  563. })
  564. // 剪贴板
  565. $(".uploadss").on("click", function () {
  566. $(".sbox").css({
  567. "display": "none"
  568. })
  569. })
  570. $("#upload").on("click", function () {
  571. wx.miniProgram.switchTab({
  572. url: '/pages/home/home'
  573. })
  574. })
  575. function selectText(x) {
  576. if (document.selection) {
  577. var range = document.body.createTextRange();
  578. range.moveToElementText(x);
  579. range.select();
  580. } else if (window.getSelection) {
  581. var selection = window.getSelection();
  582. var range = document.createRange();
  583. selection.removeAllRanges();
  584. range.selectNodeContents(x);
  585. selection.addRange(range);
  586. }
  587. }
  588. function handleClose() {
  589. document.body.addEventListener('touchmove', function (e) {
  590. e.preventDefault()
  591. }, {
  592. passive: false
  593. })
  594. $('.mask').hide();
  595. }
  596. function cp(x) {
  597. $(".mainbox").css({
  598. "display": "none"
  599. })
  600. $(".sbox").css({
  601. "display": "block"
  602. })
  603. selectText(x);
  604. document.execCommand("copy");
  605. }
  606. var decodeCount = 1;
  607. var isFinish = false;
  608. var player = new PCMPlayer({
  609. encoding: '16bitInt',
  610. channels: 2,
  611. sampleRate: 44100,
  612. flushingTime: 22,
  613. debug: false
  614. });
  615. Module = {};
  616. Module.onRuntimeInitialized = function () {
  617. isFinish = true;
  618. }
  619. var deviceBoard = parameters['deviceBoard'];
  620. var videoWidth = deviceBoard.substring(0, 3) === 'MTK' ? 1080 : 720
  621. var videoHeight = deviceBoard.substring(0, 3) === 'MTK' ? 1920 : 1280
  622. function decodeAAC(data) {
  623. var retPtr = Module._malloc(4 * 5 * 1024); //接收的数据
  624. var inputPtr = Module._malloc(4 * data.length); //输入数据
  625. for (var i = 0; i < data.length; i++) {
  626. Module.HEAPU8[(inputPtr) + i] = data[i]; //转换为堆数据
  627. }
  628. var pcmLen = Module._feedData(retPtr, inputPtr, data.length);
  629. if (pcmLen >= 0) {
  630. var pcmData = new Uint8Array(pcmLen);
  631. for (var i = 0; i < pcmLen; i++) {
  632. pcmData[i] = Module.HEAPU8[(retPtr) + i]
  633. }
  634. player.feed(pcmData);
  635. }
  636. decodeCount++;
  637. Module._free(inputPtr);
  638. Module._free(retPtr);
  639. }
  640. var decodeWoker = new Worker('decoder.js?deviceBoard=' + deviceBoard);
  641. var myVideo = document.getElementById("playCanvas");
  642. decodeWoker.onmessage = function (event) {
  643. var objData = event.data;
  644. switch (objData.cmd) {
  645. case 0:
  646. break;
  647. case 1:
  648. if (renderCount++ < 4 || !isAudioPlay) {
  649. return
  650. }
  651. webglPlayer.renderFrame(objData.data, videoWidth, videoHeight, videoWidth * videoHeight, (videoWidth / 2) * (videoHeight / 2));
  652. $('.weui-mask_transparent').hide()
  653. $('.weui-toast').hide()
  654. $('.loading').hide()
  655. }
  656. }
  657. var isFinish = false;
  658. var webglPlayer = new WebGLPlayer(myVideo, {
  659. preserveDrawingBuffer: false
  660. });
  661. function GetRequest() {
  662. var url = location.search; // 获取url中"?"符后的字串
  663. var obj = new Object();
  664. if (url.indexOf("?") != -1) {
  665. var str = url.substr(1);
  666. strs = str.split("&");
  667. for (var i = 0; i < strs.length; i++) {
  668. obj[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
  669. }
  670. }
  671. return obj;
  672. }
  673. var ip = parameters["ip"];
  674. var appletPushAddress = parameters["appletPushAddress"];
  675. var webSocketWorker = new Worker('websocket.js?ip=' + ip + '&appletPushAddress=' + appletPushAddress);
  676. webSocketWorker.onmessage = function (event) {
  677. var input = event.data;
  678. if (input[0] == 0xff && isAudioPlay && renderCount >= 4) {
  679. decodeAAC(input);
  680. }
  681. if (input[0] == 0 && input[1] == 0 && input[2] == 0 && input[3] == 1) {
  682. decodeWoker.postMessage(event.data);
  683. }
  684. if (input[0] == 0x68) {
  685. if (input[23] == 0x05) { //横竖屏标识
  686. var state = CheckScreenDirection(input.slice(24, 24 + 8));
  687. if (state == 1) {
  688. console.log("安卓卡此时竖屏");
  689. //竖屏处理
  690. resolving = 1;
  691. } else {
  692. console.log("安卓卡此时横屏");
  693. //横屏处理
  694. resolving = 0;
  695. }
  696. }
  697. if (input[23] == 0x0b) {
  698. console.log("多端登陆");
  699. }
  700. }
  701. if (event.data === 'close') {
  702. wx.miniProgram.switchTab({
  703. url: '/pages/home/home'
  704. })
  705. }
  706. }
  707. function Close() { // webworker 关闭,清理
  708. var cmd = {
  709. cmd: 0
  710. };
  711. decodeWoker.postMessage(cmd);
  712. decodeWoker.terminate();
  713. webSocketWorker.postMessage(cmd);
  714. webSocketWorker.terminate();
  715. }
  716. var isDrag = false;
  717. myVideo.onkeydown = function (event) {
  718. ExexuteKeyDown(e.keyCode, form.sn);
  719. }
  720. </script>
  721. <script type="text/javascript" src="aac.js"></script>
  722. </body>
  723. </html>