tangdehang
/
android-cloud-H5


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711
							<!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=104">
		<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;" @click="homeinfo(item)">
							<!-- <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" />
							<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 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)
			$('.swiper-slide').css("padding", `20% ${ch}%`)
			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>