Ant Design/React中使用Audio标签
Song •
3206 次浏览 •
0个评论 •
2018年10月09日
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
用户评论
-
2021-05-07 08:14:43
如果不能手动拖动进度条,要怎么设置更多相关好文
当前暂无更多相关好文推荐...
-
微信公众号文章/菜单添加小程序时路径如何获取? 2021-12-22
-
如何轻松获取微信小程序路径path? 2021-12-22
-
cannot import name 'CUDA_HOME' from 'mmcv.utils' 2021-12-05
-
vgg的loss一轮达到ln(1/n)阈值,如何解决 2021-11-21
-
如何下载使用utils库 2021-10-27
热门文章
-
微信公众号文章/菜单添加小程序时路径如何获取? 2021-12-22
-
如何轻松获取微信小程序路径path? 2021-12-22
-
python/MySQL分页查询方法与性能优化 2021-06-23
-
mitmproxy & python 忽略所有的https/ssl请求 2021-04-19
-
如何使用邮件/邮箱推广微信公众号/小程序? 2021-01-28
栏目最新文章
公告提示
- pytorch中文文档
- pytorch官方文档
提交评论