190 lines
6.6 KiB
HTML
190 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>模拟龙虎识别端</title>
|
|
<script src="/static/handle/js/socket.io-1.4.4.js"></script>
|
|
<script src="/static/handle/js/md5.min.js"></script>
|
|
<script src="/static/handle/js/jquery-2.1.0.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div>
|
|
台桌号: <input type="text" id="tableCode" name="tableCode"><br/>
|
|
接收：<br/>
|
|
1. 启动识别: startScanEvent<br/>
|
|
2. 停止识别: stopScanEvent<br/>
|
|
3. 指定下标识别: scanIndexEvent<br/>
|
|
4. 多个位置识别: scanAllEvent<br/>
|
|
5. 停止发送数据: stopSendingDataEvent<br/>
|
|
<p></p>
|
|
发送：<br/>
|
|
1. 连接: <button onclick="join()">join</button>；响应：joinEvent<br/>
|
|
<!--
|
|
2. 发送数据：<button onclick="sendScan()">sendScan</button>；响应：sendScanEvent<br/>
|
|
3. 发送指定下标数据：<button onclick="sendScanIndex()">sendScanIndex</button>；响应：sendScanIndexEvent<br/>
|
|
4. 发送多个标框数据：<button onclick="sendScanAll()">sendScanAll</button>；响应：sendScanAllEvent<br/>
|
|
-->
|
|
|
|
龙：<input name="banker_1" id="banker_1" ><button id="sub_1" onclick="submitResult('sub_1')">提交</button><br>
|
|
虎：<input name="player_1" id="player_1" ><button id="sub_3" onclick="submitResult('sub_3')">提交</button><br>
|
|
|
|
<input type="hidden" id="number_tab_id" value="">
|
|
<p></p>
|
|
</div>
|
|
<hr/>
|
|
|
|
<script>
|
|
|
|
var items = [
|
|
'as','2s','3s','4s','5s','6s','7s','8s','9s','ts','js','qs','ks',
|
|
'ah','2h','3h','4h','5h','6h','7h','8h','9h','th','jh','qh','kh',
|
|
'ac','2c','3c','4c','5c','6c','7c','8c','9c','tc','jc','qc','kc',
|
|
'ad','2d','3d','4d','5d','6d','7d','8d','9d','td','jd','qd','kd',
|
|
];
|
|
$(function(){
|
|
var randomBanker = items[Math.floor(Math.random() * items.length)];
|
|
$('#banker_1').val(randomBanker);
|
|
var randomPlayer = items[Math.floor(Math.random() * items.length)];
|
|
$('#player_1').val(randomPlayer);
|
|
})
|
|
|
|
|
|
|
|
var localSbServer="{$localSbServer}";
|
|
|
|
var socket = io(localSbServer,{transports: ['websocket']});
|
|
var token = '';
|
|
var tableCode = "B01";
|
|
var key = "tntpokeraisyn";
|
|
var stop = false;
|
|
var biz = 0;
|
|
|
|
var submitResult = function(id){
|
|
var query = new Object();
|
|
if(id == "sub_1"){
|
|
// 庄第一张
|
|
query.card = $('#banker_1').val();
|
|
query.position = "2";
|
|
}else if(id == "sub_3"){
|
|
// 闲第一张
|
|
query.card = $('#player_1').val();
|
|
query.position = "1";
|
|
}
|
|
if(query.card.length <= 0){
|
|
layer.alert("扫牌失败，请重新扫牌!");
|
|
return false;
|
|
}
|
|
|
|
sendScan(query);
|
|
|
|
}
|
|
|
|
|
|
function join() {
|
|
tableCode = $('#tableCode').val();
|
|
var timestamp = new Date().getTime();
|
|
timestamp = Math.floor(timestamp / 1000);
|
|
var sign = md5(tableCode + key + timestamp);
|
|
|
|
|
|
console.log("发送 join 数据");
|
|
console.log('socket.emit("join",{"tableCode":"' + tableCode + '", "timestamp":"' + timestamp + '","sign":"' + sign + '"})');
|
|
|
|
socket.emit('join', {'tableCode': tableCode, 'timestamp': timestamp, 'sign': sign});
|
|
}
|
|
|
|
function sendScan(data) {
|
|
if (token == '') {
|
|
alert('须先join');
|
|
return ;
|
|
}
|
|
tableCode = $('#tableCode').val();
|
|
console.log("发送 sendScan 数据");
|
|
socket.emit('sendScan', {'tableCode': tableCode, 'token': token, 'tableType':'ONE', 'count':1, 'biz': biz, 'data':[{'index':data.position, 'card':data.card}]});
|
|
}
|
|
|
|
function sendScanIndex(data) {
|
|
if (token == '') {
|
|
alert('须先join');
|
|
return ;
|
|
}
|
|
tableCode = $('#tableCode').val();
|
|
console.log("发送 sendScanIndex 数据");
|
|
socket.emit('sendScanIndex', {'tableCode': tableCode, 'token': token, 'tableType':'ONE','biz':biz,'data':[{'index':data.position, 'card':data.card}]});
|
|
}
|
|
|
|
function sendScanAll() {
|
|
if (token == '') {
|
|
alert('须先join');
|
|
return ;
|
|
}
|
|
tableCode = $('#tableCode').val();
|
|
console.log("发送 sendScanAll 数据");
|
|
console.log('socket.emit("sendScanAll",{"tableCode":"' + tableCode + '", "token":"' + token + '","tableType":"ONE","biz":"abcd", "data":[{"index":1, "card":"3d"},{"index":2, "card":"5h"},{"index":3, "card":"5h"},{"index":4, "card":"5h"},{"index":5, "card":"kd"},{"index":6, "card":"None"}]})');
|
|
socket.emit('sendScanAll', {'tableCode': tableCode, 'token': token, 'tableType':'ONE', 'biz':'abcd', 'data':[{'index':1, 'card':'3d'},{'index':2, 'card':'5h'},{'index':3, 'card':'5h'},{'index':4, 'card':'5h'},{'index':5, 'card':'kd'},{'index':6, 'card':'None'}]});
|
|
}
|
|
|
|
// 设备
|
|
socket.on('startScanEvent',(data)=>{
|
|
//监听浏览器通过msg事件发送的信息
|
|
console.log('设备接收到启动识别事件 startScanEvent');
|
|
console.log('data',data);//你好浏览器
|
|
if (data.tableCode == tableCode) {
|
|
biz = data.biz;
|
|
}
|
|
});
|
|
socket.on('stopScanEvent',(data)=>{
|
|
//监听浏览器通过msg事件发送的信息
|
|
console.log('设备接收到停止识别事件 stopScanEvent');
|
|
console.log('data',data);//你好浏览器
|
|
stop = true;
|
|
});
|
|
socket.on('stopSendingDataEvent',(data)=>{
|
|
//监听浏览器通过msg事件发送的信息
|
|
console.log('设备接收到停止识别事件 stopSendingDataEvent');
|
|
console.log('data',data);//你好浏览器
|
|
stop = true;
|
|
});
|
|
socket.on('scanIndexEvent',(data)=>{
|
|
//监听浏览器通过msg事件发送动的信息
|
|
console.log('设备接收到识别指定下标请求事件 scanIndexEvent');
|
|
console.log('data',data);//你好浏览器
|
|
|
|
if (data.tableCode == tableCode) {
|
|
biz = data.biz;
|
|
}
|
|
});
|
|
socket.on('scanAllEvent',(data)=>{
|
|
//监听浏览器通过msg事件发送动的信息
|
|
console.log('设备接收到识别多个标框请求事件 scanAllEvent');
|
|
console.log('data',data);//你好浏览器
|
|
sendScanAll();
|
|
});
|
|
socket.on('joinEvent',(data)=>{
|
|
//监听浏览器通过msg事件发送的信息
|
|
console.log('设备接收到加入响应 joinEvent');
|
|
console.log('data',data);//你好浏览器
|
|
if(data.code == 200) {token = data.token;}
|
|
});
|
|
socket.on('sendScanEvent',(data)=>{
|
|
//监听浏览器通过msg事件发送的信息
|
|
console.log('设备发送识别数据后，接收到响应 sendScanEvent');
|
|
console.log('data',data);//你好浏览器
|
|
});
|
|
socket.on('sendScanIndexEvent',(data)=>{
|
|
//监听浏览器通过msg事件发送的信息
|
|
console.log('设备发送指定下标识别数据后，接收到响应 sendScanIndexEvent');
|
|
console.log('data',data);//你好浏览器
|
|
});
|
|
socket.on('sendScanAllEvent',(data)=>{
|
|
//监听浏览器通过msg事件发送的信息
|
|
console.log('设备发送多标框识别数据后，接收到响应 sendScanAllEvent');
|
|
console.log('data',data);//你好浏览器
|
|
});
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|