更新记录
1.0.0(2020-11-18)
初始化项目
PS:本插件提取了uView内置组件u-circle-progress,在此感谢uView作者。
平台兼容性
HbuilderX/cli最低兼容版本 |
2.9.8 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
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()。
End