学习笔记——uni-app中如何在app端使用音频


在使用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接口,有机会可以尝试下。 

猜你喜欢

转载自blog.csdn.net/qq_41339126/article/details/110563373