如何使用 Twilio 可编程视频在远程参与者上全屏显示屏幕共享视频？

问题描述

我正在我的网络应用程序中创建一个带有屏幕共享的音频/视频通话功能，只有当我们共享屏幕时一切正常，即显示在参与者视频的正下方。我想在远程端全宽显示此屏幕共享部分。 我也分享截图作为参考。非常感谢任何机构帮助我。

以下代码用于屏幕共享

function shareScreenHandler() {
        event.preventDefault();
        if (!screenTrack) {
            navigator.mediaDevices.getdisplayMedia().then(stream => {
                screenTrack = new Twilio.Video.LocalVideoTrack(stream.getTracks()[0]);
                /*console.log(screenTrack);               
                screenTrack.classList.add('screeShare');*/                
                videoRoom.localParticipant.publishTrack(screenTrack);                
                shareScreen.innerHTML = '<i class="fa fa-desktop fa-lg" aria-hidden="true" style="color:#00cc00;"></i>';
                screenTrack.mediaStreamTrack.onended = () => { shareScreenHandler() };
                $('#remotemedia div video:eq(1)').addClass("screeShare");
            }).catch(() => {
                alert('Could not share the screen.');
            });
        }
        else {
            videoRoom.localParticipant.unpublishTrack(screenTrack);
            screenTrack.stop();
            screenTrack = null;
            shareScreen.innerHTML = '<i class="fa fa-desktop fa-lg" aria-hidden="true"></i>';
        }
    };

提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript twilio twilio