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

4
client/webrtc.js
View File

@ -71,7 +71,9 @@ function sendMsg(){
function writeMsg(msg){ function writeMsg(msg){
//alert(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) { function getUserMediaSuccess(stream) {