Chrome扩展- navigator.mediaDevices.getUserMedia()失败，返回NotAllowedError:由于关机而失败开发者社区

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

爱跑步的花生 · 波兰九十年 _ 经济观察报 _经济观察网_ ...· 3 月前 ·

风度翩翩的创口贴 · 更便捷颈椎按摩仪荣耀亲选脊安适G5：揉捏、推 ...· 4 月前 ·

老实的白开水 · 如何在手机上打开网盘里的epub文件？-百度经验· 9 月前 ·

茫然的青椒 · 《百合与直觉》百度云网盘下载.1080P下载 ...· 10 月前 ·

温暖的生菜 · 基于 18F-FDG PET/CT ...· 1 年前 ·

navigator.mediaDevices.getUserMedia({ audio: false, video: true }).then(handleSuccess).catch(function (err) {alert(err)});".

 NotAllowedError: Failed due to shutdown

{
  "manifest_version": 2,
  "name": "Video Capture",
  "version": "0.1",
  "browser_action": {
    "default_icon": "logo.png",
    "default_popup": "popup.html"
}

<html>
    <title>Video Capture</title>
    <script src="videoCapture.js"></script>
  </head>
    <button id="start">Start</button>
    <button id="stop">Stop</button>
    <a id="download">Download</a>
  </body>
</html>

var shouldStop = false;
window.addEventListener('load', function showPopup() {
    alert("Extension started");
    startButton = document.getElementById('start');
    stopButton = document.getElementById('stop');
    downloadLink = document.getElementById('download');
    shouldStop = false;
    startButton.addEventListener('click', function() {
        if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
            alert("This browser does not support the API yet");
        alert("Media Devices Available..Starts recording.");
        var handleSuccess = function(stream) {
            alert("handling recording");
            const options = {mimeType: 'video/mp4'};
            const recordedChunks = [];
            const mediaRecorder = new MediaRecorder(stream);
            mediaRecorder.start(5000); //capture video for 5 seconds
            mediaRecorder.ondataavailable = function(e) {
                if (e.data.size > 0) {
                    recordedChunks.push(e.data);
                if(shouldStop === true && stopped === false) {
                    mediaRecorder.stop();
                    stopped = true;
                    stream.getTracks().forEach(function(track) {
                        track.stop();
            mediaRecorder.onstop = function() {
                downloadLink.href = URL.createObjectURL(new Blob(recordedChunks));
                var currentTimestamp = Date.now();
                downloadLink.download = 'recording-'+currentTimestamp+'.mp4';
                alert("Click Download Link to download captured video");
        navigator.mediaDevices.getUserMedia({ audio: false, video: true })
            .then(handleSuccess).catch(function (err) {alert(err)});