uni-app怎样播放音频
uni-app播放音频的方法:1、在main.js中引入“vue.prototype.scanaudio = function() {...}”;2、通过“this.scanaudio();”方式在页面中调用即可。
本文操作环境:windows7系统、uni-app2.5.1版、DELL G3电脑。
uni-app怎样播放音频?
uniapp 播放音频
项目需求,当状态更新时 需要播报一条语音提示。
main.js引入
Vue.prototype.ScanAudio = function() {var music = null;music = uni.createInnerAudioContext(); //创建播放器对象music.src = "../../static/mp3/fy-cn.mp3";music.play(); //执行播放music.onEnded(() => { //播放结束 music = null;});}
页面中调用
//这里接口需要请求,判断是否需要播放语音提示this.ScanAudio();//播放语音
推荐:《uni-app教程》
文章推荐
-
详解uni-app(vue)基于InnerAudioContext封装一个基本的音频组件
相关学习推荐:微信小程序开发原由同样的是因为小程序官方不维护audio组件了音频组件的要求与限制1、点击播放或者暂停2、...
uniapp
2个月前 (11-21) 125 -
什么是uni-app
uni-app 介绍(推荐教程:uni-app框架教程)uni-app 是一个使用 Vue.js 开发跨平台应用的前端框...
uniapp
2个月前 (11-21) 131 -
uni-app之小程序包大小优化
背景在开发微信小程序的过程中,随着业务逻辑日渐庞大之后,突显了一些问题。首先我们发现在 dev mode 时,本地包大小...
uniapp
2个月前 (11-21) 351 -
uni-app在不同平台下拨打电话的示例
场景在App中拨打电话是一个比较常见的应用场景,但是我们通过搜索文章,发现,大部分的博文都是uni-app官网的copy...
uniapp
2个月前 (11-21) 258 -
uni-app适配到微信小程序注意事项
.markdown-body{word-break:break-word;line-height:1.75;font-w...
uniapp
2个月前 (11-21) 148
最新文章
- 如何在Python中处理数据库操作的问题 1分钟前
- 如何在Python中处理字符串操作的问题 2分钟前
- 多线程编程中遇到的Python问题及解决方法 3分钟前
- 大规模数据处理中的Python并发编程问题详解 3分钟前
- Python中常见的网络爬虫问题及解决方案 4分钟前
- Python开发中遇到的内存管理问题及解决方案 4分钟前
- 如何在Python中处理文件读写的问题 5分钟前
- 如何在Python中处理正则表达式的问题 6分钟前
- 如何优化Python中的算法和数据结构 7分钟前
- 如何在Python中处理文件压缩和解压缩的问题 7分钟前