使用 JS 实现一个简单的屏幕录像机

本文将向您展示如何使用 JS 实现一个简单的屏幕录像机。

创建一个按钮。

start recording

var recording_ongoing = false;var recordingtoggle = document.getelementbyid("recording-toggle");按钮录制切换addeventlistener("click", function() else })

在编写函数之前，声明 3 个全局变量（在函数外部）。

var blob, mediarecorder = null;var chunks =

async function startrecording(),audio: true} )devicerecorder = new devicerecorder(stream, )

你可以在这里阅读更多关于mimetypes的信息。

Edge 支持 Video Webmmime 类型。 这是文件扩展名。 webm。您可以通过以下方式检查您的浏览器是否支持 mimetype：

console.log(mediarecorder.istypesupported("video/webm"))console.log(mediarecorder.istypesupported("video/mp4"))console.log(mediarecorder.istypesupported("video/mp4;codecs=**c1"))

devicerecorder.ondata**ailable = (e) => devicerecorder.onstop = ()=> devicerecorder.start(250)

函数 stoprecording（））chunks = 重置数据块 var datadownloadurl = urlcreateobjecturl(blob);将其带到用户的设备上，让 = 文档createelement('a') a.href = datadownloadurl; a.download = `$webm` a.click() url.revokeobjecturl(datadownloadurl)}

如果您的屏幕正在共享，浏览器会通知您。

作者：张杰，京东保险。

*：京东云开发者社区 **请注明**。