带有JS/TS的iframe的静音音频输出

Question

我想在我的Angular应用中静音一个iframe音频输出。我尝试了一些解决方案，但他们对我没有工作。

这是我的iframe：

<iframe allow="camera; microphone; display-capture; autoplay; clipboard-write" src="https://meet.jit.si/a#jitsi_meet_external_api_id=0&amp;config.prejoinPageEnabled=false&amp;config.disableDeepLinking=true&amp;interfaceConfig.TOOLBAR_ALWAYS_VISIBLE=true&amp;interfaceConfig.TOOLBAR_BUTTONS=%5B%5D&amp;userInfo.displayName=%22Gustavo%20Paciente%22&amp;appData.localStorageContent=null" name="jitsiConferenceFrame0" id="jitsiConferenceFrame0" allowfullscreen="true" style="height: 778px; width: 1350px; border: 0px;"></iframe>

这是我已经尝试过的“解决方案”：

1-在这种情况下，卷属性设置为html，但是音频没有静音：

const iframe: any = document.getElementById('jitsiConferenceFrame0');
iframe.setAttribute("volume", "0");

2-在这种情况下，“ contentDocument”是null

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-在这种情况下，“ iframe.contentDocument”（第2行）为null和“ iframe.contentwindow”，但“ iframe.contentwindow.document”（第2行）也为null。

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
var MediaSource = innerDoc.getElementById('mediaElem');
MediaSource.muted=true;

我认为我没有解决问题，但仍然需要一些帮助。如何解决？

在这里编辑是我的 iframe对象