音频组件,目前以非可视化的组件提供方式,提供了接入音频的能力(多用于背景音)。
# demo
# props
名称 | 类型 | 默认值 | 可选值 | 必填 | 描述 |
---|---|---|---|---|---|
src | string | - | - | 是 | 音频地址 |
looping | boolean | false | - | 否 | 是否循环, 开启以后音频循环播放 |
mute | boolean | false | - | 否 | 默认是否静音 |
autoplay | boolean | false | - | 否 | 是否开启自动播放, 用作背景音时一般为 true |
type | string | music | music,ring,alarm,system | 否 | 音频播放类型,不同的类型,有不同的优先级 |
# events
名称 | 参数 | 参数说明 | event说明 |
---|---|---|---|
onPlay | - | - | 音频切换到播放状态时触发该事件 |
onPause | - | - | 音频切换到暂停状态时触发该事件 |
onPrepared | - | - | 音频状态初始化为可播放后可触发该事件 |
onEnd | - | - | 音频播放结束后可触发该事件 |
onLoaded | - | - | 组件加载完成后可触发该事件(仅在初次渲染完成时触发一次) |
# 组件样例(example)
{
"type":"Audio",
"componentId": "demo_audio_1",
"props": {
"src":"https://dbp-resource.gz.bcebos.com/5abf9942-2823-52c3-2649-1ece32b7dbfe/%E5%8A%AA%E5%8A%9B.mp3?authorization=bce-auth-v1%2Fa4d81bbd930c41e6857b989362415714%2F2019-05-22T06%3A15%3A35Z%2F-1%2F%2F7eb9724ee886f4d73c95d048ffc86651f7db53300f5811778e6b90226faf032f",
"looping": false,
"autoplay": true,
"type":"music"
},
"events": {
"onEnd": [
{
"type": "SendEvent",
"arguments":["event_audio_end"],
"componentId": "demo_audio_1"
}
],
"onPause":[
{
"type":"SendEvent",
"componentId":"demo_audio_1"
}
],
"onPlay":[
{
"type":"SendEvent",
"componentId":"demo_audio_1",
"delay": 100
}
]
}
}