瀏覽器 - createMediaElementSource不工作

我有一個簡單的音頻分析儀爲我的網站：瀏覽器 - createMediaElementSource不工作

var analyser = document.getElementById('analyzer'); 
var beat = document.getElementById('track_meta') 
var canvas, ctx, source, context, analyser, fbc_array, bars, bar_x, 
bar_width, bar_height; 

function playAnalyzer() { 
    context = new AudioContext(); 
    analyser = context.createAnalyser(); 
    canvas = document.getElementById('analyzer'); 
    ctx = canvas.getContext('2d'); 
    source = context.createMediaElementSource(playerE); 
    source.connect(analyser); 
    analyser.connect(context.destination); 
    frameLooper(); 
} 

function frameLooper() { 
    canvas.width = canwidth; 
    canvas.height = canheight; 
    ctx.imageSmoothingEnabled = false; 
    window.requestAnimationFrame(frameLooper); 
    fbc_array = new Uint8Array(analyser.frequencyBinCount); 
    analyser.getByteFrequencyData(fbc_array); 
    ctx.clearRect(0, 0, canvas.width, canvas.height); // Clear the canvas 
    ctx.fillStyle = "white"; // Color of the bars 
    function valBetween(v, min, max) { 
    return (Math.min(max, Math.max(min, v))); 
    } 
    var beatc = fbc_array[2]/4; 
    var beatround = Math.round(beatc); 
    //if (beatround < 10) { 
    // ctx.globalAlpha = '0.1125'; 
    //} 
    //else { 
    // ctx.globalAlpha = '0.' + beatround; 
    //} 
    bars = canbars; 
    for (var i = 0; i < bars; i += canmultiplier) { 
     bar_x = i * canspace; 
     bar_width = 2; 
     bar_height = -3 - (fbc_array[i]/2); 
     ctx.fillRect(bar_x, canvas.height, bar_width, bar_height); 
    } 
}

我的問題是，這並不工作，除非我在Chrome隱身模式，否則我得到這個錯誤：

Uncaught InvalidStateError: Failed to execute 'createMediaElementSource' on 'AudioContext': HTMLMediaElement already connected previously to a different MediaElementSourceNode.

我已經在Edge，Firefox和Opera上測試過了，它在那裏工作的很好。我甚至重新安裝了chrome，看看是否能解決問題無濟於事。我只是不明白爲什麼它在隱身模式下工作正常，但沒有其他方式。

所以我的問題是，是否有可能不使用<audio>元件，而是將分析儀連接到var audio = new Audio？如果是這樣，我將如何做到這一點？

來源

2016-02-09 Sebastian Olsen

，這工作：

除了使用<audio>元素，使用JavaScript使用HTMLMediaElement。然後，爲了將分析儀連接到var audio = new Audio()，您需要做的僅僅是在source = context.createMediaElementSource(audio);變量中引用audio變量。

這也解決了我的錯誤。

來源

2016-02-10 04:28:39

我剛剛遇到此問題，但我沒有按照您的意思，而是使用「使用JavaScript的HTMLMediaElement而不是使用

您是否可能安裝了插入AudioContexts並創建MediaElementSources的Chrome擴展？嘗試一次禁用您的擴展。所以對我來說

來源

2016-02-10 04:17:36 cwilso

我有一個EQ插件，但我禁用了一切，它仍然無法正常工作。我已經找到了解決我的問題的方法，並且很快就會發佈一個答案。 –

瀏覽器 - createMediaElementSource不工作

回答

相關問題