介绍
songbird-audio 是一个可以在浏览器中播放音频的 npm 包。它基于 Web Audio API,提供了许多与音频相关的功能,包括播放/暂停/停止、音量控制、循环播放、跳跃播放等。
安装
使用 npm 安装:
npm install songbird-audio
或者使用 yarn 安装:
yarn add songbird-audio
使用
引入模块
import { createBird } from 'songbird-audio';
创建 bird
const bird = createBird();
加载音频文件
bird.load('music.mp3');
播放音频
bird.play();
暂停音频
bird.pause();
停止音频
bird.stop();
切换循环播放
bird.loop = !bird.loop;
调整音量
bird.volume = 0.5;
跳跃播放
bird.currentTime = 10;
完整示例
-- -------------------- ---- ------- ------ - ---------- - ---- ----------------- ----- ---- - ------------- ----------------------- ---------------------------------------------------------------- -- -- - ------------ --- ----------------------------------------------------------------- -- -- - ------------- --- ---------------------------------------------------------------- -- -- - ------------ --- ------------------------------------------------------------------- -- -- - --------- - ----------- --- ----------------------------------------------------------------- ------- -- - ----------- - ------------------ - ---- --- --------------------------------------------------------------- ------- -- - ---------------- - ------------- - ------------------- - ----- ---
注意事项
- 使用 songbird-audio 之前,需要先了解 Web Audio API 的基本概念和使用方法。
- 建议在加载音频文件时加上错误处理逻辑,以避免在加载失败时程序崩溃。
- 循环播放时,建议加上适当的控制逻辑,如限制循环播放的次数或者添加跳出循环的条件。
- 操作音频前,需要检查音频是否已经加载完毕。可以使用
bird.isLoaded
属性来检查是否已经加载完毕。 - 调整音量时建议使用 0 到 1 的小数值来表示音量大小,而不是 0 到 100 的整数值。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005664a81e8991b448e264a