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

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐