Teams自定义Tab应用侧边栏扩展及移至屏幕中央方案咨询

一、将应用迁移至会议中央（Stage区域） #

你的应用manifest已配置meetingStage上下文，直接按以下操作即可实现：

• 会议内任意成员可点击「+ 添加应用」，选择你的DevTest应用，直接将其添加到会议Stage（中央全屏区域），此时应用会占据会议主屏幕，替代默认视频布局。
• 确保contentUrl指向的页面适配全屏尺寸，可通过Teams JS SDK的app.getContext()获取会议上下文，调整页面布局以适配Stage环境。

二、关于扩展会议侧边栏 #

Teams会议侧边栏的宽度为平台固定值，无法直接扩展。但可通过Teams JS SDK的openFullscreen() API，让侧边栏内的应用页面以全屏模式显示（仅当前用户视角生效）。若需所有参会者查看大尺寸应用界面，优先选择将应用移至Stage区域。

三、实现参会者完全控制权 #

Share to Stage本质是屏幕共享，仅支持查看无法操作，无法满足你的需求。可通过以下方案实现参会者对应用的完全控制：

1. 基于Stage的协作模式：应用添加至Stage后，所有参会者可直接与应用交互（需应用本身支持多人协作）。你需在应用内实现协作逻辑，比如通过WebSocket或Azure SignalR技术实时同步所有用户的操作状态。
2. 权限管控：通过Teams身份验证机制识别参会者身份，在应用内为授权用户开放操作权限，确保其可完全控制应用内容。

关键配置说明 #

你的manifest已包含Stage支持，核心配置片段如下：

"configurableTabs": [
    {
        "configurationUrl": "https://studio-b12.de/downloads/Vossen/TeamsTab.html",
        "scopes": ["team", "groupchat"],
        "canUpdateConfiguration": true,
        "context": [
            "channelTab", "privateChatTab", "meetingChatTab",
            "meetingDetailsTab", "meetingSidePanel", "meetingStage" // 已支持会议Stage
        ]
    }
]

只需确保应用页面适配全屏显示，即可在会议中直接将其部署至中央区域。

内容的提问来源于stack exchange，提问作者Yidi