取消getUserMedia请求

Question

我的应用程序中有一个模式对话框，它使用getUserMedia显示用户相机中的视频。这会导致出现“拒绝/允许”栏。假设用户在单击“拒绝”或“允许”之前关闭了对话框。即使要使用它的元素已经消失，该栏仍然存在。

有没有办法通知浏览器它可以隐藏权限请求，即使用户从未与之交互过？

Answer 1

当用户关闭您的对话框时，请使用以下命令重新加载页面以清除权限请求：

  location.reload();

我已经在Firefox和Chrome41 (Canary)上测试过了，它在那里工作。

注意:Chrome39(在写这篇文章时的当前版本)似乎有一个bug，它不能很好地工作。当我第一次导航到页面时，它不会工作，但在手动刷新页面一次后，它开始工作。

我意识到这个答案可能不会立即有用，但一旦Chrome41发布，它就应该可以工作了。

在不重新加载页面的情况下，目前无法清除权限提示。

Answer 2

我认为你想要这样的东西：

    $("body").on('click', "#stop_button", function(e) {
        e.preventDefault();
        mediaStream.stop();
     });

mediaStream是我在调用getUserMedia时定义的全局变量

        navigator.getUserMedia(
            {
              video: true,
              audio: false
            },
            function(stream) {
              if (navigator.mozGetUserMedia) {
                video.mozSrcObject = stream;
              } else {
                var url = window.URL || window.webkitURL;
                video.src = url ? url.createObjectURL(stream) : stream;
              }
              mediaStream = stream;
              video.play();
            },
            function(error) {
              console.log("ERROR: " + error);
            }
        );

因此，在您的示例中，当对话框关闭时，您将在媒体流上调用stop() -您必须为此创建一个事件处理程序。

请查看此Tutorial on getUserMedia以获得完整的工作示例和现场演示。