我正在查看网络音频 API 规范,并且平移节点使用三个值来创建声音的 3D 频谱。我想知道是否为了创建一个基本的 2D“等幂”平移器,程序员是否需要进行公式化编程来扩展它......或者我是否考虑过度并且有一种更简单的方法来做到这一点。
编辑
我正在查看网络音频 API 规范,并且平移节点使用三个值来创建声音的 3D 频谱。我想知道是否为了创建一个基本的 2D“等幂”平移器,程序员是否需要进行公式化编程来扩展它......或者我是否考虑过度并且有一种更简单的方法来做到这一点。
编辑
这是实现 2D 平移的更简单(不那么公式化?)的方法:
<input type="range" name="pan" id="pan" min="-1" max="1" step="any" />
<script>
var panner = context.createPanner();
panner.panningModel = 'equalpower';
function pan(event) {
var x = this.valueAsNumber,
y = 0,
z = 1 - Math.abs(x);
panner.setPosition(x,y,z);
}
document.getElementById('pan').addEventListener(pan);
</script>
我仍然可以通过仅将第一个参数更改为 setPosition() 并将其他参数保持为零来获得平移效果。
<!DOCTYPE html>
<html>
<head>
<script>
var c = new webkitAudioContext();
var s = c.createBufferSource();
var g = c.createGainNode();
var p = c.createPanner();
s.connect(g);
g.connect(p);
p.connect(c.destination);
function play(e) {
var fr = new FileReader();
var file = document.getElementById("file").files[0];
fr.onload = function(e) {
c.decodeAudioData(e.target.result,
function (buf) {
s.buffer = buf;
g.gain.value = 0.5;
s.noteOn(0)
},
function () {
console.error('decodeAudioData failed.');
}
);
};
fr.readAsArrayBuffer(file);
}
function pan(range) {
var x = Math.sin(range.value * (Math.PI / 180));
p.setPosition(x, 0, 0);
}
</script>
</head>
<body>
Choose your MP3 file:<br>
<input type="file" id="file" name="file" /><br>
<input type="submit" id="go" onclick="play()" value="Play" /><br>
L<input type="range" min="-45" max="45" value="0" onchange="pan(this);">R
</body>
</html>
但是要获得自然的平移效果,您还需要指定第三个参数。
function pan(range) {
var xDeg = parseInt(range.value);
var zDeg = xDeg + 90;
if (zDeg > 90) {
zDeg = 180 - zDeg;
}
var x = Math.sin(xDeg * (Math.PI / 180));
var z = Math.sin(zDeg * (Math.PI / 180));
p.setPosition(x, 0, z);
}
panner 节点默认为“HRTF”(头部相关传递函数),它是一个立体声卷积引擎,专为 3D 声音而设计。
为了获得基本的平移功能并降低资源使用率,您需要将 panningModel 属性设置为“equalpower”。
var panner = context.createPanner();
panner.panningModel = "equalpower";
panner.setPosition(1,0,0);
查看文档以获取更多详细信息。