浏览器中实现录制效果录制屏幕

最新推荐文章于 2024-12-25 09:42:57 发布

原创

最新推荐文章于 2024-12-25 09:42:57 发布 · 320 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

1.点击录制屏幕按钮

2.选择分享

3. 停止共享

4.存储文件。 --ending

代码如下：

//录制屏幕
//html
<button class="screenRecord"><span></span>录制屏幕</button>

    //js
    const button = document.querySelector(".screenRecord");
    button.addEventListener("click", async () => {
        const stream = await navigator.mediaDevices.getDisplayMedia({
      &nbs