2022-01-09 03:50:38 +08:00
<!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 ;
2022-03-17 10:42:50 +08:00
overflow-y : scroll ;
2025-12-01 06:39:05 +08:00
overflow : hidden ;
2022-01-09 03:50:38 +08:00
}
</ style >
</ head >
< body style = "background-color: #666;color: #fff;presentation-level: increment;" >
2025-12-01 06:39:05 +08:00
<!--<video id="output" width="320" height="240" autoplay></video>-->
2022-01-09 03:50:38 +08:00
< pre id = "format" ></ pre >
< script type = "text/javascript" >
let sock , tick , format = document . getElementById ( 'format' );
2025-12-01 06:39:05 +08:00
// let buffer;
// let ms = new MediaSource()
let unique = '' ;
2022-01-09 03:50:38 +08:00
2025-12-01 06:39:05 +08:00
// let output = document.getElementById('output')
// output.src = URL.createObjectURL(ms)
// ms.onsourceopen = () => {
// buffer = ms.addSourceBuffer('video/webm; codecs="vorbis,vp8"')
// }
2022-01-09 03:50:38 +08:00
2025-12-01 06:39:05 +08:00
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' );
2022-01-09 03:50:38 +08:00
2025-12-01 06:39:05 +08:00
format . insertBefore ( div , count [ 0 ]);
2022-01-09 03:50:38 +08:00
}
function close ( even ) {
2025-12-01 06:39:05 +08:00
unique = '' ;
2022-01-09 03:50:38 +08:00
setTimeout ( function () {
connect ();
sock . onmessage = message ;
sock . onclose = close ;
}, 3000 );
console . log ( even , 'onClose' )
}
function connect () {
2025-12-01 06:39:05 +08:00
sock = new WebSocket ( 'wss://center-wss.stupideyes.com/ws?access_token=a8exu0la-77ecu-ijhk-inkgt6vln-rlwwuk' );
// sock = new WebSocket('wss://meet-bottle.zhuangb123.com/socket/?auth=dG9rZW49M2I2ODJhNzg0NS0xMTktMzBiMS1mMDkxOGRhNjktNTg2ZDEyJnRpbWU9MTc1MzA4MTI5MyZyZWZyZXNoPXBDT0VFYk9KOG8xTEVZQytyUkR4VlZIaXR1TmVWcndCY2crRTBua2U1ZkJuUWNJaHl6NUtTV0x2ZExXa1Y5aXlyK3NmRnRwOVRCVU91MnhPSVRPRjROTjhoT0hlODNNVmZjN1NXb2QyeDY0TXEvZTFEUCtySjNzNjZhVlplcXdYV0QzV2VRd0V6YkowZ29oOFFqRHVvZGcyb281OEZkZVp5TjVIcHFyejRZQ0VMbkxydXlCUmpFdjNTWnRsQ3gxMWthNDNxbEwzM1lJYVlaV2t3dEhOMm9VaXllNFpKOHFnU1FueEZ4N0c4RDhabzBhajFFeEJIZTlJUFQ0VUo3UkR0V0g2Y3A3bkY3bXlkVHB4Wnp5NG1kRlgxa3M5eC9iVlJHaVFDRnU4VEFsUVdDdHEzbmJ1TnNYZVd3Q2dXWEd1OEUzMld3THVFRzRCZFRCanA2MGtYUT09');
sock . onopen = function ( data ) {
2022-01-09 03:50:38 +08:00
if ( tick ) {
clearInterval ( tick )
}
tick = setInterval ( function () {
2025-12-01 06:39:05 +08:00
sock . send ( JSON . stringify ({ 'event' : 'tick' , 'id' : unique , 'data' : { 'math' : Math . ceil ( Math . random () * 1000000 )}}));
2022-01-09 03:50:38 +08:00
}, 3000 )
}
}
connect ();
sock . onmessage = message ;
sock . onclose = close ;
// console.log(window);
</ script >
</ body >
</ html >
