介绍
npm 包 plain-music 是一个用于演示音乐播放的基础库，可帮助开发者快速搭建音乐播放器，实现音乐的播放、暂停、进度条控制、音量调节等基本功能。
安装
使用 npm 安装：
npm install plain-music
使用
引用
在代码中引入 plain-music：
const PlainMusic = require('plain-music')创建实例
通过 PlainMusic.create() 创建 PlainMusic 实例：
-- -------------------- ---- -------
----- ----- - -------------------
---- ----------------------------------
--------- ------
----- ------
------- ----
-------- -------- -- -
-------------------
--
-------- -------- -- -
-------------------
--
------- -------- -- -
-------------------
--
------------- -------- -- -
---------------------
-
--控制播放
通过调用播放器的 play() 方法来开始播放音乐：
music.play()
可以添加 autoplay 为 true，播放器在创建时就开始自动播放音乐：
const music = PlainMusic.create({
src: 'https://example.com/audio/1.mp3',
autoplay: true
})暂停播放
通过调用播放器的 pause() 方法暂停音乐的播放：
music.pause()
在创建实例时可以添加 onpause 回调：
const music = PlainMusic.create({
src: 'https://example.com/audio/1.mp3',
onpause: function () {
console.log('暂停播放')
}
})进度条控制
通过设置 currentTime 属性实现音乐的进度条控制：
music.currentTime = 20 // 从 20 秒开始播放
在创建实例时可以添加 ontimeupdate 回调实现音乐时间更新：
const music = PlainMusic.create({
src: 'https://example.com/audio/1.mp3',
ontimeupdate: function () {
console.log('音乐时间更新')
}
})音量调节
通过设置 volume 属性实现音量的调节：
music.volume = 0.5 // 将音量调节到一半
播放结束回调
可以在创建实例时添加 onended 回调，实现音乐播放结束后的回调：
const music = PlainMusic.create({
src: 'https://example.com/audio/1.mp3',
onended: function () {
console.log('播放结束')
}
})示例代码
以下是一个使用 plain-music 演示音乐播放的例子：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- --------------- --
----- --------------- ---------------------------- ------------------ --
------------ ----- ------------
-------
------
------- ---------------------
------- ----------------------
------ ------------ ------------- ------- --------- -------- --
------ ------------ ----------- ------- ------- ---------- ----------- --
------- ------------------------------------------------------------------
--------
----- ----- - -------------------
---- ----------------
-------- -------- -- -
-------------------
--
------- -------- -- -
-------------------
--
------------- -------- -- -
---------------------
-
--
----- ----- - -------------------------------
----- ------ - --------------------------------
----- --------- - -----------------------------------
----- ------- - ---------------------------------
------------------------------- -------- -- -
------------
--
-------------------------------- -------- -- -
-------------
--
----------------------------------- -------- --- -
----- ----- - --------------
----------------- - ------ - ---- - --------------
--
--------------------------------- -------- --- -
----- ----- - --------------
------------ - -----
--
---------
-------
-------总结
npm 包 plain-music 是一个非常方便实用的基础库，能够帮助开发者简单快速地搭建音乐播放器。通过本文介绍的使用方法，你可以轻松地实现音乐的播放、暂停、进度条控制、音量调节等基本功能。希望在使用本包时能够得到帮助，也希望你能够在实践中进一步提高自己的前端技能水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556ef81e8991b448d3d0a