Chrome中使用getDisplayMedia共享标签页时如何隐藏顶部提示栏？

在Chrome浏览器中使用getDisplayMedia函数共享单个标签页时，所有标签页都会出现提示栏，提示当前正在共享某个标签页，该栏会挤压网页内容使其向下偏移。

我曾尝试在MediaStream约束中设置surfaceSwitching属性，但仅能移除初始状态下的切换按钮，无法隐藏目标提示栏。在Chrome支持论坛中已有两位用户提出相同问题，但帖子均已关闭且无有效回复。

到底是否可以隐藏这个提示栏？

以下是我使用的代码：

// Function for creating MediaStreams
async function start(constraints) {
    let MediaStream = null;
    try {
        MediaStream = await navigator.mediaDevices.getDisplayMedia(constraints);
    } catch (err) {
        console.error(`Error: ${err}`);
    }
    return MediaStream;
}


/* EVENT LISTENERS */

// When the capture button is clicked
capture.addEventListener("click", async () => {

    const constraints = {
        video: {
            frameRate: 30,
            width: 1920,
            height: 1080,
            cursor: "always"
        },
        audio: {
            autoGainControl: false,
            echoCancellation: false,
            googAutoGainControl: false,
            noiseSuppresion: false
        },
        surfaceSwitching: "exclude"
    }
    
    // Create MediaStream
    let captureStream = await start(constraints);

    // Update frontend
    localVideo.srcObject = captureStream;

    // Connect to remote peer
    for (const track of captureStream.getTracks()) {
        pc.addTrack(track, captureStream);
    }

})

回答 #

经多方查证，无法移除单个标签页共享时的提示栏。不过可以选择共享整个浏览器窗口而非单个标签页，这样就不会显示该提示栏。

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