Quiero silenciar una salida de audio iFrame en mi aplicación Angular. Probé algunas soluciones, pero no me funcionaron.
Aquí está mi iFrame:
<iframe allow="camera; microphone; display-capture; autoplay; clipboard-write" src="https://meet.jit.si/a#jitsi_meet_external_api_id=0&config.prejoinPageEnabled=false&config.disableDeepLinking=true&interfaceConfig.TOOLBAR_ALWAYS_VISIBLE=true&interfaceConfig.TOOLBAR_BUTTONS=%5B%5D&userInfo.displayName=%22Gustavo%20Paciente%22&appData.localStorageContent=null" name="jitsiConferenceFrame0" id="jitsiConferenceFrame0" allowfullscreen="true" style="height: 778px; width: 1350px; border: 0px;"></iframe>Y aquí están las "soluciones" que ya he probado:
1 - En este caso, el atributo de volumen está configurado en html, pero los audios no están silenciados:
const iframe: any = document.getElementById('jitsiConferenceFrame0'); iframe.setAttribute("volume", "0");2 - En este caso, el "contentDocument" es nulo
const iframe: any = document.querySelector('iframe[id="jitsiConferenceFrame0"]'); iframe.contentDocument.getElementById("muted").checked = true; iframe.contentWindow.speaker[0].muted = true; iframe.contentWindow.speaker[1].muted = true;3 - En este caso, "iframe.contentDocument" (línea 2) es nulo y "iframe.contentWindow" existe, pero "iframe.contentWindow.document" (línea 2) también es nulo.
var iframe = document.getElementById('iframeId'); var innerDoc = iframe.contentDocument || iframe.contentWindow.document; var MediaSource = innerDoc.getElementById('mediaElem'); MediaSource.muted=true;Creo que no estoy tan lejos de resolverlo, pero aún necesito ayuda. ¿Cómo resolverlo?
EDITAR Aquí está mi objeto iframe