• 技术文章 >web前端 >uni-app

    uni-app怎样播放音频

    藏色散人藏色散人2021-09-17 15:21:36原创644

    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怎样播放音频的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:uni-app
    上一篇:uni-app怎么引用框架 下一篇:uni-app什么时候有的
    大前端线上培训班

    相关文章推荐

    • uni-app如何跳转页面• uni-app怎么引入插件• 如何在uni-app使用vuex• uni-app怎么引用框架

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网