Ant Design/React中使用Audio标签

Song • 582次浏览 • 0个评论 • 2018-10-09 11:14:25

AudioH5提供的音频处理文件,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

提交评论
要回复文章请先登录注册
用户评论
  • 没有评论
    公告
    中国晚上好,随时随地分享前沿科技,好吃好玩,有趣有料的新鲜事;本站可以分享资源,技术,观点,态度;同时希望大家做一个文明的分享者!
    广告
    pytorch中文网