noseCloud
/
Starboth-Cloud-H5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<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" href="../static/css/homeNew.css?id=103">
		<link rel="stylesheet" type="text/css" href="../static/css/swiper-bundle.min.css" />
		<script src="../static/css/swiper-bundle.min.js"></script>
		<script async defer src="https://buttons.github.io/buttons.js"></script>
		<style>
			.swiper-button-next {
				width: 15px;
				height: 15px;
				background: url(../static/img/xia_icon.png);
				right: 15px;
			}

			.swiper-button-prev {
				width: 15px;
				height: 15px;
				background: url(../static/img/shang_icon.png);
				left: 15px;
			}

			.swiper-button-next:after,
			.swiper-container-rtl .swiper-button-prev:after {
				content: "" !important;
			}

			.swiper-button-prev:after,
			.swiper-container-rtl .swiper-button-next:after {
				content: "" !important;
			}

			.wxTips {
				text-align: center;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 99999;
				height: 2.5rem;
				line-height: 2.5rem;
				border-radius: .2rem;
				padding: 0 .8rem;
				background-color: rgba(0, 0, 0, 0.5);
				margin-top: -5rem;
				color: #fff;
				font-size: .7rem;
				display: none;
			}

			.homebg {
				width: 100%;
				height: 100%;
				border-radius: 20px;
			}
		</style>
	</head>
	<body style="background: #F8F9FA;overflow:scroll;overflow-y: hidden;overflow-x: hidden;">
		<div style="width: 100%;height: 100%;" id="homeapp">
			<!-- Swiper -->
			<div class="newhelp" style="z-index: 50;">
				<div class="helpImg">
					<img src="../static/img/bangzu_icon.png" />
				</div>
				<div class="font helpfont">使用帮助？</div>
			</div>
			<div class="buyIcon" style="z-index: 50;">
				<img src="../static/img/goumai_icon.png" />
			</div>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide" v-for="(item,index) in homeList" :key="item.id"
						:class="[index==0 ? 'swiper-slide-active' : '' , index==1 ? 'swiper-slide-next' : '']">
						<div class="canvas" style="z-index: 1;" >
							<!-- <div style="height: 100%;" class="wine" :id="'wine'+index"></div> -->
							<!-- <canvas :id="'playCanvas'+index" width="450" height="800"></canvas> -->
							<!-- <video width="100%" height="100%" style="border-radius: 1.25rem;object-fit: fill;"
								disablePictureInPicture="true" autoplay poster="images/loader-thumb.jpg"
								:id="'player'+index"></video>
							<audio width="100 %" preload="auto" autoplay controls poster="images/loader-thumb.jpg"
								:id="'audioPlayer'+index"></audio> -->
							<img src="img/homebg.jpg" class="homebg" @click="homeinfo(item)"/>
							<div class="camvas-head" style="z-index: 5555;">
								<div class="tophead">
									<div class="th_left">
										<!-- {{item.buyVipType}} -->
										<img src="../static/img/xingyao_icon.png" v-if="item.buyVipType='SVIP'" />
										<img src="../static/img/xingdong_icon.png" v-else />
									</div>
									<div class="th_right">
										<div class="thl-font">{{item.diskName}}</div>
										<div class="thl-time">{{remainTime(item.ctime,item.exceptTime)}}</div>
									</div>
								</div>
								<div class="th_renew homeRenew" style="z-index: 5000;" @click="renew(item)">
									续费
								</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="canvas" style="display: none;">
							<div style="height: 100%;" class="kongWine">
								<div class="kphone">
									<div class="kp_img">
										<img src="../static/img/goumai_pic.png" />
									</div>
									<div class="kp_btn" style="z-index: 5000;">
										购买云手机
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
				<!-- Add Arrows -->
				<div class="swiper-button-next" @click="swiperNext()"></div>
				<div class="swiper-button-prev" @click="swiperPrev()"></div>
			</div>


			<!-- 没登录状态 -->
			<div class="canvasfalse" style="display: none;">
				<div class="notLoggedin">
					<image src="../static/img/tianjiashouji_pic.png"></image>
				</div>

				<!--    审核-->
				<div id="showsuss">
					<div class="notLoggedin-text">
						<div>下载云手机</div>
						<div>体验更多功能</div>
					</div>

					<div class="notLoggedin-bt">
						立即下载
					</div>
				</div>
			</div>
			<div class="maxs" style="display: none;">
				<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="boxbt" onclick="cp(document.getElementById('user_ref_id'));">立即前往下载</div>
					<div class="boximg"><img src="../static/img/wx/guanbi_icon.png"></div>
				</div>
			</div>
			<div class="wxTips">
				云手机数量不足,请稍后再试
			</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.0.js"></script>
		<!--  视频-->
		<script src="../static/js/jquery-1.11.0.min.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 src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<!-- <script type="text/javascript" src="helper.js"></script>
		<script type="text/javascript" src="pcm-player.js"></script>
		<script type="text/javascript" src="webgl.js"></script> -->
		<!-- <script src="helper.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 type="text/javascript">
			var u = navigator.userAgent;
			//Android终端			
			var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
			//iOS终端			
			var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
			if (isAndroid) {
				//如果为Android	
				const ch = (20 * clientWidth) / (clientheight + 122)
				console.log("长和宽", clientWidth, clientheight)
				$('.swiper-slide').css("padding", `20% ${ch}%`)
			}
			if (isiOS) {
				//如果为iOS	
				const ch = (20 * clientWidth) / (clientheight + 272)
				console.log("长和宽", clientWidth, clientheight)
				$('.swiper-slide').css("padding", `20% ${ch}%`)
			}
			var html = document.querySelector("html");
			var clientWidth = html.getBoundingClientRect().width;
			var clientheight = window.innerHeight;
			html.style.fontSize = clientWidth / 23.4375 + "px";
			// const ch = (20 * clientWidth) / clientheight
			// console.log("长和宽", clientWidth, clientheight)
			
			var app = new Vue({
				el: '#homeapp',
				data: {
					message: 'Hello Vue!',
					homeList: [],
					urlData: {},
					rbdData: {},
					activeIndexData: "",
					swipeDirection: "",
				},
				mounted() {
					// var jmuxer = new JMuxer({
					// 	node: 'player',
					// 	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
					// });
					// //初始化一下就可以了，
					let vConsole = new VConsole();
					//			 //你打印的数据 比如
					console.log('test');
					//就可像小程序一样的看了和调试了。
					this.$nextTick(function() {
						this.gethomeList();
					});
					var that = this;
					var swiper = new Swiper('.swiper-container', {
						observer: true, //修改swiper自己或子元素时，自动初始化swiper 
						observeParents: true, //修改swiper的父元素时，自动初始化swiper
						navigation: {
							nextEl: '.swiper-button-next',
							prevEl: '.swiper-button-prev',
						},
						on: {

							touchEnd: function(event) {
								console.log('触摸停止');
								console.log(swiper.swipeDirection);
								this.swipeDirection = swiper.swipeDirection;
							},
							transitionStart: function() {
								console.log("transitionStart", this.activeIndex)
								this.activeIndexData = this.activeIndex;
							},
							slideChangeTransitionStart: function() {
								console.log("slideChangeTransitionStart", this.activeIndex)
								this.activeIndexData = this.activeIndex;
							},
							slideChangeTransitionEnd: function() {
								console.log("slideChangeTransitionEnd", this.activeIndex)
								this.activeIndexData = this.activeIndex;
								if (this.swipeDirection == "next") {
									that.getSwiperInfo("nextSlide");
								} else if (this.swipeDirection == "prev") {
									that.getSwiperInfo("prevSlide");
								}
							},
							// slideChangeStart: function() {
							// 	alert(this.activeIndext);
							// },
							// slideChangeEnd: function() {
							// 	console.log("下标啊", this)
							// },
							// ransitionStart: function(activeIndex) {
							// 	console.log("下标啊", this, activeIndex)
							// },
							// slideChangeEnd: function(swiperHere) {
							// 	var txt = $('.swiper-slide-active').html();
							// 	console.log("打印索引值", txt)
							// }
						}

					});


				},
				methods: {
					homeinfo(data) {
						console.log("打印数据", data, this.urlData)
						if (this.urlData.status === 0) {
							console.log("打印数据", data, this.urlData.data.sn)
							wx.miniProgram.navigateTo({
								url: '/pages/trialInterface/trialInterface?record=' + data.id + '&sn=' + this
									.urlData.data.sn,
							})
						} else {
							$(".wxTips").show()
							$('.wxTips').delay(2000).hide(0);
							// wx.miniProgram.showToast({
							// 	title: this.urlData.msg,
							// 	icon: "none",
							// 	duration: 500,
							// });
						}
					},
					renew(data) {
						console.log("续费啊", data);
						wx.miniProgram.navigateTo({
							url: '/pages/order/renew/index?record=' + data.id,
						})
					},
					remainTime(ctime, exceptTime) {
						var date1 = ctime;
						var date2 = exceptTime; //结束时间
						var date3 = new Date(date2.replace(/-/g, '/')).getTime() - new Date(date1.replace(/-/g, '/'))
							.getTime(); //时间差的毫秒数      
						console.log("时间戳===========》", date3)
						//------------------------------
						var tmiss = ''
						//计算出相差天数
						var days = Math.floor(date3 / (24 * 3600 * 1000))
						// console.log(days + "天");
						//计算出小时数

						var leave1 = date3 % (24 * 3600 * 1000) //计算天数后剩余的毫秒数
						var hours = Math.floor(leave1 / (3600 * 1000))
						//计算相差分钟数
						var leave2 = leave1 % (3600 * 1000) //计算小时数后剩余的毫秒数
						var minutes = Math.floor(leave2 / (60 * 1000))
						//计算相差秒数
						var leave3 = leave2 % (60 * 1000) //计算分钟数后剩余的毫秒数
						var seconds = Math.round(leave3 / 1000)
						var times = ""
						if (Number(days) == 0) {
							// console.log(hours + "小时" + minutes + "分")
							tmiss = Number(hours) + "小时" + Number(minutes) + "分"
						} else {
							if (Number(hours) == 0 && Number(minutes) == 0) {
								// console.log(days + "天")
								tmiss = Number(days) + "天"
							} else {
								// console.log(days + "天" + hours + "小时 ")
								tmiss = Number(days) + "天" + Number(hours) + "小时 "
							}
						}
						// console.log("tmiss>>>>>>", tmiss);
						return tmiss
					},
					swiperNext(data) {

						this.getSwiperInfo("next");


					},
					swiperPrev() {

						this.getSwiperInfo("prev");

					},
					getSwiperInfo(data) {
						console.log("方向=======", data, $('.swiper-slide-active').index());
						// return
						if (data == "next") {
							var activeIndex = $('.swiper-slide-active').index() + 1;
						} else if (data == "prev") {
							var activeIndex = $('.swiper-slide-active').index() - 1;

						} else if (data == "prevSlide") {
							var activeIndex = $('.swiper-slide-active').index();

						} else if (data == "nextSlide") {
							var activeIndex = $('.swiper-slide-active').index();

						}
						var ids = "#wine" + $('.swiper-slide-active').index();
						var domprev = $(ids);
						console.log("下标id======", activeIndex);
						domprev.empty();

						// var baseUrl = "http://192.168.31.20";
						var baseUrl = "http://192.168.199.243";
						var urlss = 'test.androidscloud.com'
						let that = this;
						let rbdData = {
							"userCardId": that.homeList[activeIndex].id,
							"deviceStatus": 1,
						};
						// setTimeout(() => {
						$.ajax({
							url: baseUrl + "/api/storage/v1/cardStatus/getRbd",
							data: JSON.stringify(rbdData),
							type: 'post',
							dataType: 'json',
							// async: false,
							contentType: "application/json;charset=UTF-8",
							headers: {
								'token': tokens.substring(6, tokens.length),
								"Authorization": tokens.substring(6, tokens.length)
							},
							success: function(data) {

								that.urlData = data;
								console.log("挂载安卓卡成功", that.urlData);
								//                       
							}
						})

						// 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 playerid = 'player' + activeIndex;
						// var audioPlayerid = 'audioPlayer' + activeIndex;
						// var myVideo = document.getElementById(playerid);
						// var myAudio = document.getElementById(audioPlayerid);
						// 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 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: playerid,
						// 	flushingTime: 15,
						// 	fps: 30,
						// 	mode: 'video',
						// 	debug: false
						// });

						// var audioMuxer = new JMuxer({
						// 	node: audioPlayerid,
						// 	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 = that.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);
						// }


					},
					//解协议
					ParseProto(data) {
						//隐藏控件 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 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
						};
					},
					gethomeList() {
						var baseUrl = 'http://192.168.199.243';
						// var baseUrl = "http://192.168.31.20";
						var query = window.location.search.substring(1);
						var vars = query.split("&");
						var tokens = vars.find(e => {
							return e.startsWith('token')
						}) || ''
						var data = {}

						var clientType = vars.find(e => {
							return e.startsWith('clientType')
						}) || ''
						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')
						}) || ''
						var vip = vars.find(e => {
							return e.startsWith('vip')
						}) || ''
						var diskName = vars.find(e => {
							return e.startsWith('diskName')
						}) || ''
						var times = vars.find(e => {
							return e.startsWith('times')
						}) || ''
						var username = vars.find(e => {
							return e.startsWith('username')
						}) || ''
						var userCardId = vars.find(e => {
							return e.startsWith('userCardId')
						}) || ''
						var ip = vars.find(e => {
							return e.startsWith('ip')
						}) || ''
						var windowHeight = vars.find(e => {
							return e.startsWith('windowHeight')
						}) || ''
						var tokens = vars.find(e => {
							return e.startsWith('token')
						}) || ''

						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)
						data.vip = vip.substring(4, vip.length)
						data.diskName = diskName.substring(9, diskName.length)
						data.times = times.substring(6, times.length)
						data.username = username.substring(9, username.length)
						data.userCardId = userCardId.substring(11, userCardId.length)
						data.ip = ip.substring(3, ip.length)
						console.log("data====", data);
						this.urlData = data;
						let that = this;

						$.ajax({
							url: baseUrl + "/api/user/v1/client/disk/info",
							data: {},
							type: 'get',
							dataType: 'json',
							headers: {
								'token': tokens.substring(6, tokens.length),
								"Authorization": tokens.substring(6, tokens.length)
							},
							success: function(data) {
								console.log("云手机信息=======", data);
								if (data.data) {
									that.homeList = data.data.diskInfo;
									console.log("云手机this.homeListthis.homeListthis.homeList=======", that
										.homeList);
									var urlss = 'test.androidscloud.com'

									let rbdData = {
										"userCardId": that.homeList[0].id,
										"deviceStatus": 1,
									};

									let activeIndex = $('.swiper-slide-active').index();

									// let that = this;
									setTimeout(() => {
										$.ajax({
											url: baseUrl +
												"/api/storage/v1/cardStatus/getRbd",
											data: JSON.stringify(rbdData),
											// data:rbdData,
											type: 'post',
											dataType: 'json',
											contentType: "application/json;charset=UTF-8",
											async: false,
											headers: {
												'token': tokens.substring(6, tokens.length),
												"Authorization": tokens.substring(6, tokens
													.length)
											},
											success: function(data) {
												that.urlData = data;
												console.log("挂载安卓卡成功", that.urlData);
												//                       
											}
										})
										console.log(
											"that.urlDatathat.urlDatathat.urlDatathat.urlData",
											that.urlData);
										//隐藏控件 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 playerid = 'player' + activeIndex;
										// var audioPlayerid = 'audioPlayer' + activeIndex;
										// var myVideo = document.getElementById(playerid);
										// var myAudio = document.getElementById(audioPlayerid);
										// 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 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: playerid,
										// 	flushingTime: 15,
										// 	fps: 30,
										// 	mode: 'video',
										// 	debug: false
										// });

										// var audioMuxer = new JMuxer({
										// 	node: audioPlayerid,
										// 	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 = that.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);
										// }

									}, 1)


								} else {

								}
								//                       
							}
						})
					}
				}
			})
			var homeList = []; //云手机列表信息
			var url = window.location.href;

			url = url.split('/')
			console.log(url)
			// var baseUrl = 'https://' + url[2] //'http://192.168.31.159'//'http://' + url[2] 
			// var baseUrl = 'http://192.168.31.20'
			var baseUrl = 'http://192.168.199.243';
			var query = window.location.search.substring(1);

			var vars = query.split("&");
			//						 var urls = "https://xcx.androidscloud.com"
			//			 审核
			$.ajax({
				url: baseUrl + "/api/user/v1/config/download/isShow",
				data: {},
				type: 'get',
				dataType: 'json',
				contentType: "application/json;charset=UTF-8",
				success: function(data) {
					if (data.data) {
						$("#showsuss").show()
					} else {
						$("#showsuss").hide()
					}
					//                       
				}
			})

			// var baseUrl = window.location.href; //"http://192.168.31.20"

			document.body.addEventListener('touchmove', function(e) {
				e.preventDefault()
			}, {
				passive: false
			})
			var data = {}

			var clientType = vars.find(e => {
				return e.startsWith('clientType')
			}) || ''
			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')
			}) || ''
			var vip = vars.find(e => {
				return e.startsWith('vip')
			}) || ''
			var diskName = vars.find(e => {
				return e.startsWith('diskName')
			}) || ''
			var times = vars.find(e => {
				return e.startsWith('times')
			}) || ''
			var username = vars.find(e => {
				return e.startsWith('username')
			}) || ''
			var userCardId = vars.find(e => {
				return e.startsWith('userCardId')
			}) || ''
			var ip = vars.find(e => {
				return e.startsWith('ip')
			}) || ''
			var windowHeight = vars.find(e => {
				return e.startsWith('windowHeight')
			}) || ''
			var tokens = vars.find(e => {
				return e.startsWith('token')
			}) || ''
			$(".swiper-container").css("height", windowHeight.substring(13, windowHeight.length));
			console.log("获取网页高度", windowHeight.substring(13, windowHeight.length));
			//				$(".aaa").text(clientType.substring(11, clientType.length))
			// let cardIp = getUrlParam('cardIp');
			// console.log(cardIp)
			$.ajax({
				url: baseUrl + "/api/user/v1/client/disk/info",
				data: {},
				type: 'get',
				dataType: 'json',
				headers: {
					'token': tokens.substring(6, tokens.length),
					"Authorization": tokens.substring(6, tokens.length)
				},
				success: function(data) {
					console.log("云手机信息=======", data);
					if (data.data) {
						homeList = data.data.diskInfo;
					} else {

					}
					//                       
				}
			})
			getQueryString: (name) => {
				let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
				let r = window.location.search.substr(1).match(reg);
				console.log(name)
				if (r != null) {
					return unescape(decodeURI(r[2]));
					return null;
				}
			}

			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)
			data.vip = vip.substring(4, vip.length)
			data.diskName = diskName.substring(9, diskName.length)
			data.times = times.substring(6, times.length)
			data.username = username.substring(9, username.length)
			data.userCardId = userCardId.substring(11, userCardId.length)
			data.ip = ip.substring(3, ip.length)
			let timestext = "剩" + decodeURI(data.times) || data.demoTime / 3600 + "小时"
			$(".diskName").text(decodeURI(data.diskName) || data.username)
			console.log("timestext>>>>>>", timestext);
			$(".canvastime").text(timestext)


			if (data.vip == "0") {
				$(".canvasfalse").css({
					"display": "block"
				})
				$(".canvas").css({
					"display": "none"
				})
			} else {
				$(".canvas").css({
					"display": "block"
				})
				$(".canvasfalse").css({
					"display": "none"
				})
			}

			function onMessage(evt) {
				console.log("onMessage==============", evt);
				var messageData = new Uint8Array(evt.data);

				player.decode(messageData);
			}


			$("canvas").on("click", function() {
				client.close()
				// 		    	?clientType=0&cardIp=30.30.30.42&port=9100&sn=RK3930C2301900042&demoTime=3600&id=3
				setTimeout(() => {
					wx.miniProgram.navigateTo({
						url: '/pages/trialInterface/trialInterface?clientType=' + data.clientType +
							"&cardIp=" + data.cardIp +
							"&port=" + data.port + "&sn=" + data.sn + "&username=" + data.username +
							"&userCardId=" + data.userCardId +
							"&demoTime=3600&id=" + data.id + "&diskName=" + decodeURI(data.diskName)
					})
				}, 100);

			})

			$(".helps").click(function() {

				// wx.miniProgram.navigateTo({
				// 	url: '/pages/viewurl/viewurl'
				// })
				//按点击处理		
				var set = $('.helps').attr("data-id")
				if (set == '1') {
					$('.helps').attr({
						"data-id": "2"
					})

					$(".helps").hide();
					$(".help").css({
						"right": "0"
					})
				} else {
					$('.helps').attr({
						"data-id": "1"
					})
					$(".help").css({
						"right": "-4rem"
					})

				}
			});

			function stopPropagation(e) {
				if (e.stopPropagation)
					e.stopPropagation();
				else
					e.cancelBubble = true;
			}

			$(document).bind('click', function() {
				$(".help").css({
					"right": "-4rem"
				})
				$('.helps').attr({
					"data-id": "1"
				})
				$(".helps").show();
			});

			$('.helpfont').bind('click', function(e) {
				console.log("帮助啊啊");
				// stopPropagation(e);
				wx.miniProgram.navigateTo({
					url: '/pages/viewurl/viewurl'
				})
			});

			$('.buyIcon,.kp_btn').bind('click', function(e) {
				console.log("购买");
				// stopPropagation(e);
				wx.miniProgram.navigateTo({
					url: '/pages/order/buy/index'
				})
			});
			// $('.homeRenew').bind('click', function(e) {
			// 	console.log("续费啊");
			// 	// stopPropagation(e);
			// 	wx.miniProgram.navigateTo({
			// 		url: '/pages/order/buy/index'
			// 	})
			// });
			$(".homeRenew").on("click", function() {
				console.log("续费啊");
				wx.miniProgram.navigateTo({
					url: '/pages/order/renew/index'
				})
			});
			$('.helps').bind('click', function(e) {
				stopPropagation(e);
			});

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

			$(".notLoggedin-bt").on("click", function() {
				//				$(".mainbox").css({
				//					"display": "block"
				//				})
				//				$(".maxs").css({
				//					"display": "block"
				//				})
			})


			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");
				alert("复制成功")
			}
		</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("player");
			// 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 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";
			// 	// socketURL = "ws://14.215.128.98:14077";
			// 	//socketURL = "wss://192.168.11.242:9104";


			// 	var jmuxer = new JMuxer({
			// 		node: 'player',
			// 		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;
			// }
		</script>

	</body>
</html>