基础用法

第一步、引入ESAudioPlayer组件,并声明在<template>


<es-audio-player
  ref='audioPlayer'
  class='es-audio-player-page-css'
  @onPlayerInitialized='onPlayerInitialized'
/>

第二步、调用initialize方法进行初始化。

audioPlayer.value?.initialize()

第三步、在播放器onPlayerInitialized初始化成功回调事件中设置播放数据。

const onPlayerInitialized = (playerType) => {
  const mediaSource: ESMediaSource = {
    uri: 'http://qcloudcdn.a311.ottcn.com/data_center/audios/ifengfm/1898049/9644712/2ff957624598b7b105d5c86b809c854c.mp3',
  }
  const position: ESPlayerPosition = {
    support: true,
    position: 20000,
  }
  const mediaSourceList: ESMediaSourceList = {
    index: 0,
    list: [mediaSource],
    position,
  }
  audioPlayer.value?.playMediaSourceList(mediaSourceList)
}

第四步、调用start方法开始播放。

audioPlayer.value?.start(0)

Source

Docs