微信公开课
微信公开课小程序热门讨论关于「使用getBackgroundAudioManager,发现有MP3无法播放」的小程序开发问题
补充:使用getBackgroundAudioManager,发现有MP3无法播放
展开:当前Bug的表现1、音频文件在本地或其他播放器中正常但有的在小程序中播放不了例如:https:cmshanzhigucomuploadaudioinfo20190111beb529792e0e44c89d2edface3aa832bmp32、在小程序中使用的组件是wxgetBackgroundAudioManager,上面这个音频放不了3、我把小程序官方提供的音频代码中SRC修改为这个,也播放不了,界面如下图,一动不动也无错误打印信息使用背景播放器预期表现希望能正常播放所有的mp3文件或者支持的音频格式文件而不是有的能播放,有的不能播放(都是MP3)复现路径提供一个最简复现Demo*JS文件====================================================*constaudioManager=wxgetBackgroundAudioManager();打开这个注释的mp3源,就可以播放constdataUrl=http:wsstreamqqmusicqqcomM500001VfvsJ21xFqbmp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46使用下面这个播放源就无法播放两个音频文件在浏览器中或其他本地都能正常播放constdataUrl=https:cmshanzhigucomuploadaudioinfo20190111beb529792e0e44c89d2edface3aa832bmp3Page({onShareAppMessage(){return{title:背景音乐,path:pageAPIpagesbackgroundaudiobackgroundaudio}},onLoad(){this_enableInterval()if(appglobalDatabackgroundAudioPlaying){thissetData({playing:true})}},data:{playing:false,playTime:0,formatedPlayTime:00:00:00},play(){constthat=thisaudioManagertitle=这是测试;audioManagerepname=此时此刻;audioManagersinger=XXX;audioManagercoverImgUrl=http:ygtimgcnmusicphoto_newT002R300x300M000003rsKF44GyaSkjpg?max_age=2592000,audioManagersrc=dataUrl;thatsetData({playing:true});this_enableInterval()appglobalDatabackgroundAudioPlaying=true},seek(e){clearInterval(thisupdateInterval)constthat=thisaudioManagerseek(edetailvalue);setTimeout(function(){that_enableInterval()},2000)},pause(){constthat=thisaudioManagerpause();thatsetData({playing:false});appglobalDatabackgroundAudioPlaying=false},stop(){constthat=thisaudioManagerstop();thatsetData({playing:false});appglobalDatabackgroundAudioPlaying=false},_enableInterval(){constthat=thisfunctionupdate(){thatsetData({playTime:parseInt(audioManagercurrentTime),formatedPlayTime:utilformatTime(audioManagercurrentTime+1)})}update()thisupdateInterval=setInterval(update,500)},onUnload(){clearInterval(thisupdateInterval)}})*WXML*<viewclass=container<templateis=headdata={{title:backgroundAudio}}<viewclass=pagesection<viewclass=pagebodyinfo<textclass=timebig{{formatedPlayTime}}<text<sliderclass=slidermin=0max=1777step=1value={{playTime}}bindchange=seek<slider<viewclass=playtime<text00:00<text<text29:37<text<view<view<viewclass=pagebodytexttc注意:离开当前页面后背景音乐将保持播放,但退出小程序将停止<view<viewclass=pagebodybuttons<blockwx:if={{playing===true}}<viewclass=pagebodybuttonbindtap=stop<imagesrc=imagestoppng<image<view<viewclass=pagebodybuttonbindtap=pause<imagesrc=imagepausepng<image<view<block<blockwx:if={{playing===false}}<viewclass=pagebodybutton<view<viewclass=pagebodybuttonbindtap=play<imagesrc=imageplaypng<image<view<block<viewclass=pagebodybutton<view<view<view<templateis=foot<view*wxss*image{width:150rpx;height:150rpx;}pagebodywrapper{margintop:0;}pagebodyinfo{paddingbottom:50rpx;}timebig{fontsize:60rpx;margin:20rpx;}slider{width:650rpx;}playtime{fontsize:28rpx;width:700rpx;padding:20rpx0;display:flex;justifycontent:spacebetween;boxsizing:borderbox;}pagebodybuttons{display:flex;justifycontent:spacearound;margintop:100rpx;}pagebodybutton{width:250rpx;textalign:center;}
更多有关「使用getBackgroundAudioManager,发现有MP3无法播放」的讨论可以前往微信公开课小程序参与互动哦!了解更多
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「使用getBackgroundAudioManager,发现有MP3无法播放」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「使用getBackgroundAudioManager,发现有MP3无法播放」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「使用getBackgroundAudioManager,发现有MP3无法播放」
微信公开课小程序热门讨论「使用getBackgroundAudioManager,发现有MP3无法播放」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「使用getBackgroundAudioManager,发现有MP3无法播放」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。