jsaudio缓冲区大小设置

JavaScript044

jsaudio缓冲区大小设置,第1张

缓冲区大小(Buffer Size)是JSaudio框架中常用的一种参数设置。其实,它也是所有Web音频API都必须面对的一个有效解决方案,因为它有助于提高声音的播放流畅度(Smoothness)。

缓冲区的大小是以毫秒(Millisecond)为单位的。设置更大的缓冲区,能够让 web audio API 更好的去理解和处理你的音乐文件,从而使得音乐播放更加平滑顺畅。另外,设置较小的缓冲区可以加快音乐文件的加载速度,但是会导致声音变得不够流畅。

为了获得最佳的播放效果,JSaudio缓冲区大小一般被设置为200ms到500ms之间。此外,这个缓冲区大小也要根据你要播放的文件大小和类型来进行调整。

HTML5 中的audio对象提供可用于通过JavaScript控制播放的方法、属性以及事件。

在JavaScript中播放和暂停音频播放

使用HTML5

audio元素可向网页中添加音频,而无需使用外部控件或程序。但是,除非你的网页只需要一个简单的音频播放器,否则你很可能想对加载的音频文件及其播放

拥有更多的控制。若要将audio元素与 JavaScript 结合使用,请定义audio标记,该标记具有 "ID"

并且可以选择省略其他所有内容。你可以显示或隐藏内置控件,或将音频设置为在页面加载时自动播放。使用

JavaScript,你仍然可以执行该操作并且还可以执行进一步操作。

在以下示例中,我们在 HTML 中使用简单的 audio 标记语法。

<input type="text" id="audiofile" size="80" value="demo.mp3" />

音频播放器的所有其他功能可通过JavaScript进行控制,如以下脚本所示。

var currentFile = ""

function playAudio() {

// Check for audio element support.

if (window.HTMLAudioElement) {

try {

var oAudio = document.getElementById('myaudio')

var btn = document.getElementById('play')

var audioURL = document.getElementById('audiofile')

//Skip loading if current file hasn't changed.

if (audioURL.value !== currentFile) {

oAudio.src = audioURL.value

currentFile = audioURL.value

}

// Tests the paused attribute and set state.

if (oAudio.paused) {

oAudio.play()

btn.textContent = "Pause"

}

else {

oAudio.pause()

btn.textContent = "Play"

}

}

catch (e) {

// Fail silently but show in F12 developer tools console

if(window.console &&console.error("Error:" + e))

}

}

}

在示例的 HTML 部分,为audio元素指定id="myaudio" 和源文件"demo.mp3"。定义 id="play" 的按钮和触发 "playAudio()" JavaScript 函数的onclick事件。

在 JavaScript 部分中,使用

document.getElementById返回audio 对象。play和pause方法用于提供播放控制。检索button

对象以便可以在“播放”和“暂停”之间切换按钮标签,具体情况取决于audio 对象的paused属性的状态。 每次调用 "playAudio"

函数时都会检查该状态。 如果音频文件正在播放,则paused属性返回false,并且调用pause方法来暂停播放。按钮标签也设置为“播放”。

如果文件已暂停,则paused属性返回true,并且调用play方法,按钮标签更新为“暂停”。第一次加载文件时,即使尚未显式调用 pause方法,paused属性也返回 true(播放已暂停)。

在HTML代码中,默认情况下按钮处于禁用状态。当页面加载时,在主体标记中使用 onload 事件调用checkSupport() 函数。如果 audio元素存在,则启用按钮。