像这个 SoundManager2 示例代码一样构造 Howler.js 播放脚本?
Structure Howler.js script for playback just like this SoundManager2 example code?
In this question 您可以找到 SoundManager2 和 Howler.js 音频播放的代码示例。
我基本上使用该页面中的 SoundManager2 脚本 - 进行了一些修改,如下面的代码片段所示。
在我的 HTML5 浏览器应用程序中,我可以使用此脚本通过调用声音 ID("Song1")和函数(例如 "playAudio")来简单地播放声音。
我的问题:
我如何构造一个 Howler.js 脚本来获得相同的功能
→ 通过调用声音 ID 和正确的函数来播放声音?
<!DOCTYPE html>
<script type="text/javascript" src="api/soundmanager2.js"></script>
<script>
soundManager.setup({
url: 'api/',
onready: function() {
soundManager.createSound({
id: 'Song1',
url: 'audio/Song1.ogg'
});
},
});
function playAudio(snd) {
soundManager.play(snd);
}
function stopAudio(snd) {
soundManager.stop(snd);
}
</script>
Howler.js 是一个简单的 API,因此它没有内置此功能,但只需创建一个带有对象的地图就足够了:
var Song1 = new Howl({
src: 'audio/Song1.ogg'
});
var Song2 = new Howl({
src: 'audio/Song2.ogg'
});
var sounds = {
Song1: Song1,
Song2: Song2,
};
function playAudio(snd) {
sounds[snd].play();
}
function stopAudio(snd) {
sounds[snd].stop();
}
In this question 您可以找到 SoundManager2 和 Howler.js 音频播放的代码示例。
我基本上使用该页面中的 SoundManager2 脚本 - 进行了一些修改,如下面的代码片段所示。
在我的 HTML5 浏览器应用程序中,我可以使用此脚本通过调用声音 ID("Song1")和函数(例如 "playAudio")来简单地播放声音。
我的问题:
我如何构造一个 Howler.js 脚本来获得相同的功能
→ 通过调用声音 ID 和正确的函数来播放声音?
<!DOCTYPE html>
<script type="text/javascript" src="api/soundmanager2.js"></script>
<script>
soundManager.setup({
url: 'api/',
onready: function() {
soundManager.createSound({
id: 'Song1',
url: 'audio/Song1.ogg'
});
},
});
function playAudio(snd) {
soundManager.play(snd);
}
function stopAudio(snd) {
soundManager.stop(snd);
}
</script>
Howler.js 是一个简单的 API,因此它没有内置此功能,但只需创建一个带有对象的地图就足够了:
var Song1 = new Howl({
src: 'audio/Song1.ogg'
});
var Song2 = new Howl({
src: 'audio/Song2.ogg'
});
var sounds = {
Song1: Song1,
Song2: Song2,
};
function playAudio(snd) {
sounds[snd].play();
}
function stopAudio(snd) {
sounds[snd].stop();
}