所以我为我的网站中的一个音频对象做了一个简单的自定义进度条。进度条工作得很好,但我注意到它非常颠簸。我还注意到,在Facebook和YouTube等网站上,它们的进度条转换看起来异常流畅(看任何视频,你就会明白我的意思)。
我想解决这个问题的方法可能是使用一些狡猾的JavaScript和CSS,但最终它看起来非常俗气,没有任何原因,而且看起来和以前完全一样。(这就是我想出来的):
setInterval(function(){
var rect = elapsedContainer.getBoundingClientRect();
var percentage = audio.
所以我设法得到了一个基本的音频播放器,它有一个进度条,可以在用户点击按钮时播放、暂停和恢复,但现在我试图在同一个页面上实现多个不同长度的音频文件,但我不知道如何保持每个进度条的独立性。
显然,我不能多次使用同一个ID,但我也尝试了类,但它也不起作用。
我还尝试为每个音频文件创建一个新函数,但似乎它们共享“间隔”,因此当您开始播放音频时,其他音频文件将“赶上”进度条。
应该不会太难实现,但我就是想不出来。
提前感谢!
var interval;
var width = 1;
function move() {
var elem = document.getElementById("
我正在尝试使用javascript设置进度条的宽度,但我无法获得进度条的正确宽度。
<div id="defaultBar">
<div id="progressbar"></div>
</div>
var bar = document.getElementById("defaultBar");
var progressBar = document.getElementById("progressbar");
bar.addEventListener("cl
如何在HTML5音频播放器上添加和删除特定控件?我想删除音量控制,时间显示,和进度条。我正在使用下面的代码来显示播放器。
<audio controls>
<source src="http://example.mp3" type="audio/mpeg">
Your browser does not support this audio format.
</audio>
<style>
audio { width: 10%; display: block;}
</style>
谢谢。