javascript - 如何使用 howler js 更新进度条?

标签 javascript html progress-bar dom-events howler.js

如何使用 howler js 并在播放音频时更新进度条?

我假设我使用了 posseek 但是我似乎无法让它工作。

我可以创建一个 on 事件监听器以在每次位置更改时更改吗?

进度条 HTML:

<progress id="progress_bar" value="0.0" max="1.0" style="-webkit-appearance: none; appearance: none; height: 48px; float: left;"></progress>

咆哮 js:

on ('update_progress', function() {
    document.getElementById('progress_bar').value = audio.pos();
}),

然后如果按下进度条,我该如何更新音频的位置。我认为在那种情况下使用输入范围实际上可能会更好。

最佳答案

目前 howler.js 中没有进度事件,但可能会在以后添加。但是,您可以随时(在 2.0 上)调用 audio.seek() 或在 1.0 上调用 audio.pos() 来获取当前位置。然后您可以在 requestAnimationFrame 中调用它(这是 2.0 演示使用的)或 setInterval 来更新您的进度条。

关于javascript - 如何使用 howler js 更新进度条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37749258/

相关文章:

HTML 和 CSS 居中和应用空间

c++ - win32 api更新进度条的方法

javascript - 在express.js中解析服务器中的html值

javascript - 为任何找到的事件动态添加边距

javascript - 如何使用 .on ('click' 收集 jquery 中的随机 id )

javascript - 脚本不影响所有元素

javascript - css遍历元素的方法

javascript - 带按钮的自动幻灯片

用于文件上传的 Django Modelform 进度条

Android AsyncTask 在 ActivityGroup 中给出 BadTokenException