uniapp 如何调用音频

uniapp调用音频

button点击

powershell 复制代码
       <view>
       <button @click="startPlay">开始播放</button>
       </view>

方法实现

powershell 复制代码
  startPlay() {  
      const innerAudioContext = uni.createInnerAudioContext();
      innerAudioContext.src = '/static/sounds/oqc.mp3';
      innerAudioContext.play()
       }

自定义播放 本地调试可以 打包 APK调用失败(需补充使用)

powershell 复制代码
  startPlay() {  
     this.a(); // 开始播放的入口 
     },  
     a(){

         var time = new Date();
          console.log('time:',time)
          const asd = '请001号前来办理业务'
          const msg = new SpeechSynthesisUtterance()
          msg.text = asd
          let that = this
          msg.onend = function(){
            that.count+=1
            // alert('播放结束')
            setTimeout(function(){
          that.play()

            },1000)
          }
          window.speechSynthesis.speak(msg)
    },
     play(){
          console.log('this.count',this.count)
          if(this.count < 3){
            this.a()
          }else{
            this.count = 0
            console.log('播放完毕')
          }
          // setInterval(this.cyclePlay(),1000)
        },
相关推荐
问心无愧05137 小时前
ctf show web入门 89
android·前端·笔记
hexu_blog7 小时前
前端vue后端java+springboot如何显示视频压缩
前端·vue.js·vue压缩视频·java压缩视频·指定大小压缩视频
欧阳天风7 小时前
electron播放本地音乐的问题
前端·javascript·electron
艾伦野鸽ggg7 小时前
CSS布局与动效知识梳理
前端·css
ljt27249606617 小时前
Vue笔记(二)--组件的属性和方法
前端·vue.js·笔记
Boop_wu7 小时前
[前端] CSS 常用样式(聊天界面 / 网页布局专用)
前端·css·css3
声声codeGrandMaster7 小时前
React框架的基础代码使用
前端·react.js·前端框架
叫我少年7 小时前
Vue 3 集成 Vue Router:从基础配置到项目实践
前端·路由
Highcharts.js7 小时前
Highcharts React 5.0 正式版:支持 ES 模块化、组件更精简、开发体验全面升级
前端·javascript·react.js·elasticsearch·前端框架·highcharts
果果开发ggdoc.cn7 小时前
我找到一个在线视频处理工具,不用上传,本地就能转格式、提取音频和字幕
音视频