0

我正在使用 Javascript 处理的 Jitsi Room 遇到下一个问题。我想要实现的是能够在我的视频通话框架上显示一个文本主题。我还有一个问题是能够在进入通话时显示头像图像。我在其中包含了一个avatarUrl属性,var options但每当我打开框架时它都不会出现。

  <body>
    <div id="wrapper" class="clearfix">
        <partial name="_NavBar_DataUser" />
    </div>
    <div id="iframeDesktopContainer"></div>
    <div id="iframeMobileContainer"></div>
</body>
<script>
    let iframeDesktopContainer = document.getElementById("iframeDesktopContainer"); 
    let iframeMobileContainer = document.getElementById("iframeMobileContainer");
    let iframeContainerOperativo = iframeDesktopContainer;

   $(document).ready(function(){
       const myOverwrite = {
            'DEFAULT_BACKGROUND': "#6668ae",
            'TOOLBAR_BUTTONS': [
                'microphone', 'camera', 'closedcaptions', 'fullscreen', 'fodeviceselection',
                'profile','etherpad', 'videoquality', 'tileview', 'help'
            ]
        };
        var domain = '@ViewBag.videoconsultaDomain';
        var options = {
            roomName: url, // this is the url I get from my controller
            width: "100%",
            height: "auto",
            defaultLanguage: "es",
            parentNode: iframeContainerOperativo,
            configOverwrite: { subject: 'Espere a que el Médico se conecte' },
            interfaceConfigOverwrite: myOverwrite,
            userInfo: {
                displayName: '@ViewBag.userName',
            },
           avatarURL: "~/@Context.Session.GetString("UsuarioFotoPerfil")" // the avatar URL of the local participant
        }
        const api = new JitsiMeetExternalAPI(domain, options);

     });

我正在从我的 Firebug 控制台附加 Logger.js 的图像。它清楚地表明主题文本已更改,但我不知道如何在 iframe 顶部显示它。是否可以捕获主题文本并创建一个可以在框架元素上显示它的元素?

在此处输入图像描述

4

0 回答 0