Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

add toogle to message and made the video of you smaller

  • Loading branch information...
commit 79b1a1576aa8ab65d04c9fb80416772f3f3fb299 1 parent e40f50e
@dennismartensson dennismartensson authored
Showing with 18 additions and 4 deletions.
  1. +3 −2 site/index.html
  2. +15 −2 site/script.js
View
5 site/index.html
@@ -8,9 +8,10 @@
<body onload="init()">
<div id="videos">
<a href="https://github.com/webRTC"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
- <video id="you" class="flip" autoplay></video>
+ <video id="you" class="flip" autoplay width="263" height="200" style="position: absolute; left: 0px; bottom: 0px;"></video>
</div>
<div id="chatbox">
+ <div id="hideShowMessages" class="button">toggle chat</div>
<div id="messages">
</div>
<input id="chatinput" type="text" placeholder="Message:"/>
@@ -23,4 +24,4 @@
<script src="/script.js"></script>
</body>
-</html>
+</html>
View
17 site/script.js
@@ -135,9 +135,22 @@ function initChat() {
}
var input = document.getElementById("chatinput");
+ var toggleHideShow = document.getElementById("hideShowMessages");
var room = window.location.hash.slice(1);
var color = "#" + ((1 << 24) * Math.random() | 0).toString(16);
+ toggleHideShow.addEventListener('click', function() {
+ var element = document.getElementById("messages");
+
+ if(element.style.display === "block") {
+ element.style.display = "none";
+ }
+ else {
+ element.style.display = "block";
+ }
+
+ });
+
input.addEventListener('keydown', function(event) {
var key = event.which || event.keyCode;
if(key === 13) {
@@ -169,9 +182,9 @@ function init() {
}, function(stream) {
document.getElementById('you').src = URL.createObjectURL(stream);
document.getElementById('you').play();
- videos.push(document.getElementById('you'));
+ //videos.push(document.getElementById('you'));
//rtc.attachStream(stream, 'you');
- subdivideVideos();
+ //subdivideVideos();
});
} else {
alert('Your browser is not supported or you have to turn on flags. In chrome you go to chrome://flags and turn on Enable PeerConnection remember to restart chrome');
Please sign in to comment.
Something went wrong with that request. Please try again.