更新记录
1.0.0(2020-11-18) 下载此版本
初始化项目 PS:本插件提取了uView内置组件u-circle-progress,在此感谢uView作者。
平台兼容性
sound-recording
使用方法:
在 script 中引用组件
import soundRecording from '@/components/sound-recording/sound-recording.vue'
export default {
components: {soundRecording}
}
在 template 中引用组件
<sound-recording></sound-recording>
属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
width | String | 60rpx | 图标宽度 |
height | String | 60rpx | 图标高度 |
showTop | Boolean | true | 顶部按钮显示 |
maximum | Number,String | 15 | 最大录音限制 |
duration | Number | 20 | 录音动画时间 |
theme | String | #32b99d | 主题色(图标static更改) |
confirmText | String | 完成 | 完成按钮文字 |
事件说明
事件名称 | 说明 | 返回值 |
---|---|---|
confirm | 点击完成 | 录音文件目录(MP3格式) |
cancel | 点击取消 | - |
click | 点击事件(小于1秒) | - |
reset | 重新录制事件 | - |
playVoice | 播放暂停 | 播放状态 |
start | 录音开始事件 | - |
end | 录音结束事件 | - |
stop | 播放结束事件 | - |
PS:可组件外触发取消事件 this.$refs.soundRecording.cancel()。