Ant Design/React中使用Audio标签

Audio是H5提供的音频处理文件,Ant Design/React中使用Audio标签，我们需要使用react-audio-player三方库实现：

npm install --save react-audio-player

使用方法

使用方法非常简单，引用一下即可使用ReactAudioPlayer标签：

import ReactAudioPlayer from 'react-audio-player';
//...
<ReactAudioPlayer
  src="my_audio_file.ogg"
  autoPlay
  controls
/>

它支持很多方法，具体可以查看一下文档。

高级用法

访问音频元素,您可以直接访问基础音频元素。首先获得ReactAudioPlayer的引用：

<ReactAudioPlayer
  ref={(element) => { this.rap = element; }}
/>

然后你可以像这样访问音频元素：

this.rap.audioEl

如果您需要访问音频标签的只读属性（例如buffered和），这将非常有用played。

文档地址：react-audio-player