klaus
/
WebRTC-Example
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update ui

pull/43/head
Mathieu Dombrock 2023-02-26 19:33:36 -08:00
parent 448b025701
commit 68ef6b3d25
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/index.html
View File

@ -14,7 +14,7 @@
<video id="localVideo" class="video rnd" autoplay muted></video>
<video id="remoteVideo" class="video rnd" autoplay></video>
<div class="label">You</div>
<div class="label">Remote</div>
<div class="label">Peer</div>
</div>
<div class="btn-wrap">
<input type="button" id="dbg" onclick="showStatus(true)" value="DBG"></input>

10
client/webrtc.js
View File

@ -82,21 +82,21 @@ function addStatus(msg){
function sendMsg(){
let content = _dom.chatInput.value;
const msg = {
uuid: _s.uuid,
sender: 'Peer',
content: content
};
_s.dataChannel.send(JSON.stringify(msg, null, 2));
// write local
content = content.replace(_s.uuid, 'You');
writeMsg({uuid:'You', content});
writeMsg({sender:'You', content});
_dom.chatInput.value = '';
}
function writeMsg(msg){
let content = msg.content;
const origin = msg.uuid || 'System >> ';
const origin = msg.sender || 'System';
content = content.replace(/(?:\r\n|\r|\n)/g, '<br>');
const out = '<br>' + origin + ': ' + content + '<br>';
const out = '<br><strong>' + origin + '</strong>: ' + content + '<br>';
_dom.msgArea.innerHTML += out;
_dom.msgArea.scrollTop = msgArea.scrollHeight;
}
@ -128,7 +128,7 @@ function setupDataChannel(){
_s.dataChannel.onopen = () => {
// The data channel is now open
// You can now send data
const msg = {uuid: _s.uuid, content: 'CONNECTED!'};
const msg = {sender: _s.uuid, content: 'Connected!'};
_s.dataChannel.send(JSON.stringify(msg, null, 2));
showChat(true);
}