时间戳

首页 > 解决方案 > AmplitudeJS：如何显示当前歌曲的持续时间？

javascript - AmplitudeJS：如何显示当前歌曲的持续时间？

问题描述

我正在尝试使用AmplitudeJS实现一个简单的音频播放器。

我有两个音频文件。单击“播放/暂停”时，播放器播放第一个文件，然后播放第二个文件。我想显示当前音频剪辑的当前时间及其持续时间。

当前时间有效，但持续时间无效。

这是我的页面：

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Audio Player</title>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/amplitudejs@5.3.2/dist/amplitude.js"></script>
</head>
<body>
  <div class="audio-player-wrapper">

    <div class="time-container">
      <span class="amplitude-current-time"></span>
      <span class="amplitude-duration-time"></span>
    </div>

    <div class="amplitude-play-pause" id="play-pause">PLAY/PAUSE</div>
  </div>

  <script>
      Amplitude.init({
      songs: [
          {
            "name": "Song Name 1",
            "artist": "Artist Name 1",
            "album": "Album Name 1",
            "url": "/audio/001.mp3",
            "cover_art_url": "http://placekitten.com/300/300"
          },
          {
            "name": "Song Name 2",
            "artist": "Artist Name 2",
            "album": "Album Name 2",
            "url": "/audio/002.mp3",
            "cover_art_url": "http://placekitten.com/300/300"
          }
        ]
      })
  </script>
</body>
</html>

根据文档，要显示我需要插入的剪辑的持续时间<span class="amplitude-duration-time"></span>。

但这对我不起作用。

Infinity:00:00显示而不是持续时间。为什么？而且，如何显示当前剪辑的持续时间？

标签： javascript

解决方案

推荐阅读