trialInterface.html 24 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>双子星-云游戏</title>
  6. <style>
  7. * {
  8. margin: 0;
  9. padding: 0;
  10. }
  11. .containerse {
  12. width: 100%;
  13. height: 980px;
  14. background: url(../static/img/beijing_pic.png) no-repeat;
  15. background-size: 100% 100%;
  16. overflow: hidden;
  17. }
  18. .main {
  19. width: 60%;
  20. /*background: red;*/
  21. margin: 0 auto;
  22. margin-top: 90px;
  23. }
  24. .mains {
  25. width: 60%;
  26. /*background: red;*/
  27. margin: 0 auto;
  28. margin-top: 70px;
  29. }
  30. .head-title {
  31. width: 83%;
  32. margin: 0 auto;
  33. /*background: url(../img/biaotikuang2_pic.png) no-repeat;
  34. background-size:100% 100% ;*/
  35. }
  36. .head-text {
  37. text-align: center;
  38. font-size: 45px;
  39. letter-spacing: 10px;
  40. /* font-family:PingFang SC;*/
  41. color: #FFFFFF;
  42. line-height: 20px;
  43. /*text-shadow:0px 3px 7px rgba(38,40,81,0.6);*/
  44. /*background:linear-gradient(0deg,rgba(255,191,42,1) 0.146484375%, rgba(255,230,156,1) 99.31640625%);*/
  45. line-height: 64px;
  46. }
  47. .experience {
  48. color: rgba(255, 255, 255, 1);
  49. font-size: 20px;
  50. text-align: center;
  51. }
  52. /*主屏*/
  53. .mainScreen {
  54. width: 900px;
  55. height: 556.5px;
  56. background: #000;
  57. margin: 0 auto 0 auto;
  58. position: relative;
  59. }
  60. .control {
  61. width: 900px;
  62. overflow: hidden;
  63. margin: 0 auto;
  64. margin-top: 90px;
  65. margin-bottom: 17px;
  66. }
  67. .control-left-img {
  68. width: 26px;
  69. height: 26px;
  70. }
  71. .control-left-img img {
  72. width: 100%;
  73. height: 100%;
  74. }
  75. #mainScreen-main {
  76. /*overflow: hidden;*/
  77. user-select: none;
  78. -webkit-user-drag: none;
  79. position: absolute;
  80. z-index: 0;
  81. width: 360px;
  82. height: 556.5px;
  83. top: 0px;
  84. /*left: 652.667px;*/
  85. left: 270PX;
  86. /* transform-origin: 0% 0%;*/
  87. background: #000;
  88. }
  89. canvas {}
  90. .left {
  91. float: left;
  92. }
  93. .right {
  94. float: right;
  95. }
  96. .control-left-img-s {
  97. width: 300px;
  98. }
  99. .control-left-text {
  100. margin-left: 18px;
  101. color: #FFFFFF;
  102. font-size: 16px;
  103. }
  104. .control-right-img {
  105. width: 28px;
  106. height: 23px;
  107. }
  108. .control-right-img img {
  109. width: 100%;
  110. height: 100%;
  111. }
  112. @font-face {
  113. font-family: MyFontName;
  114. src: url(../static/fonts/Gloss_And_Bloom.ttf)
  115. }
  116. @font-face {
  117. font-family: hei;
  118. src: url(../static/fonts/hei.ttf)
  119. }
  120. .head-text-bg {
  121. width: 325px;
  122. height: 2px;
  123. background: linear-gradient(90deg, rgba(79, 194, 255, 1) 0%, rgba(64, 69, 240, 1) 50%, rgba(77, 183, 253, 1) 100%);
  124. margin: 0 auto;
  125. }
  126. .mocan {
  127. position: absolute;
  128. left: -269px;
  129. top: 2px;
  130. /* opacity: 0.2; */
  131. width: 901px;
  132. height: 555px;
  133. z-index: 9999;
  134. opacity: 0.5;
  135. }
  136. #no-ne {
  137. width: 100%;
  138. height: 100%;
  139. position: absolute;
  140. top: 0;
  141. background: #000000;
  142. z-index: 99999;
  143. font-size: 18px;
  144. color: #FFFFFF;
  145. text-align: center;
  146. }
  147. #no-ness {
  148. width: 100%;
  149. height: 100%;
  150. position: absolute;
  151. top: 0;
  152. background: rgb(13, 14, 27);
  153. z-index: 99999;
  154. font-size: 18px;
  155. color: #FFFFFF;
  156. text-align: center;
  157. }
  158. .no-ne-text {
  159. margin-top: 60%;
  160. }
  161. .no-ne-an {
  162. width: 171px;
  163. height: 47px;
  164. background: #eb6100;
  165. line-height: 47px;
  166. text-align: center;
  167. color: #FFFFFF;
  168. margin: 0 auto;
  169. margin-top: 20px;
  170. }
  171. .no-ne-an-shi {
  172. width: 171px;
  173. height: 47px;
  174. background: #eb6100;
  175. line-height: 47px;
  176. text-align: center;
  177. color: #FFFFFF;
  178. margin: 0 auto;
  179. margin-top: 250px;
  180. }
  181. .heads {
  182. position: absolute;
  183. top: 0;
  184. left: 0;
  185. width: 100%;
  186. height: 60px;
  187. background: rgba(0, 0, 0, 0.3);
  188. }
  189. .heads-right {
  190. width: 280px;
  191. height: 60px;
  192. }
  193. .heads-img-left {
  194. width: 24px;
  195. height: 24px;
  196. margin-top: 18px;
  197. }
  198. }
  199. .heads-img-left img {
  200. width: 100%;
  201. height: 100%;
  202. }
  203. .heads-img-right {
  204. width: 100px;
  205. height: 34px;
  206. background: rgba(54, 102, 242, 1);
  207. border-radius: 8px;
  208. line-height: 34px;
  209. text-align: center;
  210. color: #FFFFFF;
  211. font-size: 14px;
  212. margin-left: 38px;
  213. margin-top: 13px;
  214. }
  215. </style>
  216. </head>
  217. <body>
  218. <div class="heads">
  219. <div class="heads-right right">
  220. <div class="heads-img-left left">
  221. <img src="../static/img/home_icon.png">
  222. </div>
  223. <div class="heads-img-right left">
  224. 退出游戏
  225. </div>
  226. </div>
  227. </div>
  228. <div class="containerse">
  229. <div class="main">
  230. <div class="head-title">
  231. <div style="font-family:MyFontName;" class="head-text">
  232. <div>游戏体验中心</div>
  233. <div class="head-text-bg"></div>
  234. </div>
  235. <div style="font-family:hei;" class="experience">Game experience cent</div>
  236. </div>
  237. </div>
  238. <div class="control">
  239. <div class="control-left left">
  240. <div class="control-left-img-s">
  241. <div class="control-left-img left">
  242. <img class="left" src="../static/img/time.png">
  243. </div>
  244. <div class="control-left-text left">
  245. <span>试玩剩余时间</span>
  246. <span class="timese" style="margin-left: 20px;"></span>
  247. </div>
  248. </div>
  249. </div>
  250. <div class="control-right right">
  251. <div class="control-right-img" data-id="1">
  252. <img src="../static/img/musicfalse.png">
  253. </div>
  254. </div>
  255. </div>
  256. <div class="mainScreen">
  257. <div id="mainScreen-main" class="mainScreen-main" style="display: none;">
  258. <!--<canvas id="videoCanvas" width="510" height="317.333"></canvas>-->
  259. <div id="mocan" class="mocan"></div>
  260. <div id="no-ne" style="display: none;">
  261. <div class="no-ne-text">试玩时间已结束</div>
  262. <div class="no-ne-an">返回体检中心</div>
  263. </div>
  264. <div id="no-ness" style="display:none ;">
  265. <div class="no-ne-an-shi">试玩</div>
  266. </div>
  267. </div>
  268. </div>
  269. </div>
  270. <audio id="audiome"></audio>
  271. <!-- 音频-->
  272. <script src="../static/js/classlist.js"></script>
  273. <script src="../static/js/players.js"></script>
  274. <script src="../static/js/auroraplayer.js"></script>
  275. <script src="../static/js/aurora.js"></script>
  276. <script src="../static/js/aac.js"></script>
  277. <script src="../static/js/web.js"></script>
  278. <!-- 视频-->
  279. <script src="../static/js/jquery-1.11.0.min.js"></script>
  280. <script type="text/javascript" src="../static/js/Decoder.js"></script>
  281. <script type="text/javascript" src="../static/js/YUVCanvas.js"></script>
  282. <script type="text/javascript" src="../static/js/Player.js"></script>
  283. <script type="text/javascript" src="../static/js/draw.js"></script>
  284. <script>
  285. var url = window.location.href;
  286. url = url.split('/')
  287. // var baseUrl = window.location.href; //"http://192.168.31.20"
  288. // var baseUrl = 'http://' + url[2]
  289. var baseUrl = 'test.androidscloud.com'
  290. // var baseUrl = 'http://192.168.31.20'
  291. // var audio = document.querySelector('audio');
  292. window.AudioContext = window.AudioContext || window.webkitAudioContext;
  293. if (window.AudioContext) {
  294. window.audioContext = new window.AudioContext();
  295. }
  296. var fixAudioContext = function(e) {
  297. if (window.audioContext) {
  298. // Create empty buffer
  299. var buffer = window.audioContext.createBuffer(1, 1, 22050);
  300. var source = window.audioContext.createBufferSource();
  301. source.buffer = buffer;
  302. // Connect to output (speakers)
  303. source.connect(window.audioContext.destination);
  304. // Play sound
  305. if (source.start) {
  306. source.start(0);
  307. } else if (source.play) {
  308. source.play(0);
  309. } else if (source.noteOn) {
  310. source.noteOn(0);
  311. }
  312. }
  313. // Remove events
  314. };
  315. // $("#audiome").attr("src", url);
  316. // var audio = $("#audiome")[0];
  317. // audio.pause();
  318. // audio.play();
  319. var query = window.location.search.substring(1);
  320. var vars = query.split("&");
  321. var data = {}
  322. var clientType = vars.find(e => {
  323. return e.startsWith('clientType')
  324. })
  325. var cardIp = vars.find(e => {
  326. return e.startsWith('cardIp')
  327. })
  328. var port = vars.find(e => {
  329. return e.startsWith('port')
  330. })
  331. var sn = vars.find(e => {
  332. return e.startsWith('sn')
  333. })
  334. var demoTime = vars.find(e => {
  335. return e.startsWith('demoTime')
  336. })
  337. var id = vars.find(e => {
  338. return e.startsWith('id')
  339. })
  340. var data = {}
  341. data.clientType = clientType.substring(11, clientType.length)
  342. data.cardIp = cardIp.substring(7, cardIp.length)
  343. data.port = port.substring(5, port.length)
  344. data.sn = sn.substring(3, sn.length)
  345. data.demoTime = demoTime.substring(9, demoTime.length)
  346. data.id = id.substring(3, id.length)
  347. // console.log('clientType>>',data)
  348. // 心跳
  349. var time = 1000 * 30;
  350. var interval;
  351. fun()
  352. function run() {
  353. interval = setInterval(fun, time);
  354. }
  355. function fun() {
  356. $.ajax({
  357. url: "test.androidscloud.com/api/game/v1/cloudGame/dev/get/cardSn",
  358. data: {
  359. sn: data.sn
  360. },
  361. type: 'get',
  362. dataType: 'json',
  363. success: function(data) {
  364. }
  365. })
  366. };
  367. run();
  368. //更新时间 type=1
  369. var warid = {
  370. id: data.id,
  371. type: 1,
  372. sn: data.sn
  373. }
  374. //结束时间 type=2
  375. var warids = {
  376. id: data.id,
  377. type: 2,
  378. sn: data.sn
  379. }
  380. $.ajax({
  381. url: baseUrl + "/api/user/v1/promote/webUrl",
  382. data: {},
  383. type: 'get',
  384. dataType: 'json',
  385. success: function(data) {
  386. if (data.status == 0) {
  387. } else {
  388. }
  389. //
  390. }
  391. })
  392. $.ajax({
  393. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  394. data: warid,
  395. type: 'get',
  396. dataType: 'json',
  397. success: function(data) {
  398. if (data.status == 0) {
  399. let isChrome = navigator.userAgent.indexOf('Chrome') // 是否是谷歌
  400. console.log(isChrome) // 返回 true 则是 ,false 则不是
  401. if (isChrome == 81) {
  402. $('.no-ne-an-shi').css({
  403. "display": "block"
  404. });
  405. $('#no-ness').css({
  406. "display": "block"
  407. });
  408. }
  409. // 时间计算
  410. var playTime = data.data.demoTime;
  411. console.log("playTime>>>", playTime)
  412. var noPlayTime = 300;
  413. var showTime = function() {
  414. var h = 0,
  415. m = 0,
  416. s = 0;
  417. var t = playTime;
  418. if (t > 60 * 60) {
  419. h = Math.floor(t / 3600);
  420. t = t % 3600;
  421. }
  422. if (t > 60) {
  423. m = Math.floor(t / 60);
  424. }
  425. s = t % 60;
  426. var timestr = "";
  427. if (h >= 10) {
  428. timestr += h;
  429. } else {
  430. timestr += "0" + h;
  431. }
  432. timestr += ":";
  433. if (m >= 10) {
  434. timestr += m;
  435. } else {
  436. timestr += "0" + m;
  437. }
  438. timestr += ":";
  439. if (s >= 10) {
  440. timestr += s;
  441. } else {
  442. timestr += "0" + s;
  443. }
  444. if (isChrome == 81) {
  445. } else {
  446. $(".timese").text(timestr);
  447. }
  448. };
  449. showTime();
  450. var downCount = function() {
  451. playTime--;
  452. showTime();
  453. if (playTime > 0) {
  454. setTimeout(downCount, 1000);
  455. } else {
  456. $(".timese").text("00.00.00");
  457. // 试玩时间状态
  458. $('#no-ne').css({
  459. "display": "block"
  460. })
  461. // 点击试玩按钮
  462. $('.no-ne-an-shi').css({
  463. "display": "none"
  464. })
  465. $('#no-ness').css({
  466. "display": "none"
  467. })
  468. $.ajax({
  469. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  470. data: warids,
  471. type: 'get',
  472. dataType: 'json',
  473. success: function(data) {
  474. console.log("888888>>>", playTime)
  475. if (data.status == 0) {
  476. } else {
  477. }
  478. //
  479. }
  480. })
  481. // document.querySelector("#reConnect .text").innerHTML = "本次试玩已结束";
  482. // document.querySelector('#btnPlay').innerHTML='返回首页';
  483. // sdk.disConnect();
  484. }
  485. };
  486. setTimeout(downCount, 1000);
  487. }
  488. //
  489. }
  490. })
  491. $(function() {
  492. pushHistory();
  493. window.addEventListener("popstate", function(e) {
  494. $.ajax({
  495. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  496. data: warids,
  497. type: 'get',
  498. dataType: 'json',
  499. success: function(data) {
  500. if (data.status == 0) {
  501. $(".no-ne-text").text("正在退出中")
  502. $('#no-ne').css({
  503. "display": "block"
  504. })
  505. history.go(-1)
  506. } else {
  507. history.go(-1)
  508. }
  509. //
  510. }
  511. })
  512. }, false);
  513. function pushHistory() {
  514. var state = {
  515. title: "title",
  516. url: "#"
  517. };
  518. window.history.pushState(state, "title", "#");
  519. }
  520. });
  521. // // 关闭浏览器
  522. // window.onbeforeunload = function() {
  523. //
  524. // $.ajax({
  525. // url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  526. // data: warids,
  527. // type: 'get',
  528. // dataType: 'json',
  529. // success: function(data) {
  530. //
  531. // if(data.status == 0) {
  532. //
  533. // } else {
  534. //
  535. // }
  536. // //
  537. // }
  538. // })
  539. // }
  540. var orientation = 0 //0 竖屏,1横屏
  541. var urlss = url[2] //'14.215.128.96'
  542. var players
  543. // 防谷歌浏览器自动播放
  544. //var isChrome=window.navigator.userAgent.indexOf("Chrome")!==-1;
  545. var isChrome = navigator.userAgent.indexOf('Chrome') // 是否是谷歌
  546. console.log(isChrome) // 返回 true 则是 ,false 则不是
  547. if (isChrome == 81) {
  548. $('.no-ne-an-shi').on('click', function() {
  549. var temps = localStorage.getItem("temps"); //开关
  550. if (temps == 1) {
  551. console.log(">>>>>>>", temps)
  552. commontimeshow()
  553. } else {
  554. localStorage.setItem("temps", 1)
  555. commontime()
  556. }
  557. // players = AV.Player.fromWebSocket("ws://" + urlss + '/videoWebSocket?' + "clientType=" + data.clientType +
  558. // "&cardIp=" + data.cardIp + "&port=" + data.port + "&sn=" + data.sn);
  559. // myVid = document.getElementById("audiome");
  560. // console.log(players)
  561. // players.play();
  562. // players.volume = 0
  563. // $('.no-ne-an-shi').css({
  564. // "display": "none"
  565. // })
  566. // $('#no-ness').css({
  567. // "display": "none"
  568. // })
  569. })
  570. } else {
  571. players = AV.Player.fromWebSocket("ws://" + urlss + '/videoWebSocket?' + "clientType=" + data.clientType +
  572. "&cardIp=" + data.cardIp + "&port=" + data.port + "&sn=" + data.sn);
  573. myVid = document.getElementById("audiome");
  574. console.log(players)
  575. players.play();
  576. players.volume = 0
  577. // $('.no-ne-an-shi').css({
  578. // "display": "block"
  579. // })
  580. // $('#no-ness').css({
  581. // "display":"block"
  582. // })
  583. }
  584. function commontime() {
  585. $.ajax({
  586. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  587. data: {
  588. id: data.id,
  589. type: 2,
  590. sn: data.sn
  591. },
  592. type: 'get',
  593. dataType: 'json',
  594. success: function(res) {
  595. if (res.status == 0) {
  596. $.ajax({
  597. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  598. data: {
  599. id: data.id,
  600. type: 0,
  601. sn: ""
  602. },
  603. type: 'get',
  604. dataType: 'json',
  605. success: function(ress) {
  606. if (ress.status == 0) {
  607. setTimeout(() => {
  608. players = AV.Player.fromWebSocket("ws://" + urlss + '/videoWebSocket?' + "clientType=" + data.clientType +
  609. "&cardIp=" + data.cardIp + "&port=" + data.port + "&sn=" + data.sn);
  610. myVid = document.getElementById("audiome");
  611. console.log(players)
  612. players.play();
  613. players.volume = 0
  614. }, 1500);
  615. $('.no-ne-an-shi').css({
  616. "display": "none"
  617. })
  618. $('#no-ness').css({
  619. "display": "none"
  620. })
  621. // 时间计算
  622. var playTime = ress.data.demoTime;
  623. console.log("playTime>>>", playTime)
  624. var noPlayTime = 300;
  625. var showTime = function() {
  626. var h = 0,
  627. m = 0,
  628. s = 0;
  629. var t = playTime;
  630. if (t > 60 * 60) {
  631. h = Math.floor(t / 3600);
  632. t = t % 3600;
  633. }
  634. if (t > 60) {
  635. m = Math.floor(t / 60);
  636. }
  637. s = t % 60;
  638. var timestr = "";
  639. if (h >= 10) {
  640. timestr += h;
  641. } else {
  642. timestr += "0" + h;
  643. }
  644. timestr += ":";
  645. if (m >= 10) {
  646. timestr += m;
  647. } else {
  648. timestr += "0" + m;
  649. }
  650. timestr += ":";
  651. if (s >= 10) {
  652. timestr += s;
  653. } else {
  654. timestr += "0" + s;
  655. }
  656. $(".timese").text(timestr);
  657. };
  658. showTime();
  659. var downCount = function() {
  660. playTime--;
  661. showTime();
  662. if (playTime > 0) {
  663. setTimeout(downCount, 1000);
  664. } else {
  665. $(".timese").text("00.00.00");
  666. localStorage.setItem("temps", 2)
  667. // 试玩时间状态
  668. $('#no-ne').css({
  669. "display": "block"
  670. })
  671. // 点击试玩按钮
  672. $('.no-ne-an-shi').css({
  673. "display": "none"
  674. })
  675. $('#no-ness').css({
  676. "display": "none"
  677. })
  678. $.ajax({
  679. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  680. data: warids,
  681. type: 'get',
  682. dataType: 'json',
  683. success: function(data) {
  684. console.log("888888>>>", playTime)
  685. if (data.status == 0) {
  686. } else {
  687. }
  688. //
  689. }
  690. })
  691. // document.querySelector("#reConnect .text").innerHTML = "本次试玩已结束";
  692. // document.querySelector('#btnPlay').innerHTML='返回首页';
  693. // sdk.disConnect();
  694. }
  695. };
  696. setTimeout(downCount, 1000);
  697. } else {
  698. }
  699. //
  700. }
  701. })
  702. } else {
  703. }
  704. //
  705. }
  706. })
  707. }
  708. function commontimeshow() {
  709. $.ajax({
  710. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  711. data: {
  712. id: data.id,
  713. type: 1,
  714. sn: data.sn
  715. },
  716. type: 'get',
  717. dataType: 'json',
  718. success: function(ress) {
  719. if (ress.status == 0) {
  720. players = AV.Player.fromWebSocket("ws://" + urlss + '/videoWebSocket?' + "clientType=" + data.clientType +
  721. "&cardIp=" + data.cardIp + "&port=" + data.port + "&sn=" + data.sn);
  722. myVid = document.getElementById("audiome");
  723. console.log(players)
  724. players.play();
  725. players.volume = 0
  726. $('.no-ne-an-shi').css({
  727. "display": "none"
  728. })
  729. $('#no-ness').css({
  730. "display": "none"
  731. })
  732. // 时间计算
  733. var playTime = ress.data.demoTime;
  734. console.log("playTime>>>", playTime)
  735. var noPlayTime = 300;
  736. var showTime = function() {
  737. var h = 0,
  738. m = 0,
  739. s = 0;
  740. var t = playTime;
  741. if (t > 60 * 60) {
  742. h = Math.floor(t / 3600);
  743. t = t % 3600;
  744. }
  745. if (t > 60) {
  746. m = Math.floor(t / 60);
  747. }
  748. s = t % 60;
  749. var timestr = "";
  750. if (h >= 10) {
  751. timestr += h;
  752. } else {
  753. timestr += "0" + h;
  754. }
  755. timestr += ":";
  756. if (m >= 10) {
  757. timestr += m;
  758. } else {
  759. timestr += "0" + m;
  760. }
  761. timestr += ":";
  762. if (s >= 10) {
  763. timestr += s;
  764. } else {
  765. timestr += "0" + s;
  766. }
  767. $(".timese").text(timestr);
  768. };
  769. showTime();
  770. var downCount = function() {
  771. playTime--;
  772. showTime();
  773. if (playTime > 0) {
  774. setTimeout(downCount, 1000);
  775. } else {
  776. $(".timese").text("00.00.00");
  777. // 试玩时间状态
  778. $('#no-ne').css({
  779. "display": "block"
  780. })
  781. // 点击试玩按钮
  782. $('.no-ne-an-shi').css({
  783. "display": "none"
  784. })
  785. $('#no-ness').css({
  786. "display": "none"
  787. })
  788. $.ajax({
  789. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  790. data: warids,
  791. type: 'get',
  792. dataType: 'json',
  793. success: function(data) {
  794. console.log("888888>>>", playTime)
  795. if (data.status == 0) {
  796. } else {
  797. }
  798. //
  799. }
  800. })
  801. // document.querySelector("#reConnect .text").innerHTML = "本次试玩已结束";
  802. // document.querySelector('#btnPlay').innerHTML='返回首页';
  803. // sdk.disConnect();
  804. }
  805. };
  806. setTimeout(downCount, 1000);
  807. } else {
  808. }
  809. //
  810. }
  811. })
  812. //
  813. }
  814. // setTimeout(() => {
  815. // players.play();
  816. // }, 100);
  817. // var players = AV.Player.fromWebSocket('ws://14.215.128.96/videoWebSocket?clientType=0&cardIp=30.30.30.58&port=9100&sn=RK3930C2301900060');
  818. //撤销的array
  819. var cancelList = new Array();
  820. //撤销的次数
  821. var cancelIndex = 0;
  822. var inputType = 0 //输入类型 0:手写,1:键盘输入
  823. //判断是否ie
  824. var IE_HACK = (/msie/i.test(navigator.userAgent) &&
  825. !/opera/i.test(navigator.userAgent));
  826. // 云手机相关逻辑
  827. var player = new Player({
  828. size: {
  829. width: 1280,
  830. height: 720
  831. }
  832. });
  833. var secanv = document.getElementById("mainScreen-main");
  834. secanv.appendChild(player.canvas);
  835. // &cardIp="+data.data.extranetIp+"&port="+data.data.extranetPort+"&sn="+data.data.sn
  836. $(function() {
  837. initCanvas();
  838. });
  839. //初始化
  840. var initCanvas = function() {
  841. }
  842. console.log(player)
  843. $('.control-right-img').on('click', function() {
  844. var set = $(this).attr("data-id")
  845. if (set == '1') {
  846. $(this).attr({
  847. "data-id": "2"
  848. })
  849. $(this).find('img').attr({
  850. "src": "../static/img/musicturn.png"
  851. })
  852. players.volume = 100
  853. // console.log(players)
  854. // players.play();
  855. } else {
  856. $(this).attr({
  857. "data-id": "1"
  858. })
  859. $(this).find('img').attr({
  860. "src": "../static/img/musicfalse.png"
  861. })
  862. players.volume = 0
  863. // players.off('pause');
  864. // players.pause();
  865. // var embed = document.embedPlay;
  866. console.log(players)
  867. }
  868. })
  869. $('.no-ne-an').on('click', function() {
  870. localStorage.setItem("temps", 2)
  871. //结束时间 type=2
  872. let warids = {
  873. id: data.id,
  874. type: 2,
  875. sn: data.sn
  876. }
  877. $.ajax({
  878. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  879. data: warids,
  880. type: 'get',
  881. dataType: 'json',
  882. success: function(data) {
  883. if (data.status == 0) {
  884. } else {
  885. }
  886. //
  887. }
  888. })
  889. history.go(-1)
  890. })
  891. // 退出游戏
  892. $(".heads-img-right").on("click", function() {
  893. localStorage.setItem("temps", 2)
  894. $.ajax({
  895. url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
  896. data: warids,
  897. type: 'get',
  898. dataType: 'json',
  899. success: function(data) {
  900. if (data.status == 0) {
  901. $('#no-ne').css({
  902. "display": "block"
  903. })
  904. history.go(-1)
  905. } else {
  906. history.go(-1)
  907. }
  908. //
  909. }
  910. })
  911. })
  912. var homeip = ""
  913. $.ajax({
  914. url: baseUrl + "/api/user/v1/promote/webUrl",
  915. data: {},
  916. type: 'get',
  917. async: false,
  918. success: function(data) {
  919. console.log("官网》》》", data)
  920. homeip = data
  921. //
  922. }
  923. })
  924. $(".heads-img-left").on("click", function() {
  925. var newStr = homeip.indexOf("http");
  926. var urlhome
  927. if (newStr == 0) {
  928. console.log("字符串是以http开头的!")
  929. urlhome = homeip
  930. $(window).attr('location', urlhome);
  931. }
  932. if (newStr == -1) {
  933. urlhome = 'http://' + homeip
  934. $(window).attr('location', urlhome);
  935. console.log("字符串不是以http开头的!")
  936. }
  937. })
  938. //pause
  939. </script>
  940. </body>
  941. </html>