我正在研究这本O'Reilly书中的一些网络音频教程:http://chimera.labs.oreilly.com/books/1234000001552/ch02.html#s02_2
以下代码应该创建一个系统来暂停音频文件并恢复播放。
// Assume context is a web audio context, buffer is a pre-loaded audio buffer.
var startOffset = 0;
var startTime = 0;
function pause() {
source.stop();
// Measure how much time passed since the last pause.
startOffset += context.currentTime - startTime;
}
function play() {
startTime = context.currentTime;
var source = context.createBufferSource();
// Connect graph
source.buffer = this.buffer;
source.loop = true;
source.connect(context.destination);
// Start playback, but make sure we stay in bound of the buffer.
source.start(0, startOffset % buffer.duration);
}
但是,运行pause()
函数会导致以下错误:
Uncaught ReferenceError: source is not defined
现在从我的角度来看,这是因为source
已使用var
关键字定义,因此将其限定为play()
函数,因此pause()
无法访问。删除var
关键字确实可以解决问题。有人可以向我保证我的推理是正确的吗?这只是一个错字,还是有一些我不理解的基本原则? (我已经检查了这本书的勘误表,但那里没有提到它。)
答案 0 :(得分:2)
将source
设为全局变量,就像startOffset
和startTime
一样。
答案 1 :(得分:0)
在函数中声明变量使其成为局部变量,即它仅存在于该函数中,因此只能在该函数中引用。将其声明为全局变量将使其可用于任何Javascript函数,但您通常希望尽可能少地污染全局命名空间:
function AudioPlayer(buffer) {
this.startOffset = 0;
this.startTime = 0;
this.source = null;
this.buffer = buffer;
}
AudioPlayer.prototype.pause = function() {
if (!this.source) {
return;
}
this.source.stop();
// Measure how much time passed since the last pause.
this.startOffset += context.currentTime - this.startTime;
}
AudioPlayer.prototype.play = function() {
this.startTime = context.currentTime;
this.source = context.createBufferSource();
// Connect graph
this.source.buffer = this.buffer;
this.source.loop = true;
this.source.connect(context.destination);
// Start playback, but make sure we stay in bound of the buffer.
this.source.start(0, this.startOffset % this.buffer.duration);
}
允许您像这样调用这些函数:
var player = new AudioPlayer(buffer);
player.play();
player.pause();
答案 2 :(得分:0)
试试这个:
function a(advName,area) {
onclick="sub(\'' +advName+ '\',\'' +area+ '\');"
}