Фон видео потока - кнопка Mute / UNMUTE - PullRequest
Новая
       51

Фон видео потока - кнопка Mute / UNMUTE

0 голосов
/ 09 октября 2018

У меня есть страница, встроенная в веб-поток, в нее вставлен видео-фон.По умолчанию он отключен, что нормально.

Я просто хотел бы включить маленькую кнопку в углу, чтобы пользователь мог включить или выключить звук как минимум.Если мы можем добавить том, который еще лучше.

Вот страница , где она в данный момент припаркована до публикации.

Я попробовал несколько других примеров кода здесьбезуспешно, например, этот SO вопрос

::: Вот обновление ::: Я рассмотрю все ваши предложения, и здесь ниже по следующей ссылке приведен фрагмент того, чтоЯ придумал после того, как подписался на этот пост

([ ХОЧУ СОЗДАТЬ ПОЛЬЗОВАТЕЛЬСКИЙ ОТКЛЮЧЕНИЕ .. ]) 

<!-- MUTEBUTTON \/ MUTEBUTTON -->

<script>  
 
var themutebtn;
intitializePlayer()  // **don't forget to call the initialize**

function intitializePlayer(){
    //set object references
    vid = document.getElementById("intro_video");
    themutebtn = document.getElementById("audioswitch1");
    //add event listener
    themutebtn.addEventListener("click",vidmute,false);   // **quotes only around the event** 
}

function mute_switch(){   // **there was an extra '.' between function and vidmute**
    if(vid.muted){
        vid.muted = false;
        themutebtn.innerHTML = "mute";
    } else {
        vid.muted = true;
        themutebtn.innerHTML = "Unmute";
    }
}

  
</script>

<!-- MUTEBUTTON /\ MUTEBUTTON -->

Я работал над этим какое-то время, поэтому я, возможно, отключился в какой-то странный тангент, пожалуйста, дайте мне знать, если я ухожу с дороги, и еслиЛУЧШИЙ СПОСОБ ДЕЛАТЬ ЭТО.БЛАГОДАРЮ ВАС!!XD

Вот другая часть кода ... 

<div id="audioswitch_div" class="audioswitch_div">

  <button  id="audioswitch1" class="mutebutton w-button" value="muted">MUTE</button>

</div>
...