Ant Design/React中使用Audio标签

Song3206 次浏览0个评论2018年10月09日

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

提交评论

请登录后评论

用户评论

  • 2021-05-07 08:14:43
    如果不能手动拖动进度条,要怎么设置
    0 赞 0 条评论 回复
    评论
    查看更多评论!

更多相关好文

    当前暂无更多相关好文推荐...