2015-02-27 13 views
8

stumm zu machen Ich möchte einen Videoanruf mit webrtc machen. Ich habe zwei Streams, einer ist lokal und der zweite ist Remote Stream.Nicht möglich, HTML5 Video Tag in Firefox

In Chrome stummschaltung ich mein Video-Tag, um meine Stimme nicht zu hören, die zu Echo führt. Mein HTML-Tag ist wie;

<video style="position:absolute;right:5px;bottom:5px;display: inline;" class="localVideo" autoplay="autoplay" 
muted="true" 
src="mediastream:3ffffe01-da89-44d9-b9cf-454b11ec6a6a" height="25%" width="25%"></video> 

In Firefox stumm geschaltet = "true" Eigenschaft nicht funktioniert, so dass ich meine eigene Stimme hören. Ich habe versucht, gedämpftes Verhalten mit vielen Möglichkeiten in anderen Themen wie z.

var video = document.querySelector("#movie");  
video.muted = true; 

verschiedene Variationen dieses Code-Snippets mit jquery hat nicht funktioniert.

Dann habe ich beschlossen, Steuerelemente-Eigenschaft zum Video-Tag hinzufügen, um zu sehen, wie Firefox-Steuerschaltflächen funktioniert. Ich habe gesehen, dass die Mute-Taste auf dem Firefox-Controller auch nicht funktioniert.

Dieses Problem tritt sowohl in Firefox 35 als auch in Firefox ESR 31.5 mit Windows 7 - 8.1, macOS mit Yosemite auf. Ich bekomme Media Stream über webrtc libraries localStream.

Ist dies ein bekanntes Problem, wenn ja, gibt es eine Problemumgehung, um dieses Problem zu beheben?

Danke.

+0

Welche Bibliothek verwenden Sie? Oder wenn Sie den Code selbst schreiben, teilen Sie uns bitte einige nützliche Teile Ihres Codes mit. Es ist schwer zu sagen, warum es fehlschlägt, da diese Eigenschaft für mich sowohl in Chrome als auch in FF funktioniert. Bitte teilen Sie auch die OS und FF-Version. – igorpavlov

+0

Ich habe einige Informationen hinzugefügt. Vielen Dank! –

+0

Ihr Video hat nicht die ID = "Film". Gib ihm zuerst eine ID. Versuchen Sie auch, in der Konsole den folgenden Code auszuführen: document.getElementById ("Film"). Muted = true – igorpavlov

Antwort

1

Ich hatte Probleme, Videos mit Firefox zu stummschalten. Kein Problem in Chrome. Ich habe mich um das Firefox-Problem gekümmert, indem ich die Lautstärke auf Null gestellt habe. Gleicher Nettoeffekt?

var video = document.querySelector("#movie");  
video.volume = 0; 
2

Hinweis: Es gibt eine bessere Antwort in dieser question

Ich hatte auch dieses Problem in FF45. Die Lösung bestand darin, Code im Gegensatz zum DOM zu deaktivieren.

$("#browserCheck").get(0) 
<video id="browserCheck" class="img-responsive" autoplay="" muted="true"> 
$("#browserCheck").get(0).muted 
false 
$("#browserCheck").get(0).muted = true 
true 
$("#browserCheck").get(0).muted 
true 
9

ich stieß auch auf dieses Problem mit Firefox, die einfachste Lösung, die ich gefunden habe, ist das onloadedmetadata Ereignis wie unten:

video { 
 
    width: 200px; 
 
    height: 200px; 
 
}
<video 
 
    src="https://scontent-lhr3-1.cdninstagram.com/t50.2886-16/12930587_1020784647992081_252978711_n.mp4" 
 
    muted 
 
    onloadedmetadata="this.muted = true" 
 
    onmouseenter="play()" 
 
    onmouseleave="pause()">

+0

Perfekt, funktionierte gut für mich! – Danmoreng