小程序 背景音乐wx.getBackgroundAudioManager()的使用

最新推荐文章于 2024-06-27 10:27:11 发布
最新推荐文章于 2024-06-27 10:27:11 发布
阅读量2.3k 收藏 2
点赞数
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czc13026391650/article/details/103224918
版权
本文介绍了在小程序中使用wx.getBackgroundAudioManager()实现背景音乐播放的方法。通过创建实例并调用其方法控制音乐播放，同时强调在app.json中设置music.src的重要性，必须在播放相关代码块内赋值，避免暂停功能失效。
摘要由CSDN通过智能技术生成

首先在点击事件中创建一个实例
wx.getBackgroundAudioManager()的返回值是BackgroundAudioManager它有开始暂停等很多方法，直接.即可

playMusic(){
   
    const music = wx.getBackgroundAudioManager()
    if(!this.data.isPlay){
   
      music.src
最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序背景音乐开发详解
12-13
wx.getBackgroundAudioManager()  推荐大家使用背景音乐不在使用audio audio播放音频加载时间长 体验需求达不到 相关文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html 相关代码 const bgMusic = wx.getBackgroundAudioManager() //创建背景音乐 Page({ data: { id: '',//请求数据参数id musicMsg: {},//
微信小程序API 背景音频播放管理 wx.getBackgroundAudioManager()
吾行远方
07-02 7629
1、官方文档及注意事项 官方文档 退出当前页面或者小程序，背景音乐继续播放 与pages同级： "requiredBackgroundModes": ["audio"] 2、BackgroundAudioManager 实例，可通过 wx.getBackgroundAudioManager 获取。 // pages/test/test.js const backgroundAudioManag...
UniApp中的背景音频播放：深入理解uni.getBackgroundAudioManager()
最新发布
Play_Sai的博客
06-27 1181
uni.getBackgroundAudioManager() 返回全局唯一的背景音频管理器对象,用来播放音频。该对象不依赖页面,即使小程序被切换到后台或最小化,音频也可以继续播放。这使得它非常适合用于音乐播放器、有声读物等需要持续播放的场景。uni.getBackgroundAudioManager()为UniApp开发者提供了强大而灵活的音频播放解决方案。通过本文的介绍和示例,您应该能够在您的UniApp项目中实现功能丰富的音频播放功能。
微信小程序wx.getBackgroundAudioManager()背景音频播放
林啾啾的博客
12-16 5693
显现的功能： 开始播放、暂停播放、停止播放、进度条显示（没有做拖拽进度条） 效果 播放状态是个动图（图是网上随便找的，如侵删） 暂停状态是静态图片： app.json设置 首先要在app.json里设置： "requiredBackgroundModes":["audio","backgroundAudioManager"] 目的是使播放器可以息屏播放。 wxml页面显示设置 <view class="spotAudio"> <image src="https://
微信小程序简易音频播放器（wx.getBackgroundAudioManager()）
caip12999203000的博客
10-29 1226
微信小程序简易音频播放器（wx.getBackgroundAudioManager()）
小程序之背景音乐—wx.getBackgroundAudioManager播放音频
Black_Eva的博客
07-03 2106
wxml <view class='container'> <view class='learn-tit'> <view class='answer-name'> <view>{{courseName}}</view> <view>{{courseSubName}}</...
微信小程序音频后台播放功能
m0_73481765的博客
09-12 3010
在播放过程中，如果用户将手机屏幕锁定或者切换到其他应用程序，音乐播放器会自动转为后台播放状态。以上代码仅为示例，具体实现方式可能根据你的需求有所差异。你可以根据自己的实际情况进行调整和完善。如果需要在后台播放音频时显示通知栏信息、响应用户的操作等功能，还需要在小程序的。方法创建后台音乐播放器，并将音乐播放任务交给这个后台播放器。，表示需要在后台播放音频时在通知栏显示音乐播放的信息。微信小程序在手机息屏后依旧能播放音频，需要使用。属性为音频文件的地址，并调用。方法创建后台音乐播放器实例。
音乐影音之家小程序源码加截图.7z
06-22
在小程序中实现音乐播放通常需要调用微信小程序的多媒体API，如`wx.playBackgroundAudio`用于播放背景音乐，`wx.getBackgroundAudioManager`获取音乐管理器对象，控制音乐播放、暂停、停止等操作。同时，需要处理...
微信小程序制作音乐跳动动画样例源码
04-23
背景音频管理器可以让你在小程序的任何页面上播放音乐，并且不会因为页面切换而停止。 - 通过监听`play`、`pause`、`stop`等事件，可以实现音乐的播放、暂停和停止功能。 2. **服务器交互**： - 实际项目中，用户...
微信小程序-音乐播放器
01-27
可以使用微信小程序的本地数据存储API，如`wx.setStorageSync`和`wx.getStorageSync`，来保存用户的播放历史或收藏列表。 此外，音乐播放器可能涉及网络请求，获取在线音乐资源。微信小程序提供了`wx.request`方法...
微信小程序播放背景音乐
aaa123aaasqw的博客
05-12 1801
从微信客户端6.7.2版本开始，若需要在小程序切后台后继续播放音频，需要在 app.json 中配置 requiredBackgroundModes 属性。开发版和体验版上可以直接生效，正式版还需通过审核。获取全局唯一的背景音频管理器。小程序切入后台，如果音频处于播放状态，可以继续播放。但是后台状态不能通过调用API操纵音频的播放状态。2、onUnload和onHide事件中暂停音乐的播放。4、在播放结束的事件中，再次播放，以达到循环播放的效果。3、onShow中调用播放事件。
【解决】微信小程序wx.getBackgroundAudioManager()写音频播放时，暂停后再播放又从头开始了
昔冰_G的博客
05-29 2327
最近写小程序时涉及到音频播放，自然是少不了getBackgroundAudioManager()，也为用户提供方便，可以通过系统的暂停/播放来同步控制小程序的音频的暂停/播放。 那么在使用的时候，我暂停了，调用了pause()，播放时我错在了直接给设置了歌曲的链接。 核心点在：判断当前的歌曲链接是不是被暂停的歌曲的链接，不是原来的歌就重新赋予链接地址，否则也就是原来的歌，那就不赋予链接地址而是调用play()方法。 ...
python没有pygame_教程丨python 做一个简单的MP3
weixin_39657825的博客
10-20 249
↑关注 + 星标，每天学Python新技能后台回复【大礼包】送你Python自学大礼来源丨速学Pythonhttps://mp.weixin.qq.com/s/C9doSoz0uHn2VAApBuGsNg本节将教大家如何做一个简单的mp3，希望大家能有所收获，写的不足之处望大家谅解。废话少说，直接上代码：#!/usr/bin/env python# -*- coding: utf-8...
小程序音频播放 wx.createInnerAudioContext() wx.getBackgroundAudioManager() 踩坑记
weixin_41645458的博客
07-07 1276
这些坑主要集中在ios平台 wx.createInnerAudioContext() wx.getBackgroundAudioManager() 通病 1.音频链接中不能存在中文，而且使用encodeURIComponent()编码也不能识别 必须要包含 https://xxx.xxx.xxx/ 所以 切掉前半部分 后面的就可以使用encodeURIComponent()编码了 我的是这样处理的 audio = 'https://xxx.xxx.xxx/audio/2020/07/05/07
音频播放 ios 和 安卓的兼容 wx.getBackgroundAudioManager()
qq_37449852的博客
12-12 1813
由于公司小程序 ‘蜗牛亲子英语’ 涉及到音频播放这一块，写的时候 遇到很多坑， 所以在这里总结一下， 希望能够为 同样在写音频播放这一块的 童鞋解解惑 自行查看 微信官方相关API wx.playBackgroundAudio 这个API官方已经不做更新了，所以你就不用继续研究这个了，可以使用最新功能更强横的 wx.getBackgroundAudioManager() let Backgrou...
小程序背景音乐及音频播放demo（copy直接使用~）
qq_17189095的博客
06-29 852
从微信客户端6.7.2版本开始，若需要在小程序切后台后继续播放音频，需要在 app.json 中配置 requiredBackgroundModes 属性。开发版和体验版上可以直接生效，正式版还需通过审核。获取全局唯一的背景音频管理器。小程序切入后台，如果音频处于播放状态，可以继续播放。但是后台状态不能通过调用API操纵音频的播放状态。2、onUnload和onHide事件中暂停音乐的播放。4、在播放结束的事件中，再次播放，以达到循环播放的效果。3、onShow中调用播放事件。
微信小程序使用wx.getBackgroundAudioManager()写音频播放，ios和安卓真机测试，暂停再播放结果从头播的bug【已解决】
热门推荐
qq_43119205的博客
03-21 1万+
话不多说，遇到的坑解决办法如下： 解决暂停再播放不能从头播的问题。（准备好更新进度、获取单个课程播放进度的接口） 1.当音频暂停、进度条拖动（音频暂停状态）、快进快退（音频暂停状态）、页面卸载时调用更新接口； 2.再次播放时调用获取接口； 3.微信小程序的BackgroundAudioManager.currentTime并不能获取到上次暂停时的时间，这时候需要我们用seek()方法跳转到获取接...
微信小程序音频播放，可拖动进度条，可有时间显示
xiaoqingqing521的博客
12-22 7830
首先来展示一下效果： 中间的播放条以及下面的浮窗就是我们呈现的最终效果。 音频播放使用的组件是： wx.getBackgroundAudioManager(); 在wx.request()中首先初始音频路径信息 wx.request({ success:(res)=> { that.setData({ Title: audioinfo.bookName,//标题 p_...
wx.getbackgroundaudiomanager()如何使用
08-18
wx.getBackgroundAudioManager() 是小程序中获取背景音频管理器的方法。背景音频管理器是用来控制背景音频播放的管理对象。 使用方法如下： 1. 在小程序中，通过 wx.getBackgroundAudioManager() 方法获取背景音频...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值