使用Navigator.getUserMedia()作为promise。

function getUserMedia(constraints) {
  // 首先检查浏览器是否支持 mediaDevices 和 getUserMedia
  if (navigator.mediaDevices === undefined || navigator.mediaDevices.getUserMedia === undefined) {
    return Promise.reject(new Error('您的浏览器不支持 mediaDevices.getUserMedia。'));
  }

  // 如果已支持，则返回一个 Promise
  return navigator.mediaDevices.getUserMedia(constraints);
}

// 使用示例
getUserMedia({ video: true, audio: true })
  .then(stream => {
    // 传递 MediaStream 对象给 HTML 的音频或视频元素
    const videoElement = document.querySelector('video');
    videoElement.srcObject = stream;
  })
  .catch(error => {
    console.error('获取用户媒体失败:', error);
  });