AmplitudeJS 是一款简单易用、高度可定制的前端音频播放器。它提供了丰富的 API 和事件，方便开发者在网页中嵌入并控制音频播放。
本文将介绍如何使用 npm 包管理器安装和使用 AmplitudeJS，包括基本功能和常见应用案例，并附有示例代码和详细说明。
安装和基本配置
在使用 AmplitudeJS 之前，需要先安装它。可以通过 npm 包管理器来安装：
--- ------- ----------- ------
安装完成后，在 HTML 文件中引入 AmplitudeJS 的 CSS 和 JavaScript 文件：
----- ---------------- --------------------------------------------------- ------- ----------------------------------------------------------
然后，初始化 AmplitudeJS：
----------------
-------- -
-
------- ----- ------
--------- ------- ------
-------- ------ ------
------ ---- -- ---- ------
---------------- ---- -- ----- --------
-
-
---在 songs 数组中添加歌曲信息，其中每个对象代表一个歌曲，包括歌曲名称、艺术家、专辑名称、歌曲文件 URL 和封面图片 URL。
现在，AmplitudeJS 已经准备好了，可以开始使用它的各种功能。
基本功能
播放、暂停和停止
使用 play(), pause() 和 stop() 方法来控制音频的播放、暂停和停止：
----------------- -- -- ------------------ -- -- ----------------- -- --
音量调节
使用 setVolume() 方法来调节音量。它的参数是一个 0 到 1 的浮点数：
------------------------- -- -------
快进和后退
使用 skipToSeconds() 方法来实现快进和后退。它的参数是一个以秒为单位的数字，可以为正数或负数：
---------------------------- -- -- -- - ----------------------------- -- -- -- -
循环播放
使用 setRepeat(true) 方法来启用循环播放：
-------------------------- -- ------
随机播放
使用 setShuffle(true) 方法来启用随机播放：
--------------------------- -- ------
应用案例
播放列表
添加多个歌曲到 songs 数组，然后在 HTML 中创建一个空的<ul>元素，并为每个歌曲创建一个<li>元素。在data-amplitude-song-index属性中设置每个<li>元素的歌曲索引。最后，在 JavaScript 中调用bindNewPlaylist()方法，将播放列表绑定到 AmplitudeJS：
--- --------------
--- ---------------------------------- ------
--- ---------------------------------- ------
--- ---------------------------------- ------
--------------------------------
-------- -
-
------- ----- ---
--------- ------- ---
-------- ------ ---
------ ---------------------
---------------- ------------------------
--
-
------- ----- ---
--------- ------- ---
-------- ------ ---
------ --
----------------------------------------------------------- ----------
---------------------------------------------------------------------------------------