js的MediaRecorder录音录视频方法笔记

// 获取设备音频和视频流
navigator.mediaDevices.getUserMedia({ audio: true, video: true })
  .then(function(stream) {
    // 创建MediaRecorder实例
    const mediaRecorder = new MediaRecorder(stream);
 
    // 当数据可用时的事件处理
    mediaRecorder.ondataavailable = event => {
      // 处理录制的数据
      console.log('Data available', event.data);
    };
 
    // 开始录制
    mediaRecorder.start();
 
    // 在需要停止的时候
    mediaRecorder.stop();
  })
  .catch(function(error) {
    console.error('获取用户媒体设备失败:', error);
  });

这段代码演示了如何使用MediaRecorder API来录音和录制视频。首先，它尝试获取用户的音频和视频流，然后创建一个MediaRecorder实例，并在成功获取流之后开始录制。录制过程中，可以处理数据。最后，通过调用mediaRecorder.stop()停止录制。需要注意的是，在实际应用中，你可能需要将数据可用事件中的数据存储起来，或者将其发送到服务器。