noseCloud
/
Starboth-Cloud-H5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1,user-scalable=no">
		<meta name="x5-orientation" content="portrait" />
		<meta name="screen-orientation" content="portrait" />
		<meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no, email=no">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 删除苹果默认的工具栏和菜单栏 -->
		<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="screen-orientation" content="portrait"> -->
		<!-- QQ强制竖屏 -->
		<!-- <meta name="x5-orientation" content="portrait"> -->
		<!-- 不能旋转，问题出在这 -->
		<!-- 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">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/WXtrialInterface.css" />
		<script async defer src="https://buttons.github.io/buttons.js"></script>
	</head>

	<body class="scroll h-player" style="overscroll-behavior: contain;">

		<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>
			<!-- <video width="70%" disablePictureInPicture="true" autoplay poster="images/loader-thumb.jpg" id="playerVideo"></video> -->
			<div id="wine">
				
				<!-- <video id="video1" muted="muted" x5-video-orientation="landscape" playsinline="true" autoplay="true"
				 webkit-playsinline="true" x5-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="false" style="pointer-events: none;"></video> -->
				<div id="box">
                       <video muted="muted" x5-video-orientation="landscape" playsinline="true" autoplay="true" webkit-playsinline="true"
                        x5-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="false" style="pointer-events: none;object-fit: fill;width: 100%;"
                        disablePictureInPicture="true" autoplay poster="images/loader-thumb.jpg" id="playerVideo"></video>
					<audio preload="auto" autoplay controls poster="images/loader-thumb.jpg" id="audioPlayer"></audio>
				</div>
			</div>
			<div class="leftmains">
				<div class="PictureQualityMain">
					<div class="PictureQuality " data-id="3072000">高清</div>
					<div class="PictureQuality avit" data-id="2243000">标清</div>
					<div class="PictureQuality" data-id="400000">极速</div>
					<div class="PictureQuality" data-id="400000">自动</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="cp(document.getElementById('user_ref_id'));" data-text="Shearplate">
						<img src="../static/img/wx/jianqieban_icon.png">
						<div>剪切板</div>
					</div>
					<div class="upload" id="upload" data-text="Signout">
						<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>

			<div class="mainbox" style="display: none;">
				<div class="boxTitle">提示</div>
				<div class="boxText">
					<div>由于小程序的功能限制，此功能暂时</div>
					<div>无法使用，请下载APP使用更多功能</div>

				</div>
				<div class="boxbt" onclick="cp(document.getElementById('user_ref_id'));">立即前往下载</div>

				<div class="boximg"><img src="../static/img/wx/guanbi_icon.png"></div>
			</div>

			<div class="sbox" style="display: none;">
				<div class="sboxText">下载地址已复制到剪切板</div>
				<div class="sboxbu">确定</div>
			</div>

		</div>

		<div id="copy-txt" style="position: absolute;opacity: 0;">
			<span id="user_ref_id">www.androidsCloud.com</span>
		</div>

		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
		<script src="../static/js/jquery-1.11.0.min.js"></script>
		<script src="helper.js"></script>
		<!--  音频-->
		<!-- <script src="../static/js/classlist.js"></script>
		<script src="../static/js/players.js"></script>
		<script src="../static/js/auroraplayer.js"></script>
		<script src="../static/js/aurora.js"></script>
		<script src="../static/js/aac.js"></script>
		<script src="../static/js/web.js?id=101"></script> -->
		<!-- <script src="../static/js/webapk.js"></script> -->
		<!--  视频-->

		<!-- <script type="text/javascript" src="../static/js/Decoder.js"></script>
		<script type="text/javascript" src="../static/js/YUVCanvas.js"></script>
		<script type="text/javascript" src="../static/js/Player.js"></script> -->
		<script type="text/javascript" src="jmuxer.js"></script>
		<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
		<!-- <script src="../static/distss/WXdraw.js?id=105"></script> -->

		<script>
			//隐藏控件 controls
			var fpsCount = 0;
			var requestCount = 0;
			var timeCount = 0;
			var isVisuable = true;
			var isFeed = true;
			var isDrag = false;
			var shoudDrop = false;
			var isEnough = true;
			var ifCanPlay = false;
			var isFinish = false;

			var delayTime = new Date().getTime();
			var feedTime = new Date().getTime();
			var readyTime = new Date().getTime();
			var requestTime = new Date().getTime();
			var curTime = new Date().getTime();
			var requestTime = new Date().getTime(); //记录离开时间
			var myVideo = document.getElementById("playerVideo");
			var myAudio = document.getElementById("audioPlayer");
			var audioBuffer = [];
			var audioBack = [];

			Module = {};
			Module.onRuntimeInitialized = function() {
				console.log("Wasm 加载成功!")
				isFinish = true;
			}

			document.addEventListener("visibilitychange", () => {

				if (document.visibilityState == "visible") {
					console.log("页面可见，继续喂视频");
					//requestTime = new Date().getTime();	
					isVisuable = true;
				} else {
					isVisuable = false;
					isFeed = false;
					myVideo.pause();
				}


			});


			myVideo.play();

			myVideo.addEventListener('pause', function() {
				//console.log("视频播放暂停");
				isFeed = false;
			});

			myAudio.addEventListener('canplay', function() {
				console.log("缓冲区大小 %f", myAudio.buffered.end(0) - myAudio.buffered.start(0));
			});

			/*function decodeAAC(data)
			{
				var retPtr = Module._malloc(4 * 5 * 1024);//接收的数据
				var inputPtr = Module._malloc(4 * data.length);//输入数据
				
				for( i =0;i < data.length;i++)
				{
					Module.HEAPU8[(inputPtr)+i] = data[i];//转换为堆数据
				}
				
				var pcmLen = Module._feedData(retPtr, inputPtr, data.length);
				
				if(pcmLen > 0)
				{
					//console.log("%d帧 aac 解码成功, %d", decodeCount, pcmLen);
					var pcmData = new Uint8Array(pcmLen);		
					for(i = 0;i < pcmLen;i++)
					{
						pcmData[i] = Module.HEAPU8[(retPtr)+i]
					}
					
					player.feed(pcmData);
				}
				else
				{
					console.log("%d帧 aac 解码失败, %d", decodeCount, pcmLen);
				}
				
				decodeCount++;
				Module._free(inputPtr);
				Module._free(retPtr);
			}	*/


			//解协议
			function ParseProto(data) {
				var temp = "";
				var input = new Uint8Array(data),
					duration,
					video,
					audio;

				if (input[0] == 0 && input[1] == 0 && input[2] == 0 && input[3] == 1) {
					// debugger
					video = input;
					duration = 24;
					var nalType = input[4] & 0x1f; //nalType == 0x07|| nalType == 0x08 || nalType == 0x05

					if (!isFeed) {
						if (nalType == 0x05) {
							console.log("发现I帧");
						}

						if (nalType == 0x05 && isVisuable) {
							console.log("检测到I帧 %d，重新渲染, 耗时 %d ms", nalType, new Date().getTime() - requestTime);
							isFeed = true;
						}
					}

				} else if (input[0] == 0xff) {
					if (!isEnough) {
						requestCount++;
						//audioBuffer.push(input);
					}
					audio = input;

					if (new Date().getTime() - curTime > 100) {
						delayTime = new Date().getTime();
						console.log("接收时间 %d ms", new Date().getTime() - curTime);
					}
					curTime = new Date().getTime();
					duration = 24;
					//console.log("duration %d", duration);

				} else if (input[0] == 0x68) {
					if (input[23] == 0x05) //横竖屏标识
					{
						var state = CheckScreenDirection(input.slice(24, 24 + 8));

						if (state == 1) {
							console.log("安卓卡此时竖屏");
							//竖屏处理
						} else {
							console.log("安卓卡此时横屏");
							//横屏处理
						}
					}

					if (input[23] == 0x0b) {
						console.log("多端登陆");
					}
					//console.log("屏幕旋转 %s", PrintArry(input));
				}

				return {
					audio: audio,
					video: video,
					duration: duration
				};
			}

			window.onload = function() {
				// var socketURL = 'wss://jmuxer-demo-server.herokuapp.com';
				//socketURL = "ws://127.0.0.1:8080"
				// socketURL = "ws://192.168.11.233:8080"
				//socketURL = "ws://14.215.128.98:14112";
				// var socketURL = "ws://192.168.11.66:9101";
				var socketURL = "ws://192.168.198.11:9101"
				// socketURL = "ws://14.215.128.98:14077";
				//socketURL = "wss://192.168.11.242:9104";


				var jmuxer = new JMuxer({
					node: 'playerVideo',
					flushingTime: 15,
					fps: 30,
					mode: 'video',
					debug: false
				});

				var audioMuxer = new JMuxer({
					node: 'audioPlayer',
					flushingTime: 15,
					clearBuffer: true,
					fps: 60, //可以不选，原先43
					mode: 'audio',
					debug: false
				});

				curTime = new Date().getTime();
				var ws = new WebSocket(socketURL);
				ws.binaryType = 'arraybuffer';

				//断开检测
				ws.onclose = function(e) {
					alert("websocket连接断开");
					console.log('websocket 断开: ' + e.code + ' ' + e.reason + ' ' + e.wasClean);
					console.log(e);
				}

				ws.addEventListener('open', function(event) {
					console.log("发送配置帧");
					ws.send(ConfigChannel("RK3923C1201900139"));
				});

				ws.addEventListener('error', function(event) {
					console.log("连接失败");
				});

				ws.addEventListener('message', function(event) {
					var data = ParseProto(event.data); //JAVA服务器转发
					//console.log("收到数据");

					var audioData = {
						audio: data.audio,
						video: null,
						duration: data.duration
					};

					var videoData = {
						audio: null,
						video: data.video,
						duration: data.duration
					};

					if (myAudio.readyState == 2) {
						requestTime = new Date().getTime();
						isEnough = false;
						console.log("数据存储不够，出现声音停止，时间差 %f", myAudio.buffered.end(0));
						myAudio.pause();
						//myAudio.playbackRate = 2;
					} else if (myAudio.readyState == 4 && isEnough == false) {
						myAudio.play();
						var time = new Date().getTime();
						isEnough = true;
						console.log("填满耗时 %d ms, 填充帧数 %d, 填充延迟 %d ms", time - requestTime, requestCount, requestCount * 23);

						console.log("----接收到启动 %d ms， 缓冲区 %f---", time - delayTime, myAudio.buffered.end(0) - myAudio.played.end(0));
					}

					if (data.audio != null) //喂音频
					{
						if (myAudio.buffered.length > 0 && myAudio.played.length > 0) {
							var bufferTime = myAudio.buffered.end(0) - myAudio.played.end(0);
							//console.log(" bufferTime %d", bufferTime);

							if (bufferTime > 1) {
								//console.log("丢掉一些包");
								//return;
							}
						}

						audioMuxer.feed(audioData);
					}

					if (data.video != null) //喂视频
					{
						if (isFeed) {
							jmuxer.feed(data);
						}

						//jmuxer.feed(videoData);
					}

				});


				myVideo.onmousedown = function(event) {
					//放在此处只是为了方便演示，实际使用中查找横竖屏只要刚连接上时调用一次就好。	
					//var checkBuffer = GetScreenState();
					//ws.send(checkBuffer);

					if (!isFeed) {
						console.log("重新申请I帧");
						requestTime = new Date().getTime();
						var buffer = RequestIFrame();
						//var buffer = new Uint8Array([0x01]);
						ws.send(buffer);
					}

					//console.log("报文 %s", PrintArry(buffer));


					if (event.button == 0) {
						var posX = event.offsetX * 1080 * 1.0 / myVideo.clientWidth;
						var posY = event.offsetY * 1920 * 1.0 / myVideo.clientHeight;
						var buffer = ExexuteMouseDown(posX.toString(), posY.toString());
						ws.send(buffer);
						isDrag = true;
					}

				}


				myVideo.onmousemove = function(event) {
					if (isDrag && event.button == 0) {
						var posX = event.offsetX * 1080 * 1.0 / myVideo.clientWidth;
						var posY = event.offsetY * 1920 * 1.0 / myVideo.clientHeight;
						var buffer = ExexuteMouseMove(posX.toString(), posY.toString());
						ws.send(buffer);
						//console.log("移动位置 %d, %d", posX, posY);
					}

				}

				myVideo.onmouseup = function(event) {
					isDrag = false;
					var posX = event.offsetX * 1080 * 1.0 / myVideo.clientWidth;
					var posY = event.offsetY * 1920 * 1.0 / myVideo.clientHeight;
					var buffer = ExexuteMouseUp(posX.toString(), posY.toString());
					ws.send(buffer);

				}

				myVideo.onkeydown = function(event) {
					ExexuteKeyDown(e.keyCode);
				}

			}

			function Back() {
				if (event.button == 2) {
					//ExexuteKeyDown(4);
				}
				ExexuteKeyDown(4);
				window.event.returnValue = false;
				return false;
			}


			var topwinHeight = window.screen.height - window.innerHeight + 30; //计算title top 头部
			$('#wine').css({
				"width": window.screen.width,
				"height": window.screen.height - topwinHeight - 20,
				"position": "absolute",

			})
			var winese = document.createElement("wine");
			wine.style.top = "-" + winese + 'px';

			var url = window.location.href;
			url = url.split('/')
			// var baseUrl = window.location.href; //"http://192.168.31.20"
			// var baseUrl = 'https://'+url[2] //url[2] //'http://192.168.31.159'//'http://' + url[2] 
			var query = window.location.search.substring(1);
			// query = "clientType=1&cardIp=14.215.128.96&port=2012&sn=RK3930C2301900012&demoTime=3600&id=377&diskName=SC93mBww"
			var vars = query.split("&");
			console.log(vars)
			// var baseUrl = 'http://192.168.31.20'
			var baseUrl = 'test.androidscloud.com'
			var data = {}
			//			 审核
			$.ajax({
				url: baseUrl + "/api/user/v1/config/download/isShow",
				data: {},
				type: 'get',
				dataType: 'json',
				success: function(data) {

					if (data.data) {
						$("#showsuss").show()
					} else {
						$("#showsuss").hide()
					}
					//                       
				}
			})
			var clientType = vars.find(e => {
				return e.startsWith('clientType')
			}) || ''
			// console.log(clientType)
			data.clientType = clientType.substring(11, clientType.length)
			//			小程序直接进入
			var diskName = vars.find(e => {
				return e.startsWith('diskName')
			}) || ''

			data.diskName = diskName.substring(9, diskName.length)

			// document.title = decodeURI(data.diskName)
			if (data.clientType == 1) {
				var cardIp = vars.find(e => {
					return e.startsWith('cardIp')
				}) || ''
				var port = vars.find(e => {
					return e.startsWith('port')
				}) || ''

				var sn = vars.find(e => {
					return e.startsWith('sn')
				}) || ''
				var demoTime = vars.find(e => {
					return e.startsWith('demoTime')
				}) || ''
				var id = vars.find(e => {
					return e.startsWith('id')
				}) || ''


				data.clientType = clientType.substring(11, clientType.length)

				data.cardIp = cardIp.substring(7, cardIp.length)

				data.port = port.substring(5, port.length)

				data.sn = sn.substring(3, sn.length)

				data.demoTime = demoTime.substring(9, demoTime.length)
				data.id = id.substring(3, id.length)

			} else if (data.clientType == 2) { //分享屏幕
				console.log("走到分享屏幕里面啦==========", data.clientTypes);
				$(".leftmains").css({
					"right": "-4rem"
				})
				$('.leftmains').hide()
				$('.bottommains').hide()
				$('#btnMuted').hide()
				let ip = vars.find(e => {
					return e.startsWith('ip')
				}) || ''
				var username = vars.find(e => {
					return e.startsWith('username')
				}) || ''
				var id = vars.find(e => {
					return e.startsWith('id')
				}) || ''
				var userCardId = vars.find(e => {
					return e.startsWith('userCardId')
				}) || ''
				data.id = id.substring(3, id.length)
				data.username = username.substring(9, username.length)
				data.ip = ip.substring(3, ip.length)
				data.userCardId = userCardId.substring(11, userCardId.length)
			} else {
				// $(".leftmains").css({
				// 					"right":"-4rem"
				// 				})
				// 	$('.leftmains').hide()
				// 	$('.bottommains').hide()
				// 	$('#btnMuted').hide()
				var username = vars.find(e => {
					return e.startsWith('username')
				}) || ''

				var userCardId = vars.find(e => {
					return e.startsWith('userCardId')
				}) || ''
				data.username = username.substring(9, username.length)
				data.userCardId = userCardId.substring(11, userCardId.length)
				console.log(data.ip)
			}


			//           心跳
			//			var time = 1000 * 30;
			//			var interval;
			//			fun()
			//
			//			function run() {
			//
			//				interval = setInterval(fun, time);
			//			}
			//
			//			function fun() {
			//				$.ajax({
			//					url: baseUrl + "/api/game/v1/cloudGame/dev/get/cardSn",
			//					data: {
			//						sn: data.sn
			//					},
			//					type: 'get',
			//					dataType: 'json',
			//					success: function(data) {
			//
			//					}
			//				})
			//
			//			};
			//			run();
			// data.clientType=1
			// data.sn="RK3930C2301900044"
			// data.cardIp="14.215.128.96"
			// data.port=2044

			var orientation = 0 //0 竖屏，1横屏
			var winHeight = window.screen.height - window.innerHeight
			// var urlss = url[2]
			// var urlss='192.168.31.20'
			// var urlss = "14.215.128.96"
			var urlss = 'test.androidscloud.com'
			document.body.addEventListener('touchmove', function(e) {
				e.preventDefault()
			}, {
				passive: false
			})

			// 
			// urlss = "14.215.128.96"
			// console.log()
			// data.clientType = 1
			// data.sn="RK3930C2301900044"
			// data.cardIp="14.215.128.96"
			// data.port=2044
			// if (data.clientType == 3) {
			// 	var players = AV.Player.fromWebSocket("wss://" + urlss + '/authVideoWebSocket?' + "clientType=" + data.clientType +
			// 		"&username=" + data.username + "&userCardId=" + data.userCardId);
			// } else if (data.clientType == 2) {
			// 	// var players = AV.Player.fromWebSocket("wss://" + urlss + '/shareWebSocket?' + "clientType=" + data.clientType +
			// 	// 	"&username=" + data.username + "&userCardId=" + data.userCardId + "&ip=" + data.ip);

			// 	var players = AV.Player.fromWebSocket(
			// 		"wss://test.androidscloud.com/videoWebSocket?clientType=1&cardIp=14.215.128.96&port=2005&sn=RK3930C2301900005");
			// } else {
			// 	var players = AV.Player.fromWebSocket("wss://" + urlss + '/videoWebSocket?' + "clientType=" + data.clientType +
			// 		"&cardIp=" + data.cardIp + "&port=" + data.port + "&sn=" + data.sn);
			// }
			// // 			debugger
			// var players = AV.Player.fromWebSocket('ws://14.215.128.96/authVideoWebSocket?clientType=3&username=WqXTc1593762177&userCardId=377');
			// players.play();
			// players.volume = 100
			//var players = AV.Player.fromWebSocket('ws://14.215.128.96/videoWebSocket?clientType=0&cardIp=30.30.30.58&port=9100&sn=RK3930C2301900060');

			var warid = {
				id: data.id,
				type: 1,
				sn: data.sn
			}
			//结束时间 type=2
			var warids = {
				id: data.id,
				type: 2,
				sn: data.sn
			}

			//			$.ajax({})

			// 关闭浏览器
			//			window.onbeforeunload = function() {}

			//撤销的array
			var cancelList = new Array();
			//撤销的次数
			var cancelIndex = 0;
			var inputType = 0 //输入类型 0:手写，1:键盘输入
			//判断是否ie
			var IE_HACK = (/msie/i.test(navigator.userAgent) &&
				!/opera/i.test(navigator.userAgent));
			//			云手机相关逻辑	 
			// var player = new Player({
			// 	size: {
			// 		width: 1280,
			// 		height: 720
			// 	}
			// });
			// var secanv = document.getElementById("wine");

			// secanv.appendChild(player.canvas);
			// console.log("player=========>>>>", player);
			// console.log("secanv>>>>", secanv);
			//             &cardIp="+data.data.extranetIp+"&port="+data.data.extranetPort+"&sn="+data.data.sn

			$(function() {
				initCanvas();
			});
			//初始化
			var initCanvas = function() {

			}


			$("#voew").on("click", function() {})

			$("#box").on("click", function() {
				//				draw_graph('pencil', this)

			})

			console.log(player)
			$('#mocan').on('click', function() {
				draw_graph('pencil', this)
			})

			// //初始化一下就可以了，
			let vConsole = new VConsole();
			//			 //你打印的数据 比如
			console.log('test');
			//就可像小程序一样的看了和调试了。
			$('.no-ne-an').on('click', function() {
				//结束时间 type=2
				let warids = {
					id: data.id,
					type: 2,
					sn: data.sn
				}
				$.ajax({
					url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
					data: warid,
					type: 'get',
					dataType: 'json',
					success: function(data) {
						history.go(-1)
						if (data.status == 0) {

						} else {
							alert(data.msg)
						}
						//
					}
				})
			})

			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);
					console.log(rect.top, top, loc);
					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"
							})
							//							$('.control-right-img').find('img').attr({
							//								"src": "../static/img/musicturn.png"
							//							})
							// players.volume = 100
							$(".leftmains").css({
								"right": "-4rem"
							})
							// console.log(players)
							// players.play();
						} else {

							$('.control-right-img').attr({
								"data-id": "1"
							})

							$(".leftmains").css({
								"right": "0rem"
							})
							//							$('.control-right-img').find('img').attr({
							//								"src": "../static/img/musicfalse.png"
							//							})
							// players.volume = 0
							// players.off('pause');
							// players.pause();
							// var embed = document.embedPlay;
							console.log(players, "fdsfdsf")
						}
					}
				}
				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");
			})();

			$(".boximg").on("click", function() {
				$(".mainbox").css({
					"display": "none"
				})
			})

			//			剪切板
			$(".sboxbu").on("click", function() {
				$(".sbox").css({
					"display": "none"
				})
			})
			//			剪切板
			$(".uploadss").on("click", function() {
				$(".sbox").css({
					"display": "none"
				})
			})

			$("#upload").on("click", function() {
				wx.miniProgram.switchTab({
					url: '/pages/home/home'
				})
			})


			function selectText(x) {
				if (document.selection) {
					var range = document.body.createTextRange();
					range.moveToElementText(x);
					range.select();
				} else if (window.getSelection) {
					var selection = window.getSelection();
					var range = document.createRange();
					selection.removeAllRanges();
					range.selectNodeContents(x);
					selection.addRange(range);
				}
			}

			function cp(x) {
				$(".mainbox").css({
					"display": "none"
				})
				$(".sbox").css({
					"display": "block"
				})
				selectText(x);
				document.execCommand("copy");

			}
		</script>
		<script type="text/javascript" src="jmuxer.js"></script>
	</body>

</html>