开发 chrome 扩展中的媒体记录问题答案

【问题标题】：media recording problems in developing chrome extension开发 chrome 扩展中的媒体记录问题
【发布时间】：2016-03-30 22:53:12
【问题描述】：

我正在开发一个 chrome 扩展来录制桌面并将录制的媒体上传到服务器。扩展程序可以通过热键开始/停止/暂停录制。所有功能都在扩展中。到目前为止，我有两个问题需要克服。 1. 我无法通过扩展程序中的 getusermedia 访问麦克风。 2. 录制的媒体无法在任何播放器上进行时间搜索。

感谢您提前发表任何评论。

【问题讨论】：

标签： google-chrome-extension getusermedia

【解决方案1】：

要使用网络摄像头或麦克风，您需要申请许可。 getUserMedia() 的第一个参数是一个对象，用于指定您要访问的每种媒体类型的详细信息和要求。例如，如果你想访问网络摄像头，第一个参数应该是{video: true}。要同时使用麦克风和摄像头，请传递{video: true, audio: true}:

这是一些示例脚本。

<video autoplay></video>    
<script>
  var errorCallback = function(e) {
    console.log('Reeeejected!', e);
  };

  // Not showing vendor prefixes.
  navigator.getUserMedia({video: true, audio: true}, function(localMediaStream) {
    var video = document.querySelector('video');
    video.src = window.URL.createObjectURL(localMediaStream);

    // Note: onloadedmetadata doesn't fire in Chrome when using it with getUserMedia.
    // See crbug.com/110938.
    video.onloadedmetadata = function(e) {
      // Ready to go. Do some stuff.
    };
  }, errorCallback);
</script>

如果您对getUserMedia() 有更多疑问，可以查看此tutorial。

【讨论】：