|
@@ -4,18 +4,10 @@
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title></title>
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
- <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1,user-scalable=no">
|
|
|
<meta name="x5-orientation" content="portrait" />
|
|
|
<meta name="screen-orientation" content="portrait" />
|
|
|
- <meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
|
|
-
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
- <meta name="format-detection" content="telephone=no, email=no">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
|
- <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
<!-- 删除苹果默认的工具栏和菜单栏 -->
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
<!-- 设置苹果工具栏颜��? -->
|
|
@@ -29,10 +21,6 @@
|
|
|
<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">
|
|
@@ -44,23 +32,17 @@
|
|
|
<meta name="x5-page-mode" content="app">
|
|
|
<!-- windows phone 点击无高��? -->
|
|
|
<meta name="msapplication-tap-highlight" content="no">
|
|
|
- <title></title>
|
|
|
<link rel="stylesheet" type="text/css" href="css/WXtrialInterface.css" />
|
|
|
</head>
|
|
|
|
|
|
<body class="scroll h-player" style="overscroll-behavior: contain;">
|
|
|
-
|
|
|
<div class="container" id="player">
|
|
|
<div class="muted" id="btnMuted">
|
|
|
<div class="control-right-img" data-id="1">
|
|
|
<img src="../static/img/xuanfu_icon.png">
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
<div id="wine">
|
|
|
-
|
|
|
- <!-- <video id="video1" muted="muted" x5-video-orientation="landscape" playsinline="true" autoplay="true"
|
|
|
- webkit-playsinline="true" x5-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="false" style="pointer-events: none;"></video> -->
|
|
|
<div id="box">
|
|
|
<canvas id="playCanvas" width="450" height="800"></canvas>
|
|
|
</div>
|
|
@@ -72,7 +54,6 @@
|
|
|
<div class="PictureQuality" data-id="400000">极速</div>
|
|
|
<div class="PictureQuality" data-id="400000">自动</div>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="operation">
|
|
|
<div class="upload" id="showsuss" data-text="uploads">
|
|
|
<img src="../static/img/wx/shangchuan_icon.png">
|
|
@@ -87,98 +68,64 @@
|
|
|
<div>退出</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
<div class="bottommains">
|
|
|
<div class="botmat1">
|
|
|
<div class="botmat1img" data-text="gengduo">
|
|
|
<img src="../static/img/wx/gengduo_icon.png">
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
<div class="botmat1">
|
|
|
<div class="botmat1img" data-text="home">
|
|
|
<img src="../static/img/wx/home_icon.png">
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
<div class="botmat1">
|
|
|
<div class="botmat1img" data-text="return">
|
|
|
<img src="../static/img/wx/fanhui_icon.png">
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="mainbox" style="display: none;">
|
|
|
<div class="boxTitle">提示</div>
|
|
|
<div class="boxText">
|
|
|
<div>由于小程序的功能限制,此功能暂时</div>
|
|
|
<div>无法使用,请下载APP使用更多功能</div>
|
|
|
-
|
|
|
</div>
|
|
|
<div class="boxbt" onclick="cp(document.getElementById('user_ref_id'));">立即前往下载</div>
|
|
|
-
|
|
|
<div class="boximg"><img src="../static/img/wx/guanbi_icon.png"></div>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="sbox" style="display: none;">
|
|
|
<div class="sboxText">下载地址已复制到剪切板</div>
|
|
|
<div class="sboxbu">确定</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
<div id="copy-txt" style="position: absolute;opacity: 0;">
|
|
|
<span id="user_ref_id">www.androidsCloud.com</span>
|
|
|
</div>
|
|
|
-
|
|
|
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
|
|
|
- <script src="../static/js/jquery-1.11.0.min.js"></script>
|
|
|
+ <script type="text/javascript" src="../static/js/jquery-1.11.0.min.js"></script>
|
|
|
<!-- ffm软解 -->
|
|
|
<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="../static/js/classlist.js"></script>
|
|
|
- <script src="../static/js/players.js"></script>
|
|
|
- <script src="../static/js/auroraplayer.js"></script>
|
|
|
- <script src="../static/js/aurora.js"></script>
|
|
|
- <script src="../static/js/aac.js"></script>
|
|
|
- <script src="../static/js/web.js?id=101"></script> -->
|
|
|
- <!-- <script src="../static/js/webapk.js"></script> -->
|
|
|
- <!-- 视频-->
|
|
|
-
|
|
|
- <!-- <script type="text/javascript" src="../static/js/Decoder.js"></script>
|
|
|
- <script type="text/javascript" src="../static/js/YUVCanvas.js"></script>
|
|
|
- <script type="text/javascript" src="../static/js/Player.js"></script> -->
|
|
|
- <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
|
|
|
- <script src="WXdraw.js?id=105"></script>
|
|
|
+ <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
|
|
|
+ <script type="text/javascript" src="WXdraw.js?id=105"></script>
|
|
|
|
|
|
<script>
|
|
|
var topwinHeight = window.screen.height - window.innerHeight + 30; //计算title top 头部
|
|
|
$('#wine').css({
|
|
|
"width": window.screen.width,
|
|
|
"height": window.screen.height - topwinHeight - 20,
|
|
|
- "position": "absolute",
|
|
|
-
|
|
|
+ "position": "absolute"
|
|
|
})
|
|
|
var winese = document.createElement("wine");
|
|
|
wine.style.top = "-" + winese + 'px';
|
|
|
|
|
|
var url = window.location.href;
|
|
|
- url = url.split('/')
|
|
|
- // var baseUrl = window.location.href; //"http://192.168.31.20"
|
|
|
- // var baseUrl = 'https://'+url[2] //url[2] //'http://192.168.31.159'//'http://' + url[2]
|
|
|
- var query = window.location.search.substring(1);
|
|
|
- // query = "clientType=1&cardIp=14.215.128.96&port=2012&sn=RK3930C2301900012&demoTime=3600&id=377&diskName=SC93mBww"
|
|
|
- var vars = query.split("&");
|
|
|
- console.log(vars)
|
|
|
- // var baseUrl = 'http://192.168.31.20'
|
|
|
- // var baseUrl = 'test.androidscloud.com'
|
|
|
- // var baseUrl = "http://192.168.199.243";
|
|
|
+ url = url.split('/');
|
|
|
var baseUrl = "http://192.168.199.243";
|
|
|
- var data = {}
|
|
|
+ var form = {}
|
|
|
// 审核
|
|
|
$.ajax({
|
|
|
url: baseUrl + "/api/user/v1/config/download/isShow",
|
|
@@ -186,260 +133,50 @@
|
|
|
type: 'get',
|
|
|
dataType: 'json',
|
|
|
success: function (data) {
|
|
|
-
|
|
|
if (data.data) {
|
|
|
$("#showsuss").show()
|
|
|
} else {
|
|
|
$("#showsuss").hide()
|
|
|
}
|
|
|
- //
|
|
|
}
|
|
|
})
|
|
|
- var clientType = vars.find(e => {
|
|
|
- return e.startsWith('clientType')
|
|
|
- }) || ''
|
|
|
- // console.log(clientType)
|
|
|
- data.clientType = clientType.substring(11, clientType.length)
|
|
|
- // 小程序直接进入
|
|
|
- var diskName = vars.find(e => {
|
|
|
- return e.startsWith('diskName')
|
|
|
- }) || ''
|
|
|
-
|
|
|
- data.diskName = diskName.substring(9, diskName.length)
|
|
|
-
|
|
|
- // document.title = decodeURI(data.diskName)
|
|
|
- if (data.clientType == 1) {
|
|
|
- var cardIp = vars.find(e => {
|
|
|
- return e.startsWith('cardIp')
|
|
|
- }) || ''
|
|
|
- var port = vars.find(e => {
|
|
|
- return e.startsWith('port')
|
|
|
- }) || ''
|
|
|
-
|
|
|
- var sn = vars.find(e => {
|
|
|
- return e.startsWith('sn')
|
|
|
- }) || ''
|
|
|
- var demoTime = vars.find(e => {
|
|
|
- return e.startsWith('demoTime')
|
|
|
- }) || ''
|
|
|
- var id = vars.find(e => {
|
|
|
- return e.startsWith('id')
|
|
|
- }) || ''
|
|
|
-
|
|
|
-
|
|
|
- data.clientType = clientType.substring(11, clientType.length)
|
|
|
-
|
|
|
- data.cardIp = cardIp.substring(7, cardIp.length)
|
|
|
-
|
|
|
- data.port = port.substring(5, port.length)
|
|
|
-
|
|
|
- data.sn = sn.substring(3, sn.length)
|
|
|
-
|
|
|
- data.demoTime = demoTime.substring(9, demoTime.length)
|
|
|
- data.id = id.substring(3, id.length)
|
|
|
- console.log("打印sn卡", data.sn)
|
|
|
-
|
|
|
- } else if (data.clientType == 2) { //分享屏幕
|
|
|
- console.log("走到分享屏幕里面啦==========", data.clientTypes);
|
|
|
+ var parameters = GetRequest();
|
|
|
+ form.clientType = parameters('clientType')
|
|
|
+ form.diskName = parameters('clientType')
|
|
|
+
|
|
|
+ if (form.clientType == 1) {
|
|
|
+ form.cardIp = parameters['cardIp'];
|
|
|
+ form.port = parameters['port'];
|
|
|
+ form.sn = parameters['sn'];
|
|
|
+ form.demoTime = parameters['demoTime'];
|
|
|
+ form.id = parameters['id'];
|
|
|
+ } else if (form.clientType == 2) { // 分享屏幕
|
|
|
$(".leftmains").css({
|
|
|
"right": "-4rem"
|
|
|
})
|
|
|
$('.leftmains').hide()
|
|
|
$('.bottommains').hide()
|
|
|
$('#btnMuted').hide()
|
|
|
- let ip = vars.find(e => {
|
|
|
- return e.startsWith('ip')
|
|
|
- }) || ''
|
|
|
- var username = vars.find(e => {
|
|
|
- return e.startsWith('username')
|
|
|
- }) || ''
|
|
|
- var id = vars.find(e => {
|
|
|
- return e.startsWith('id')
|
|
|
- }) || ''
|
|
|
- var userCardId = vars.find(e => {
|
|
|
- return e.startsWith('userCardId')
|
|
|
- }) || ''
|
|
|
- data.id = id.substring(3, id.length)
|
|
|
- data.username = username.substring(9, username.length)
|
|
|
- data.ip = ip.substring(3, ip.length)
|
|
|
- data.userCardId = userCardId.substring(11, userCardId.length)
|
|
|
+
|
|
|
+ form.id = parameters['id'];
|
|
|
+ form.username = parameters['username'];
|
|
|
+ form.ip = parameters['ip'];
|
|
|
+ form.userCardId = parameters['userCardId'];
|
|
|
} else {
|
|
|
- // $(".leftmains").css({
|
|
|
- // "right":"-4rem"
|
|
|
- // })
|
|
|
- // $('.leftmains').hide()
|
|
|
- // $('.bottommains').hide()
|
|
|
- // $('#btnMuted').hide()
|
|
|
- var username = vars.find(e => {
|
|
|
- return e.startsWith('username')
|
|
|
- }) || ''
|
|
|
-
|
|
|
- var userCardId = vars.find(e => {
|
|
|
- return e.startsWith('userCardId')
|
|
|
- }) || ''
|
|
|
- data.username = username.substring(9, username.length)
|
|
|
- data.userCardId = userCardId.substring(11, userCardId.length)
|
|
|
- console.log(data.ip)
|
|
|
+ form.username = parameters['username'];
|
|
|
+ form.userCardId = parameters['userCardId'];
|
|
|
}
|
|
|
|
|
|
-
|
|
|
- // 心跳
|
|
|
- // var time = 1000 * 30;
|
|
|
- // var interval;
|
|
|
- // fun()
|
|
|
- //
|
|
|
- // function run() {
|
|
|
- //
|
|
|
- // interval = setInterval(fun, time);
|
|
|
- // }
|
|
|
- //
|
|
|
- // function fun() {
|
|
|
- // $.ajax({
|
|
|
- // url: baseUrl + "/api/game/v1/cloudGame/dev/get/cardSn",
|
|
|
- // data: {
|
|
|
- // sn: data.sn
|
|
|
- // },
|
|
|
- // type: 'get',
|
|
|
- // dataType: 'json',
|
|
|
- // success: function(data) {
|
|
|
- //
|
|
|
- // }
|
|
|
- // })
|
|
|
- //
|
|
|
- // };
|
|
|
- // run();
|
|
|
- // data.clientType=1
|
|
|
- // data.sn="RK3930C2301900044"
|
|
|
- // data.cardIp="14.215.128.96"
|
|
|
- // data.port=2044
|
|
|
-
|
|
|
var orientation = 0 //0 竖屏,1横屏
|
|
|
- var winHeight = window.screen.height - window.innerHeight
|
|
|
- // var urlss = url[2]
|
|
|
- // var urlss='192.168.31.20'
|
|
|
- // var urlss = "14.215.128.96"
|
|
|
- var urlss = 'test.androidscloud.com'
|
|
|
+
|
|
|
document.body.addEventListener('touchmove', function (e) {
|
|
|
e.preventDefault()
|
|
|
}, {
|
|
|
passive: false
|
|
|
})
|
|
|
|
|
|
- //
|
|
|
- // urlss = "14.215.128.96"
|
|
|
- // console.log()
|
|
|
- // data.clientType = 1
|
|
|
- // data.sn="RK3930C2301900044"
|
|
|
- // data.cardIp="14.215.128.96"
|
|
|
- // data.port=2044
|
|
|
- // if (data.clientType == 3) {
|
|
|
- // var players = AV.Player.fromWebSocket("wss://" + urlss + '/authVideoWebSocket?' + "clientType=" + data.clientType +
|
|
|
- // "&username=" + data.username + "&userCardId=" + data.userCardId);
|
|
|
- // } else if (data.clientType == 2) {
|
|
|
- // // var players = AV.Player.fromWebSocket("wss://" + urlss + '/shareWebSocket?' + "clientType=" + data.clientType +
|
|
|
- // // "&username=" + data.username + "&userCardId=" + data.userCardId + "&ip=" + data.ip);
|
|
|
-
|
|
|
- // var players = AV.Player.fromWebSocket(
|
|
|
- // "wss://test.androidscloud.com/videoWebSocket?clientType=1&cardIp=14.215.128.96&port=2005&sn=RK3930C2301900005");
|
|
|
- // } else {
|
|
|
- // var players = AV.Player.fromWebSocket("wss://" + urlss + '/videoWebSocket?' + "clientType=" + data.clientType +
|
|
|
- // "&cardIp=" + data.cardIp + "&port=" + data.port + "&sn=" + data.sn);
|
|
|
- // }
|
|
|
- // // debugger
|
|
|
- // var players = AV.Player.fromWebSocket('ws://14.215.128.96/authVideoWebSocket?clientType=3&username=WqXTc1593762177&userCardId=377');
|
|
|
- // players.play();
|
|
|
- // players.volume = 100
|
|
|
- //var players = AV.Player.fromWebSocket('ws://14.215.128.96/videoWebSocket?clientType=0&cardIp=30.30.30.58&port=9100&sn=RK3930C2301900060');
|
|
|
-
|
|
|
- var warid = {
|
|
|
- id: data.id,
|
|
|
- type: 1,
|
|
|
- sn: data.sn
|
|
|
- }
|
|
|
- //结束时间 type=2
|
|
|
- var warids = {
|
|
|
- id: data.id,
|
|
|
- type: 2,
|
|
|
- sn: data.sn
|
|
|
- }
|
|
|
-
|
|
|
- // $.ajax({})
|
|
|
-
|
|
|
- // 关闭浏览器
|
|
|
- // window.onbeforeunload = function() {}
|
|
|
-
|
|
|
- //撤销的array
|
|
|
- var cancelList = new Array();
|
|
|
- //撤销的次数
|
|
|
- var cancelIndex = 0;
|
|
|
- var inputType = 0 //输入类型 0:手写,1:键盘输入
|
|
|
- //判断是否ie
|
|
|
- var IE_HACK = (/msie/i.test(navigator.userAgent) &&
|
|
|
- !/opera/i.test(navigator.userAgent));
|
|
|
- // 云手机相关逻辑
|
|
|
- // var player = new Player({
|
|
|
- // size: {
|
|
|
- // width: 1280,
|
|
|
- // height: 720
|
|
|
- // }
|
|
|
- // });
|
|
|
- // var secanv = document.getElementById("wine");
|
|
|
-
|
|
|
- // secanv.appendChild(player.canvas);
|
|
|
- // console.log("player=========>>>>", player);
|
|
|
- // console.log("secanv>>>>", secanv);
|
|
|
- // &cardIp="+data.data.extranetIp+"&port="+data.data.extranetPort+"&sn="+data.data.sn
|
|
|
-
|
|
|
- $(function () {
|
|
|
- initCanvas();
|
|
|
- });
|
|
|
- //初始化
|
|
|
- var initCanvas = function () {
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- window.onload = function () { };
|
|
|
-
|
|
|
- $("#voew").on("click", function () { })
|
|
|
-
|
|
|
- $("#box").on("click", function () {
|
|
|
- // draw_graph('pencil', this)
|
|
|
-
|
|
|
- })
|
|
|
-
|
|
|
- // console.log(player)
|
|
|
- $('#mocan').on('click', function () {
|
|
|
- draw_graph('pencil', this)
|
|
|
- })
|
|
|
-
|
|
|
- // //初始化一下就可以了,
|
|
|
- let vConsole = new VConsole();
|
|
|
- // //你打印的数据 比如
|
|
|
- console.log('test');
|
|
|
- //就可像小程序一样的看了和调试了。
|
|
|
- $('.no-ne-an').on('click', function () {
|
|
|
- //结束时间 type=2
|
|
|
- let warids = {
|
|
|
- id: data.id,
|
|
|
- type: 2,
|
|
|
- sn: data.sn
|
|
|
- }
|
|
|
- $.ajax({
|
|
|
- url: baseUrl + "/api/game/v1/cloudGame/dev/getSn",
|
|
|
- data: warid,
|
|
|
- type: 'get',
|
|
|
- dataType: 'json',
|
|
|
- success: function (data) {
|
|
|
- history.go(-1)
|
|
|
- if (data.status == 0) {
|
|
|
-
|
|
|
- } else {
|
|
|
- alert(data.msg)
|
|
|
- }
|
|
|
- //
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
+ // 初始化一下就可以了,
|
|
|
+ var vConsole = new VConsole();
|
|
|
|
|
|
var btnMuted = document.querySelector("#btnMuted");
|
|
|
btnMuted && (function () {
|
|
@@ -469,7 +206,7 @@
|
|
|
left: rect.left,
|
|
|
width: rect.width,
|
|
|
height: rect.height
|
|
|
- }; //部分低版本浏览器,该属性为只读
|
|
|
+ }; // 部分低版本浏览器,该属性为只读
|
|
|
if (loc) {
|
|
|
rect.left = loc.left;
|
|
|
rect.top = loc.top;
|
|
@@ -485,7 +222,6 @@
|
|
|
left = Math.max(left, minX);
|
|
|
top = Math.min(top, maxY);
|
|
|
top = Math.max(top, minY);
|
|
|
- console.log(rect.top, top, loc);
|
|
|
if (loc || top !== rect.top || left !== rect.left) {
|
|
|
btnMuted.style.cssText += "left:" + left + "px;top:" + top + "px;";
|
|
|
}
|
|
@@ -535,23 +271,15 @@
|
|
|
fixLoc();
|
|
|
} else {
|
|
|
//按点击处理
|
|
|
-
|
|
|
var set = $('.control-right-img').attr("data-id")
|
|
|
if (set == '1') {
|
|
|
$('.control-right-img').attr({
|
|
|
"data-id": "2"
|
|
|
})
|
|
|
- // $('.control-right-img').find('img').attr({
|
|
|
- // "src": "../static/img/musicturn.png"
|
|
|
- // })
|
|
|
- // players.volume = 100
|
|
|
$(".leftmains").css({
|
|
|
"right": "-4rem"
|
|
|
})
|
|
|
- // console.log(players)
|
|
|
- // players.play();
|
|
|
} else {
|
|
|
-
|
|
|
$('.control-right-img').attr({
|
|
|
"data-id": "1"
|
|
|
})
|
|
@@ -559,17 +287,10 @@
|
|
|
$(".leftmains").css({
|
|
|
"right": "0rem"
|
|
|
})
|
|
|
- // $('.control-right-img').find('img').attr({
|
|
|
- // "src": "../static/img/musicfalse.png"
|
|
|
- // })
|
|
|
- // players.volume = 0
|
|
|
- // players.off('pause');
|
|
|
- // players.pause();
|
|
|
- // var embed = document.embedPlay;
|
|
|
- // console.log(players, "fdsfdsf")
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
btnMuted.addEventListener("touchstart", function (e) {
|
|
|
e.preventDefault();
|
|
|
toMove = false;
|
|
@@ -585,7 +306,6 @@
|
|
|
window.addEventListener("touchend", touchend, {
|
|
|
passive: false
|
|
|
});
|
|
|
-
|
|
|
}, {
|
|
|
passive: false
|
|
|
});
|
|
@@ -602,13 +322,13 @@
|
|
|
})
|
|
|
})
|
|
|
|
|
|
- // 剪切板
|
|
|
+ // 剪切板
|
|
|
$(".sboxbu").on("click", function () {
|
|
|
$(".sbox").css({
|
|
|
"display": "none"
|
|
|
})
|
|
|
})
|
|
|
- // 剪切板
|
|
|
+ // 剪切板
|
|
|
$(".uploadss").on("click", function () {
|
|
|
$(".sbox").css({
|
|
|
"display": "none"
|
|
@@ -658,7 +378,6 @@
|
|
|
|
|
|
Module = {};
|
|
|
Module.onRuntimeInitialized = function () {
|
|
|
- console.log("Wasm 加载成功!")
|
|
|
isFinish = true;
|
|
|
}
|
|
|
|
|
@@ -666,24 +385,20 @@
|
|
|
var retPtr = Module._malloc(4 * 5 * 1024); //接收的数据
|
|
|
var inputPtr = Module._malloc(4 * data.length); //输入数据
|
|
|
|
|
|
- for (i = 0; i < data.length; i++) {
|
|
|
+ for (var i = 0; i < data.length; i++) {
|
|
|
Module.HEAPU8[(inputPtr) + i] = data[i]; //转换为堆数据
|
|
|
}
|
|
|
|
|
|
var pcmLen = Module._feedData(retPtr, inputPtr, data.length);
|
|
|
|
|
|
if (pcmLen >= 0) {
|
|
|
- //console.log("%d帧 aac 解码成功, %d", decodeCount, pcmLen);
|
|
|
var pcmData = new Uint8Array(pcmLen);
|
|
|
- for (i = 0; i < pcmLen; i++) {
|
|
|
+ for (var i = 0; i < pcmLen; i++) {
|
|
|
pcmData[i] = Module.HEAPU8[(retPtr) + i]
|
|
|
}
|
|
|
|
|
|
player.feed(pcmData);
|
|
|
- } else {
|
|
|
- console.log("%d帧 aac 解码失败, %d", decodeCount, pcmLen);
|
|
|
}
|
|
|
-
|
|
|
decodeCount++;
|
|
|
Module._free(inputPtr);
|
|
|
Module._free(retPtr);
|
|
@@ -691,30 +406,18 @@
|
|
|
var decodeWoker = new Worker('decoder.js');
|
|
|
var myVideo = document.getElementById("playCanvas");
|
|
|
decodeWoker.onmessage = function (event) {
|
|
|
- // console.log("decodeWoker.onmessage",event.data)
|
|
|
var objData = event.data;
|
|
|
|
|
|
switch (objData.cmd) {
|
|
|
case 0:
|
|
|
- // console.log(objData.data);
|
|
|
break;
|
|
|
case 1:
|
|
|
- var time = new Date().getTime();
|
|
|
webglPlayer.renderFrame(objData.data, 720, 1280, 720 * 1280, (720 / 2) * (1280 / 2));
|
|
|
- //console.log("渲染耗时", new Date().getTime() - time + "ms");break;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
-
|
|
|
- if (typeof (Worker) !== "undefined") {
|
|
|
- console.log("支持webworker");
|
|
|
- } else {
|
|
|
- alert("不支持webworker");
|
|
|
- }
|
|
|
-
|
|
|
var isFinish = false;
|
|
|
- // this.canvas = document.getElementById("playCanvas");
|
|
|
var webglPlayer = new WebGLPlayer(myVideo, {
|
|
|
preserveDrawingBuffer: false
|
|
|
});
|
|
@@ -731,31 +434,16 @@
|
|
|
}
|
|
|
return obj;
|
|
|
}
|
|
|
- var parameters = GetRequest();
|
|
|
var ip = parameters["ip"];
|
|
|
var webSocketWorker = new Worker('websocket.js?ip=' + ip);
|
|
|
- var startTime = new Date().getTime();
|
|
|
-
|
|
|
-
|
|
|
|
|
|
webSocketWorker.onmessage = function (event) {
|
|
|
decodeWoker.postMessage(event.data);
|
|
|
- // var input = new Uint8Array(decodeWoker.postMessage(event.data));
|
|
|
- var input = event.data
|
|
|
- // decodeAAC(event.data)
|
|
|
- console.log("音频-----------");
|
|
|
+ var input = event.data;
|
|
|
if (input[0] == 0xff) {
|
|
|
decodeAAC(input);
|
|
|
- } else { }
|
|
|
- }
|
|
|
-
|
|
|
- document.addEventListener("visibilitychange", () => {
|
|
|
- if (document.visibilityState == "visible") {
|
|
|
-
|
|
|
- } else {
|
|
|
- console.log("页面不可见");
|
|
|
}
|
|
|
- });
|
|
|
+ }
|
|
|
|
|
|
function Close() { //webworker 关闭,清理
|
|
|
var cmd = {
|
|
@@ -766,43 +454,13 @@
|
|
|
webSocketWorker.postMessage(cmd);
|
|
|
webSocketWorker.terminate();
|
|
|
}
|
|
|
- // myVideo.onmousedown = function(event) {
|
|
|
- // console.log("22222")
|
|
|
- // //放在此处只是为了方便演示,实际使用中查找横竖屏只要刚连接上时调用一次就好。
|
|
|
- // //var checkBuffer = GetScreenState();
|
|
|
- // //ws.send(checkBuffer);
|
|
|
-
|
|
|
- // if(!isFeed)
|
|
|
- // {
|
|
|
- // console.log("重新申请I帧");
|
|
|
- // requestTime = new Date().getTime();
|
|
|
- // var buffer = RequestIFrame();
|
|
|
- // 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);
|
|
|
- // // decodeWoker.postMessage(event.data);
|
|
|
- // console.log("打印buffer", PrintArry(buffer))
|
|
|
- // decodeWoker.postMessage(buffer);
|
|
|
- // isDrag = true;
|
|
|
- // }
|
|
|
-
|
|
|
- // }
|
|
|
+
|
|
|
var isDrag = false;
|
|
|
myVideo.onmousedown = function (event) {
|
|
|
- console.log('5555555555安卓卡', data.sn)
|
|
|
if (event.button == 0) {
|
|
|
var posX = event.offsetX * 720 * 1.0 / myVideo.clientWidth;
|
|
|
var posY = event.offsetY * 1280 * 1.0 / myVideo.clientHeight;
|
|
|
- var buffer = ExexuteMouseDown(posX.toString(), posY.toString(), data.sn);
|
|
|
- // console.log('55555', buffer)
|
|
|
+ var buffer = ExexuteMouseDown(posX.toString(), posY.toString(), form.sn);
|
|
|
webSocketWorker.postMessage(buffer);
|
|
|
isDrag = true;
|
|
|
}
|
|
@@ -813,29 +471,22 @@
|
|
|
if (isDrag && event.button == 0) {
|
|
|
var posX = event.offsetX * 720 * 1.0 / myVideo.clientWidth;
|
|
|
var posY = event.offsetY * 1280 * 1.0 / myVideo.clientHeight;
|
|
|
- var buffer = ExexuteMouseMove(posX.toString(), posY.toString(), data.sn);
|
|
|
- // ws.send(buffer);
|
|
|
- console.log('55555', buffer)
|
|
|
+ var buffer = ExexuteMouseMove(posX.toString(), posY.toString(), form.sn);
|
|
|
webSocketWorker.postMessage(buffer);
|
|
|
- console.log("移动位置 %d, %d", posX, posY);
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
myVideo.onmouseup = function (event) {
|
|
|
- console.log('5555555555')
|
|
|
isDrag = false;
|
|
|
var posX = event.offsetX * 720 * 1.0 / myVideo.clientWidth;
|
|
|
var posY = event.offsetY * 1280 * 1.0 / myVideo.clientHeight;
|
|
|
- var buffer = ExexuteMouseUp(posX.toString(), posY.toString(), data.sn);
|
|
|
- // ws.send(buffer);
|
|
|
+ var buffer = ExexuteMouseUp(posX.toString(), posY.toString(), form.sn);
|
|
|
webSocketWorker.postMessage(buffer);
|
|
|
-
|
|
|
}
|
|
|
|
|
|
myVideo.onkeydown = function (event) {
|
|
|
- console.log('5555555555')
|
|
|
- ExexuteKeyDown(e.keyCode, data.sn);
|
|
|
+ ExexuteKeyDown(e.keyCode, form.sn);
|
|
|
}
|
|
|
</script>
|
|
|
<script type="text/javascript" src="aac.js"></script>
|