HTML5音频可视化？

我在Visualizations with Web Audio API上看到一个页面，它解释了如何进行可视化。我试着确切的代码，并得到像“ReferenceError：流未定义”等错误。有没有一种方法可以从音频元素制作可视化效果？它只在FireFox上有效。HTML5音频可视化？

来源

2015-09-07 John White

你试过哪一段代码？他们在这个页面上有很多。 – Lauromine

我将所有代码复制到“创建波形/示波器”，然后将“创建频率柱形图”中的所有代码复制到最后，因为我需要条形图可视化。 –

@JohnWhite - 这些只是旨在集成到您自己的代码中的片段。因此，它们并不是完整的功能范例。实际上，如果仔细查看页面顶部的注释，在标题** Basic Concepts **之前，它会说：'注意：您可以在我们的Voice-change-O-马蒂克演示。“它甚至包括一个链接，检查出来。 – enhzflep

window.AudioContext = window.AudioContext || window.webkitAudioContext; 

// Create the instance of AudioContext 
var context = new AudioContext(); 

navigator.getUserMedia = navigator.getUserMedia  || 
         navigator.webkitGetUserMedia || 
         navigator.mozGetUserMedia; 

// Access microphone 
var medias = {audio : true, video : false}; 

/** 
* @param {MediaStream|LocalMediaStream} stream 
*/ 
var successCallback = function(stream) { 
    // Create the instance of MediaStreamAudioSourceNode 
    var source = context.createMediaStreamSource(stream); 

    // code for visualization 
    // do something ... 
}; 

/** 
* @param {NavigatorUserMediaError|MediaStreamError} error 
*/ 
var errorCallback = function(error) { 
    console.error(error); 
}; 

navigator.getUserMedia(medias, successCallback, errorCallback);

XSound.js是Web Audio API非常有用的库。

来源

2015-10-02 02:44:15 rilakkuma3xjapan

HTML5音频可视化？

回答

相关问题