音频只是一条曲线 - 所以要建立你的振荡器,你会出现这个算法来输出一条曲线。数字不是模拟的软件要求将曲线定义为一系列时间点(样本),其值是音频曲线的瞬时高度。通常这些样本每秒发生44100次,即。赫兹。
结帐Web音频API - 其惊人的强大和非常支持。只是为了得到它的灵活性结帐这个演示由谷歌职员内幕
Web Audio Playground
http://webaudioplayground.appspot.com/
除其他音频控件编写的升值,它提供了黑盒振荡器,但可以让你滚你自己,甚至使合成的或基于文件的音频数据实时。它的模块化设计,因此每个组件都称为一个节点 - 您可以通过连接这些节点
这里建立是用来合成音(振荡器)回调的定义
function setup_onaudioprocess_callback(given_node) {
given_node.onaudioprocess = (function() {
return function(event) {
if (allow_synth) {
// console.log('inside main_glob callback onaudioprocess BUFF_SIZE ', BUFF_SIZE);
var synthesized_output_buffer;
// stens TODO - how to pass in own buffer instead of being given object: out so I can do a circular ring of such buffers
synthesized_output_buffer = event.outputBuffer.getChannelData(0); // stens TODO - do both channels not just left
var phi = 0,
dphi = 2.0 * Math.PI * given_node.sample_freq/
given_node.sample_rate;
for (var curr_sample = 0; curr_sample < given_node.BUFF_SIZE; curr_sample++, phi += dphi) {
synthesized_output_buffer[curr_sample] = Math.sin(phi);
}
given_node.sample_freq *= given_node.freq_factor;
if (given_node.sample_freq <
given_node.MIN_FREQ) {
given_node.freq_factor = given_node.increasing_freq_factor;
} else if (given_node.sample_freq > given_node.MAX_FREQ) {
given_node.freq_factor = given_node.decreasing_freq_factor;
}
// ---
audio_display_obj.pipeline_buffer_for_time_domain_cylinder(synthesized_output_buffer,
BUFF_SIZE, "providence_2");
}
};
}());
}
,将在相关地使用节点使用createScriptProcessor
function init_synth_settings(given_node, g_MIN_FREQ, g_MAX_FREQ, g_BUFF_SIZE, g_decreasing_freq_factor, g_increasing_freq_factor) {
given_node.MIN_FREQ = g_MIN_FREQ;
given_node.MAX_FREQ = g_MAX_FREQ;
given_node.sample_freq = given_node.MIN_FREQ; // Hertz
given_node.BUFF_SIZE = g_BUFF_SIZE;
given_node.decreasing_freq_factor = g_decreasing_freq_factor;
given_node.increasing_freq_factor = g_increasing_freq_factor;
given_node.freq_factor = g_increasing_freq_factor;
}
var this_glob_01 = audio_context.createScriptProcessor(BUFF_SIZE, 1, 1);
init_synth_settings(this_glob_01, 20, 300, BUFF_SIZE, 0.98, 1.01);
setup_onaudioprocess_callback(this_glob_01);
产生这应该让你渡过了难关
感谢您连接到操场。虽然这篇文章的其余部分基本上是我的问题的重演。也许我不清楚?我正在寻找关于实际实施方法的提示! :) – simme 2014-10-31 19:40:06
感谢您的代码!但你在哪里找到这个?在https://github.com/cwilso/WebAudio/?我是否因为找不到而失明? :P – simme 2014-10-31 20:18:47
上面的代码是从我的第一个JavaScript项目https://github.com/scottstensland/webgl-3d-animation/blob/master/src/webaudio_tooling.js – 2014-11-01 14:10:13