码迷,mamicode.com
首页 > 微信 > 详细

微信小程序—添加背景音乐

时间:2020-02-14 22:51:35      阅读:1484      评论:0      收藏:0      [点我收藏+]

标签:const   htm   font   添加   回调函数   color   http   one   call   

问题: 

  想在打开小程序时就自动播放背景音乐(循环)

解决方法:

  1、思路:写一个函数,在 onLoad()中调用

  2、

 1 //index.js
 2 //获取应用实例
 3 const back = wx.getBackgroundAudioManager();
 4 
 5 Page({
 6    ......................
 7 //  音乐播放函数
 8   backmusic: function () {
 9     player();
10     function player() {
11       back.title = "罗密欧与朱丽叶 ";   // 必须要有一个title
12       back.src = "http://******.mp3";  
13       // 千与千寻 "http://*************.mp3"
14       back.onEnded(() => {
15         player();  // 音乐循环播放
16       })
17     }
18   },
19 
20   onLoad: function () {
21     //背景音乐播放
22     this.backmusic();
23    ................... 
24 })

  3、重点:

      BackgroundAudioManager 实例  官方链接:https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html

           :获取全局唯一的背景音频管理器。 小程序切入后台,如果音频处于播放状态,可以继续播放。但是后台状态不能通过调用API操纵音频的播放状态。      

      BackgroundAudioManager 实例,可通过 wx.getBackgroundAudioManager 获取。     

      BackgroundAudioManager.onEnded(function callback)

       :监听背景音频自然播放结束事件

      参数    function callback

       :背景音频自然播放结束事件的回调函数

微信小程序—添加背景音乐

标签:const   htm   font   添加   回调函数   color   http   one   call   

原文地址:https://www.cnblogs.com/pam-sh/p/12309696.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!