Aodiu Player 音频播放器

一个简单的音频队列播放器,支持连续播放多个音频文件。

功能特点

• 支持音频队列管理和播放
• 支持播放、暂停、重播等基本控制
• 提供丰富的事件监听接口
• 支持自定义音频加载方法
• 可配置缓冲时间

快速开始

安装

npm install aodiu

使用

import {AodiuPlayer} from 'aodiu'

// 自定义音频加载方法
const fetcher = async (text) => {
  // 返回音频URL
  return audioUrl;
}

// 自定义音频加载方法 需要再分段
const fetcher = async (text) => {
  // 返回音频URL
  return [
    {
      text: '你好',
      url: 'https://www.baidu.com/1.mp3',
    },
    {
      text: '世界',
      url: 'https://www.baidu.com/2.mp3',
    },
  ];
}

// 创建播放器
const player = new AodiuPlayer(fetcher, {
  targetBufferTime: 3, // 缓冲时间
})

方法

  // 添加文本
player.addToQueue('你好，世界！')

// 开始播放
player.play()

// 暂停播放
player.pause()

// 恢复播放 与pause对应
player.resume()

// 重新播放
player.play(true)

// 全部销毁
player.destroy()

// 文本全部输入完成
player.setTextComplete(true)

事件

// 播放
player.addEventListener('play', (data) => {
  console.log('当前播放索引', data)
})

// 暂停
player.addEventListener('pause', (data) => {
  console.log('当前暂停索引', data)
})

// 播放一条音频结束
player.addEventListener('ended', (data) => {
  console.log('当前完成索引', data)
})

// 播放队列结束 文本全部输入完成且全部播放完成
player.addEventListener('complete', (data) => {
  console.log('当前完成索引', data)
})

// 缓冲
player.addEventListener('buffering', ({
  currentTime,
  duration,
  currentBufferTime,
  metaData
}) => {})

// 播放中
player.addEventListener('timeupdate', ({
  currentTime,
  duration,
  currentBufferTime,
}) => {})

// 错误
player.addEventListener('error', (data) => {
  console.log('错误信息', data)
})

| 参数名 | 说明 | |--------|------| | currentTime | 当前播放时间 | | duration | 已缓冲音频总时长 | | currentBufferTime | 当前已缓冲时间 | | metaData | 当前缓冲的音频元数据 |