Javascript 在html5中动态生成音频的时间和小数点格式_Javascript_Html_Audio_Html5 Audio

Javascript 在html5中动态生成音频的时间和小数点格式

javascript html audio

Javascript 在html5中动态生成音频的时间和小数点格式,javascript,html,audio,html5-audio,Javascript,Html,Audio,Html5 Audio,我创建了一个非常简单的音频播放器，可以播放一个小的mp3文件它的工作原理和功能已被接受，但我想使音频当前时间的生成更加动态，因为在音频播放过程中，如果需要，它会生成小数点和分钟位置目前我有一个函数，可以将audio.mp3当前时间转换为分、秒和毫秒 this.format = function () { let secsCal = Math.floor(this.audio.currentTime % 60); let minsCal = Math.floor(this.au

我创建了一个非常简单的音频播放器，可以播放一个小的mp3文件

它的工作原理和功能已被接受，但我想使音频当前时间的生成更加动态，因为在音频播放过程中，如果需要，它会生成小数点和分钟位置

目前我有一个函数，可以将audio.mp3当前时间转换为分、秒和毫秒

this.format = function () {
    let secsCal = Math.floor(this.audio.currentTime % 60);
    let minsCal = Math.floor(this.audio.currentTime / 60);
    let millsCal = this.audio.currentTime % 60;

    let secs = ('0' + secsCal).substr(-2);
    let mins = ('0' + minsCal).substr(-2);
    let mills = ('0' + millsCal).substr(4, 2);




    document.getElementById('start-time').innerHTML = mins + ':' + secs + '.' + mills;
};

现在，这对我来说确实有效，但是这不是最好的解决方案，因为时间会显示分钟值，即使这个特定示例不是一分钟长。因此，理想情况下，我们只希望在音频允许的情况下显示分钟和秒

我努力实现的目标是：

仅当音频长度超过一秒时显示小数点仅显示：如果音频样本实际长于一分钟。我一直在寻找一个解决方案，如果有人能帮忙，那将是最有帮助的

请在下面找到我的例子

因此，经过一点自我反省之后，这个问题的答案是相对直截了当的，这里是进行更改的代码

   // only display 00:00.00 formats if the mp3 requires it

   if (minutes === 0 ) {
   minResult = '\u00a0';
   } else {
   minResult = minutes + ':';
   }
   if (seconds === 0 ) {
   secResult = '\u00a0';
   } else {
   secResult = seconds + '.';
   }
   if (millisecondsCal === 0 ) {
   millResult = '\u00a0';
   } else {
   millResult = milliseconds;
   }

   // append value to dom
   document.getElementById("duration").innerHTML = minResult + secResult + millResult;

所以这是如何工作的，首先检查我们没有任何等于0的值，因为如果我们有，那么我们不想显示相应的时间格式，否则显示给我们

显然，这更像是一个UI请求，只是给人一种印象，即玩家知道曲目的长度，并且只相应地显示秒和分钟

此方法放置在duration方法中。有关更多详细信息，请参见下文

00:00