我正在使用 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 顶部显示它。是否可以捕获主题文本并创建一个可以在框架元素上显示它的元素?