如何用JavaScript编写网页录音功能？

本文共计1332个文字，预计阅读时间需要6分钟。

前言+页面中实现录音需要使用浏览器提供的MediaRecorder API，所以前提是浏览器需要支持MediaStream Recording相关功能。以下代码默认在Chrome环境中工作。

准备页面+首先准备一个页面

前言

页面中实现录音需要使用浏览器提供的 Media​Recorder API，所以前提是需要浏览器支持 MediaStream Recording 相关的功能。

以下代码默认工作在 Chrome 环境中。

准备页面

首先准备一个页面，其中内容很简单，一个录音按钮，一个用于播放的 <audio> 标签。