在使用uni-app框架开发小程序时,有时会用到提示音。例如:扫码成功时,需要成功的提示音。在uni-app中有现成的组件。那么如何使用js来控制音频哪。在uni-app中有现有的api接口,可以实现这一问题。
1.下载音频文件:
一般会下载一个很短的MP3格式的音频文件,并将其放到项目的static文件夹下。
2.使用uni-app中的接口(API):
let innerAudioContext = uni.createInnerAudioContext()
innerAudioContext.volume = 1
innerAudioContext.src = '/static/sound/success.mp3'
innerAudioContext.play()
当然除了可以配置播放音量外,还可以配置其他属性。可以去uni-app官网上查看。
注意路径src:
如果是http开头的网络路径, innerAudioContext.play()好像可以不要
如果是相对路径,就尽可能写上。否则在app端上可能不会播放该音频。
以上就是在学习使用音频时,遇到的坑。
当然,在uni-app中还有播放背景音乐的组件和API接口,有机会可以尝试下。
更多推荐
学习笔记——uni-app中如何在app端使用音频
发布评论