tangdehang
/
android-cloud-H5


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100
							<!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>
		<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%;height:100%"
					disablePictureInPicture="true" poster="images/loader-thumb.jpg" id="playerVideo"></video> -->

			<video id="playerVideo" 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%;height:100%"></video>
			<div id="box"></div>
			<audio preload="auto" autoplay controls poster="images/loader-thumb.jpg" id="audioPlayer"
				style="position: absolute;top: 0;width: 0;height: 0;"></audio>
		</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>

	<body oncontextmenu="Back()">
	</body>
	<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 type="text/javascript" src="pcm-player.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="WXdraw.js?v=110"></script>

	<script>

		document.addEventListener('touchstart', function () {
			var video = document.getElementById("playerVideo");
			var audio = document.getElementById("audioPlayer");
			video.play();
		}, 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';

		//隐藏控件 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");
		$("#wine").click(function () {
			console.log("9999999999")
		});
		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));
		});

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

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

		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
			};
		}

		function GetRequest() {
			var url = location.search; // 获取url中"?"符后的字串
			var obj = new Object();
			if (url.indexOf("?") != -1) {
				var str = url.substr(1);
				strs = str.split("&");
				for (var i = 0; i < strs.length; i++) {
					obj[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
				}
			}
			return obj;
		}

		window.onload = function () {
			var parameters = GetRequest();
			var ip = parameters["ip"];
			// 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.21:9101"
			// var socketURL = "ws://14.215.128.97:15508"
			var socketURL = "ws://192.168.198.82:9100/card?cardIp=" + ip;
			// 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);
				getMessage()
			}

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

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

			function getMessage() {
				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
					};
					var input = new Uint8Array(event.data);
					// console.log("音频数据", input, input[0] == 0xff); 
					if (input[0] == 0xff) {
						if (isFinish) {
							var time = new Date().getTime();
							decodeAAC(input);
						}

					} else { }
					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) {
							// console.log("渲染视频");
							jmuxer.feed(data);
						}

						//jmuxer.feed(videoData);
					}

				});
			}

			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
				};
				var input = new Uint8Array(event.data);
				// console.log("音频数据", input, input[0] == 0xff); 
				if (input[0] == 0xff) {
					if (isFinish) {
						var time = new Date().getTime();
						decodeAAC(input);
					}

				} else { }
				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) {
						// console.log("渲染视频");
						jmuxer.feed(data);
					}

					//jmuxer.feed(videoData);
				}

			});

			var myPlay = document.getElementById("wine");
			myPlay.onmousedown = function (event) {
				console.log('5555555555')
				if (event.button == 0) {
					var posX = event.offsetX * 720 * 1.0 / myVideo.clientWidth;
					var posY = event.offsetY * 1280 * 1.0 / myVideo.clientHeight;
					var buffer = ExexuteMouseDown(posX.toString(), posY.toString());
					// console.log('posX=======posY', posX, posY)
					// console.log('buffer=======', buffer)
					ws.send(buffer);
					console.log('ws', ws)
					isDrag = true;
				}

			}

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

			}

			myPlay.onmouseup = function (event) {
				console.log('5555555555')
				isDrag = false;
				var posX = event.offsetX * 720 * 1.0 / myVideo.clientWidth;
				var posY = event.offsetY * 1280 * 1.0 / myVideo.clientHeight;
				var buffer = ExexuteMouseUp(posX.toString(), posY.toString());
				ws.send(buffer);

			}

			myPlay.onkeydown = function (event) {
				console.log('5555555555')
				ExexuteKeyDown(e.keyCode);
			}

		}

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


		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 baseUrl = "http://192.168.199.243";
		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 () {
			console.log(wx);
			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>
	<script type="text/text/javascript" src="aac.js"></script>
</body>

</html>