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

问题#

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

解决方法#

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

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

  2、重点:

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

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

      BackgroundAudioManager.onEnded(function callback):监听背景音频自然播放结束事件

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

作者:Hang Shao

出处:https://www.cnblogs.com/pam-sh/p/12309696.html

版权:本作品采用「知识共享」许可协议进行许可。

声明:欢迎交流! 原文链接 ,如有问题,可邮件(mir_soh@163.com)咨询.

posted @   PamShao  阅读(5903)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
menu