93 lines
3.8 KiB
HTML
93 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<style type="text/css">
|
|
#format {
|
|
word-break: break-all;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
overflow-y: scroll;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="background-color: #666;color: #fff;presentation-level: increment;">
|
|
<!--<video id="output" width="320" height="240" autoplay></video>-->
|
|
<pre id="format"></pre>
|
|
<script type="text/javascript">
|
|
let sock, tick, format = document.getElementById('format');
|
|
|
|
|
|
// let buffer;
|
|
// let ms = new MediaSource()
|
|
let unique = '';
|
|
|
|
// let output = document.getElementById('output')
|
|
// output.src = URL.createObjectURL(ms)
|
|
// ms.onsourceopen = () => {
|
|
// buffer = ms.addSourceBuffer('video/webm; codecs="vorbis,vp8"')
|
|
// }
|
|
|
|
function message(message) {
|
|
try {
|
|
let data = JSON.parse(message.data);
|
|
if (data.event === 'user::kick') {
|
|
return;
|
|
}
|
|
if (unique === '') {
|
|
unique = message.data;
|
|
}
|
|
if (data["ack"]) {
|
|
sock.send(JSON.stringify({'event': 'ack', 'id': unique, 'data': {'ack': data["ack"]}}));
|
|
}
|
|
} catch (e) {
|
|
if (unique === '') {
|
|
unique = message.data;
|
|
}
|
|
}
|
|
let div = document.createElement('div');
|
|
div.innerHTML = message.data;
|
|
div.style.cssText = 'padding:5px 10px;background-color:#222;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;word-break: break-all;word-wrap: break-word;';
|
|
div.style.marginBottom = '10px';
|
|
let count = format.getElementsByTagName('div');
|
|
|
|
format.insertBefore(div, count[0]);
|
|
}
|
|
|
|
function close(even) {
|
|
unique = '';
|
|
setTimeout(function () {
|
|
connect();
|
|
sock.onmessage = message;
|
|
sock.onclose = close;
|
|
}, 3000);
|
|
console.log(even, 'onClose')
|
|
}
|
|
|
|
function connect() {
|
|
sock = new WebSocket('ws://121.40.147.153:6611/sockets/?auth=dG9rZW49NjYxNTBhMWQwYS0wMWItMDMxYS0wZTRjNTJiNGEtMjkzMTI5JnRpbWU9MTc4MjEyODcwMCZyZWZyZXNoPTJzMTdyR1BMWDRuWElKWExycTdNU1pQNEsyUXQwQ1pId1RsWUM5dzZJTmpLU1dvOThocW5KR0tQVFNCU2E2QTllNWRMTm9DYkRBaVhVQVd1cUU3Q1B5ejZLMTVzamdaTlpJWHhXNVlKeWQ2ODBaTkhZdktHUnd5RklKT1NZTEVBMURSb3JrbTUwRVUrTmpNMjJJL0lsMmpPT3p2MzFFNFZ4WkZwb1pXSmZVV015Q1VZenFtYTg4MDRHZ0Z3anZobDlYdWFkakR3QmhmZFd4QloxSC9HWndDRHdVQjN3elFrL01wUWFOSTB2YTlqZjZzQTRESFI2VlJtYWpxYWFHdkVNV3BGOXllbGVrTXFhcUhyT0tkdUpZRXVpSzEzZkNoRUljblFqdUVzWjdGUDBYVGlkNTUybUlyQnlYQjc0YktxQVRNbklvZlFQcnl3aEVUNGRSZVhhdz09');
|
|
// sock = new WebSocket('wss://meet-bottle.zhuangb123.com/socket/?auth=dG9rZW49M2I2ODJhNzg0NS0xMTktMzBiMS1mMDkxOGRhNjktNTg2ZDEyJnRpbWU9MTc1MzA4MTI5MyZyZWZyZXNoPXBDT0VFYk9KOG8xTEVZQytyUkR4VlZIaXR1TmVWcndCY2crRTBua2U1ZkJuUWNJaHl6NUtTV0x2ZExXa1Y5aXlyK3NmRnRwOVRCVU91MnhPSVRPRjROTjhoT0hlODNNVmZjN1NXb2QyeDY0TXEvZTFEUCtySjNzNjZhVlplcXdYV0QzV2VRd0V6YkowZ29oOFFqRHVvZGcyb281OEZkZVp5TjVIcHFyejRZQ0VMbkxydXlCUmpFdjNTWnRsQ3gxMWthNDNxbEwzM1lJYVlaV2t3dEhOMm9VaXllNFpKOHFnU1FueEZ4N0c4RDhabzBhajFFeEJIZTlJUFQ0VUo3UkR0V0g2Y3A3bkY3bXlkVHB4Wnp5NG1kRlgxa3M5eC9iVlJHaVFDRnU4VEFsUVdDdHEzbmJ1TnNYZVd3Q2dXWEd1OEUzMld3THVFRzRCZFRCanA2MGtYUT09');
|
|
sock.onopen = function (data) {
|
|
if (tick) {
|
|
clearInterval(tick)
|
|
}
|
|
tick = setInterval(function () {
|
|
sock.send(JSON.stringify({'event': 'tick', 'id': unique, 'data': {'math': Math.ceil(Math.random() * 1000000)}}));
|
|
}, 3000)
|
|
}
|
|
}
|
|
|
|
|
|
connect();
|
|
sock.onmessage = message;
|
|
sock.onclose = close;
|
|
|
|
// console.log(window);
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|