调用 Howler onend() 方法的正确方法

Question

我正在尝试使用 Howler on end 方法在曲目结束后更新一些属性，但它无法正常工作。代码如下：

var track_number = 0;

var sound = new Howl({
    src: ["barking.mp3"],
    autoplay: false;
    volume: 0.5;
    onload: function() {
        console.log("LOADED");
    }
});

sound.onend() {
    track_number ++;
    $("#xxxjukeboxpicture".attr("src", "/tile" + track_number + ".jpg");
};

每次我尝试在运行中添加 sound.onend() 函数时，浏览器都会抛出错误，指出 sound.onend() 行中缺少分号。有人可以在这里澄清正确的语法吗？

Answer 1

您需要执行以下操作：

sound.on('end', function(){
  track_number ++;
  $("#xxxjukeboxpicture".attr("src", "/tile" + track_number + ".jpg");
});

基于咆哮文档：https://github.com/goldfire/howler.js#documentation

Answer 2

这是一个旧线程。但是我一直在看howler..

on 事件需要作为可选的新 howler 对象的一部分。

所以你得到这个错误的原因是因为你没有添加 onend 而是试图独立添加它。我假设 sound.on('end' 有效，因为它使用的是浏览器 API 而不是 Howler 的。

选项和事件的正确方式是：

var sound = new Howl({
    src: ["barking.mp3"],
     preload: true,
    autoplay: false,
    onload: function() {
        console.log("LOADED");
    },
   onend: function() {
          console.log("ONEND");  
    }
});

调用 Howler onend() 方法的正确方法

Correct way to call Howler onend() method

javascript

audio

jquery

syntax-error

howler.js