diff --git a/public/index.js b/public/index.js index ad76cf6..9cd76a2 100644 --- a/public/index.js +++ b/public/index.js @@ -45,16 +45,33 @@ function connect() mwse.scope(beginEngine); } + + + +let interact = false; + +document.addEventListener("click",()=>{ + interact = true; + document.querySelectorAll(".soundon").forEach(e => e.muted = 0); +}) + + /** * @type {HTMLVideoElement} */ let activeVideo; -function templateVideo(name, stream) +function templateVideo(name, stream,infinitedMute) { let i = document.createElement("video"); - i.classList.add("dev0") - i.muted = 1; + if(infinitedMute == true) + { + i.muted = 1; + }else if(interact == false) + { + i.muted = 1; + i.classList.add("soundon"); + } i.classList.add("frame") i.playsInline = 1; i.autoplay = 1; @@ -62,11 +79,11 @@ function templateVideo(name, stream) if(stream) i.srcObject = stream; return i; } -function addVideoList(name, stream, peer) +function addVideoList(name, stream, peer, infinitedMute) { if(!videoContainer.querySelector(`[name="${name}"]`)) { - let video = templateVideo(name, stream); + let video = templateVideo(name, stream, infinitedMute); video.dataset.user = peer.socketId; videoContainer.appendChild(video); } @@ -156,7 +173,7 @@ async function connectRoom() IncomingPeer(peer) } - addVideoList("My Webcam",outgoingStreamOnlyVideo, mwse.peer("me")) + addVideoList("My Webcam",outgoingStreamOnlyVideo, mwse.peer("me"), true) };