如何做網(wǎng)站編輯 沒(méi)技術(shù)媒體吧軟文平臺(tái)
需求是:進(jìn)入頁(yè)面的時(shí)候是先有背景音樂(lè),發(fā)送問(wèn)題請(qǐng)求回答的時(shí)候會(huì)返回文字和音頻,前端要把音頻讀出來(lái),并且把背景音樂(lè)停止,讀完音頻后再打開(kāi)背景音樂(lè)
一開(kāi)始用的直接base64直接拼接在地址后 真機(jī)放不了
const innerAudioContext = wx.createInnerAudioContext();
innerAudioContext.src ='data:audio/mp3;base64,'+ 請(qǐng)求獲取的base64編碼的mp3格式文件;
innerAudioContext.play();
下面這個(gè)方式親測(cè)有效
//背景音樂(lè)playBackground(innerAudioContext, stop) {// const innerAudioContext = uni.createInnerAudioContext();innerAudioContext.autoplay = true;innerAudioContext.loop = true; //循環(huán)播放innerAudioContext.src = 'https://wealthgod.oss-cn-beijing.aliyuncs.com/caishen/backgroundmq3.mp3';innerAudioContext.onPlay(() => {console.log('開(kāi)始播放');});innerAudioContext.onStop((res) => {innerAudioContext.stop()//播放停止,銷毀該實(shí)例innerAudioContext.destroy()});innerAudioContext.onEnded((res) => {innerAudioContext.play();});},
//回答音頻
playerAnswer(url) {const backgroundAudioManager = wx.getBackgroundAudioManager()var number = Math.random()const audioPath = wx.env.USER_DATA_PATH + '/new' + number + '.mp3'const fs = wx.getFileSystemManager();fs.writeFile({filePath: audioPath,data: url,encoding: 'base64',success(res) {backgroundAudioManager.title = '財(cái)神'backgroundAudioManager.src = audioPathbackgroundAudioManager.onEnded((res) => {backgroundAudioManager.src = 'https://wealthgod.oss-cn-beijing.aliyuncs.com/caishen/backgroundmq3.mp3';});},})},this.playBackground(uni.createInnerAudioContext())this.playerAnswer(surl)//surl是背景地址
//manifest.json中/* 小程序特有相關(guān) */"mp-weixin" : { "requiredBackgroundModes" : [ "audio" ],},