如何在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>
谢谢。
我正在尝试使用javascript设置进度条的宽度,但我无法获得进度条的正确宽度。
<div id="defaultBar">
<div id="progressbar"></div>
</div>
var bar = document.getElementById("defaultBar");
var progressBar = document.getElementById("progressbar");
bar.addEventListener("cl
所以我设法得到了一个基本的音频播放器,它有一个进度条,可以在用户点击按钮时播放、暂停和恢复,但现在我试图在同一个页面上实现多个不同长度的音频文件,但我不知道如何保持每个进度条的独立性。
显然,我不能多次使用同一个ID,但我也尝试了类,但它也不起作用。
我还尝试为每个音频文件创建一个新函数,但似乎它们共享“间隔”,因此当您开始播放音频时,其他音频文件将“赶上”进度条。
应该不会太难实现,但我就是想不出来。
提前感谢!
var interval;
var width = 1;
function move() {
var elem = document.getElementById("
在调试模式下设置Twilio.Device时,控制台输出如下:
[Device] Stream is ready
twilio.js:2115 [Connection] Received HANGUP from gateway
twilio.js:2115 [Connection] Received an error from the gateway:
twilio.js:2115 Object {code: 31100, message: "Missing audio element in offer", connection: Connection}
twilio.js:2
下面的代码下载了多个文件,但进度条没有更新。如果我删除循环并只下载一个文件,它就会更新。甚至连进度条以前都能处理多个文件,但现在不知道我做错了什么。我还尝试将var fileTransfer = new FileTransfer();放在外部循环中
for(i=0;i<lesson_audio.length;i++){
var fileTransfer = new FileTransfer();
var filePath = fs_path+"/"+lesson_audio[i];
var uri = encodeURI(
所以我为我的网站中的一个音频对象做了一个简单的自定义进度条。进度条工作得很好,但我注意到它非常颠簸。我还注意到,在Facebook和YouTube等网站上,它们的进度条转换看起来异常流畅(看任何视频,你就会明白我的意思)。
我想解决这个问题的方法可能是使用一些狡猾的JavaScript和CSS,但最终它看起来非常俗气,没有任何原因,而且看起来和以前完全一样。(这就是我想出来的):
setInterval(function(){
var rect = elapsedContainer.getBoundingClientRect();
var percentage = audio.
我正在尝试用HTML5做一个MP3播放器。几乎所有的工作都已完成,但我需要的是替换<audio>标记中的默认控件,并创建我自己的控件。简单的控制,如播放、暂停、停止和音量,但我想制作一个进度条,跟踪音频/MP3的持续时间,当我点击相关位置时,会转到曲目上的特定位置。如下例所示。
这里的问题是,在上面的示例中,已经加载了文件/mp3,我实际上是使用document.createElement("audio");创建了一个音频元素
当我尝试用不同的方法改变上面的例子时,我得到了一个错误:“cannot call method addeventlistener of n