背景音乐IOS自动播放

其他环境
¥10.00

使用VUE开发的一个H5的活动页面,客户要求放一个背景音乐。背景音乐可以在安卓系统下自动播放,IOS系统里面只有点击播放后才可以播放,这是什么原因造成的,有什么解决方法码?


代码如下:

<script>
//APP.VUE
 export default {
  globalData:{
   innerAudioContext:null
  },
  onLaunch: function() {
   console.log('App Launch')
   this.innerAudioContext = uni.createInnerAudioContext();
   this.innerAudioContext.autoplay = true;//自动播放 
   this.innerAudioContext.loop = true; //循环播放
  },
  onShow: function() {
   console.log('App Show')
  },
  onHide: function() {
   console.log('App Hide')
  }
 }
</script>

<style>
 /*每个页面公共css */
</style>

页面代码:

 onLoad() {
   // this.$api('api/vlol/setsession.aspx', {}, 'get').then(res => {
   // })
   
   app.innerAudioContext.src = '../../static/demo.mp3';
   app.innerAudioContext.onPlay()
   this.getAddress()
  },


最佳答案

使用微信的jssdk,

    app.vue:

    

globalData:{

innerAudioContext:null

},

onLaunch: function() {

console.log('App Launch')

this.innerAudioContext = uni.createInnerAudioContext();

this.innerAudioContext.autoplay = true;//自动播放 

this.innerAudioContext.loop = true; //循环播放

this.innerAudioContext.onPlay(() => {

 console.log('开始播放');

});

this.innerAudioContext.onError((res) => {

 console.log(res.errMsg);

 console.log(res.errCode);

});

},


    页面内:

        var jweixin = require('jweixin-module') //npm安装的引用

jweixin.config({

           // 配置信息, 即使不正确也能使用 wx.ready

           debug: false,

           appId: '',

           timestamp: 1,

           nonceStr: '',

           signature: '',

           jsApiList: [],

info:{}

       });

       jweixin.ready(function() {

           app.innerAudioContext.play();

       });

app.innerAudioContext.src = '../../static/demo.mp3';

Only efforts T0 被采纳率50%
2021-01-19 17:07
打赏 0 0
页面统计
202 访问
0 帮助
0.00 打赏

hierror 2019 © hierror.com 京ICP备13026190号-1

通知消息
  • 暂无任何消息