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

chat is working, ui updates

pull/43/head
Mathieu Dombrock 2023-02-26 17:51:43 -08:00
parent f881a74057
commit e29e92adb6
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/index.html
View File

@ -13,6 +13,7 @@
<div class="label">Remote</div>
</div>
<div class="btn-wrap">
<input type="button" id="dbg" onclick="showStatus(true)" value="DBG"></input>
<input type="button" id="start" onclick="start(true)" value="Connect"></input>
</div>
<div id="chatWrap" class="chat-wrap" style="visibility:hidden">
@ -20,7 +21,7 @@
MESSAG AREA<br>
</div>
<div class="chat-input">
<input type="text" id="chatInput">
<input type="text" id="chatInput" placeholder="Write a message...">
<br><br>
<input type="button" id="send" onclick="sendMsg()" value="send"></input>
</div>
@ -103,6 +104,8 @@
.msg-area{
background: rgb(65,65,65);
padding:1rem;
height: 360px;
overflow-y: scroll;
}
.chat-input{
text-align:right;

4
client/webrtc.js
View File

@ -71,7 +71,9 @@ function sendMsg(){
function writeMsg(msg){
//alert(msg);
document.getElementById('msgArea').innerHTML += msg + '<br>';
const msgArea = document.getElementById('msgArea');
msgArea.innerHTML += msg + '<br>';
msgArea.scrollTop = msgArea.scrollHeight;
}
function getUserMediaSuccess(stream) {