uniapp背景音乐管理

最新推荐文章于 2024-06-27 10:27:11 发布
最新推荐文章于 2024-06-27 10:27:11 发布
阅读量1.5k 收藏 4
点赞数 1
文章标签： uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaowenxue/article/details/115025155
版权

1.效果是退出当前页面或者后台运行app时候音乐照常播放，但是不能在其他页面切换歌曲或者暂停，音乐列表自动循环，播放完所有歌曲自动停止
2.我的歌曲列表自定义的
在这里插入图片描述
3.音乐列表代码，样式就不放了
在这里插入图片描述
4.先在onload里面获取一下背景音乐的API，不知道的可以看uniapp官方的文档 uni.getBackgroundAudioManager()在这里插入图片描述
5.事件，先获取音乐列表，并椎动操控数据，往里面添加isshow控制播放和停止的图标，time控制音乐的时间，目前时间从0开始，播放完会展示播放了多久，播放下一首，上一首时间自动归零
在这里插入图片描述
6.点击开始播放
在这里插入图片描述
7.播放结束
在这里插入图片描述
8。截图在这里插入图片描述
在代码这里插入图片描述
9.在这里插入图片描述
10.截图就是这样，如果有需要，可以私我，18749191504@163.com，私法vue页面源码

萧棠
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp vuex中背景音乐播放+暂停（跳转页面不暂停）
sika-master的博客
05-19 1605
第一种方式：放入main中 第二种方式：放入vuex中管理 由于我们的vuex是模块化的管理，所以是单独的文件，新建的bgm.js文件 const debug = process.env.NODE_ENV == 'development' ? true : false const bgm = uni.createInnerAudioContext(); bgm.src = 'https://vod.qiniu.ayousi.cn/lq5Af14ZKVj3MmzcFFmcX0qlF7Yx' bgm.loo
带进度条的音乐播放器
01-22
在这个小程序中，我们使用 wx.getBackgroundAudioManager() 方法来获取背景音乐管理器对象，以便控制音乐的播放、暂停和停止。我们还使用 innerAudioContext 对象来播放音乐，并使用 bgMusic 对象来控制音乐的播放...
UniApp中的背景音频播放：深入理解uni.getBackgroundAudioManager()
Play_Sai的博客
06-27 976
uni.getBackgroundAudioManager() 返回全局唯一的背景音频管理器对象,用来播放音频。该对象不依赖页面,即使小程序被切换到后台或最小化,音频也可以继续播放。这使得它非常适合用于音乐播放器、有声读物等需要持续播放的场景。uni.getBackgroundAudioManager()为UniApp开发者提供了强大而灵活的音频播放解决方案。通过本文的介绍和示例,您应该能够在您的UniApp项目中实现功能丰富的音频播放功能。
uniapp开发h5页面，实现背景音乐播放+暂停
热门推荐
HouGISer的博客
01-24 1万+
背景 我们平常见到的h5页面，大多数都有背景音乐，打开页面自动播放，该文教大家如何利用uniapp开发h5，实现内置音乐播放、暂停，以及音乐icon的旋转和暂停动画。 创建音乐对象 代码如下： var innerAudioContext = uni.createInnerAudioContext(); innerAudioContext.autoplay = true;//自动播放 innerAu...
前端小白006：关于uniapp小程序背景音频和音频一些注意事项
ReXplan的博客
07-07 1713
前端小白006：关于uniapp小程序背景音频和音频一些注意事项全局唯一的背景音频权限申请背景音频和音频同时存在解决办法（个人推测）个人结语 全局唯一的背景音频 背景音频好处就是可以后台播放音频，不好的就是没有销毁实例的方法，不清楚小程序是不是每新建一个背景音频实例就会自动销毁上一个背景音频实例 权限申请 ios App平台，背景播放需在manifest.json -> app-plus -> distribute -> ios 节点添加 “UIBackgroundModes”:[“au
Uniapp app权限配置
Neo的博客
04-14 4474
uniapp 模块权限配置 打开工程中的manifest.json文件，选择>App权限配置，勾选即可 uniapp 模块权限说明，便于查阅和搜索 权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permission.ACCESS_COARSE_LOCATION 获取错略位置 通过WiFi或移动基站的方式获取用户错略的经纬度信息,..
uniapp仿网易云音乐项目(发布小程序、H5和安卓App)
fengxiandada的博客
04-22 9659
文章目录1. 环境准备1.1 本地安装后端1.2 docker安装后端2. 首页2.1 自定义navigationStyle2.2 封装navigationStyle组件2.3 首页基本布局2.4 接口调用&数据渲染3. 榜单详情页3.1 详情页布局3.2 渲染数据3.3 完整代码4. 歌曲详情页4.1 歌曲详细页布局4.2 歌曲接口4.3 数据渲染4.4 设置背景音乐管理器4.5 VueX共享数据5. 搜索页5.1 搜索页布局5.2 搜索页接口5.3 数据渲染5.4 搜索提示6. 首页骨架屏显示
微信小程序 java音乐播放器系统uniapp
QQ511008285的博客
09-15 621
方便用户对首页、音乐信息、论坛中心、我的等详细的了解及统计分析,而相对于互联网上其他的各种操作系统上的音乐播放器，这款音乐播放器界面大方简单，操作方便，读取音频的速度快，各种操作反应灵敏。为了实现一个给用户提供最完善功能和最简单操作的产品，本系统设计的目标就是要让设计出的网络音乐播放器能够对本地音乐中的MP3和常见的媒体类型进行播放、暂停、上一首、下一首、拖拽播放等基本操作，对网络上的音乐可以实现在线播放以及在线下载网络音乐到本地等操作。4.3.1实体ER图 16。第六章 系统的测试 27。
java计算机毕业设计基于安卓Android的音乐论坛APP uniapp 小程序
qq_1262330535的博客
10-18 140
本文先提出了开发基于Android的音乐论坛系统的背景意义，然后通过功能性和非功能性分析阐述本系统的需求，然后从功能设计和数据库设计两方面进行系统的设计建模。在技术实现部分采用了Java作为开发后台的编程语言，客户端使用Android，数据库选择MySQL。最后进行了代码的编写，并说明了实现流程。最终，通过软件测试来验证基于Android的音乐论坛系统的功能要求。综合表明，本基于Android的音乐论坛系统满足了音乐的基本业务，帮助用户及时交流和听音乐，提供了深层次的音乐论坛功能平台。用户端：分四个模块，
uniapp
我们仍未知道那天所见花的名字,但是她的香味却留在我心间
07-05 8989
uniapp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uniapp已经支持一套代码打包到 Android、IOS、H5、微信小程序、支付宝小程序、百度小程序、字节跳动小程序、QQ小程序、快应用、360小程序 10个平台。开发者/案例数量众多平台能力不受限生态丰富开发成本低学习成本低性能体验优秀随着手机性能的提高，WebView渲染方式的性能差距越来越低，2000元左右
uni-app-music(支持全局播放音频).zip
10-16
1. 跨页面通信：uni-app提供了Vuex状态管理库，用于在不同页面之间共享和同步数据，包括当前播放的音乐信息。 2. 音频API的使用：uni-app封装了各平台的原生音频API，如HTML5的Audio API或者小程序的audioContext，...
音乐播放器微信小程序代码 - 小程序 - java - uniapp -springboot - 微信小程序 - 代码
01-11
音乐播放器微信小程序代码 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈：微信小程序，springboot，uniapp，vue，ajax，maven，mysql，MyBatisPlus 2、系统的实现 用户信息 图片素材 视频...
让app一直运行在后台且可以播放有声音乐Demo
11-23
这种功能在IoT设备上尤其重要，因为这些设备可能需要长时间运行音频服务，比如智能家居的背景音乐系统。 描述中的内容虽然简短，但暗示了开发者可能遇到的问题：如何使应用在后台保持活跃状态，同时处理音乐播放。...
基于springboot的阳光音乐厅订票系统代码 - java - springboot - spring - 代码 - 网站
01-12
基于springboot的阳光音乐厅订票系统代码 | java | springboot | spring | 代码 | 网站 | 毕设 1、技术栈：微信小程序，springboot，uniapp，vue，ajax，maven，mysql，MyBatisPlus 2、系统的实现 用户信息 图片...
chromedriver-mac-arm64_126.0.6474.0.zip
07-31
chromedriver-mac-arm64_126.0.6474.0.zip
chromedriver-mac-arm64_128.0.6548.0.zip
最新发布
07-31
chromedriver-mac-arm64_128.0.6548.0.zip
MySQL查询加速器：利用Query Cache提升效率
07-31
MySQL是一个流行的开源关系型数据库管理系统（RDBMS），广泛用于Web应用程序的后端数据存储。它基于结构化查询语言（SQL）来管理数据，并且是LAMP（Linux, Apache, MySQL, PHP/Python/Perl）技术栈的一部分，这个技术栈常用于构建动态网站和Web应用程序。 MySQL的特点包括： - **开放源代码**：MySQL的源代码是公开的，任何人都可以自由使用和修改。 - **跨平台**：MySQL可以在多种操作系统上运行，包括Linux、Windows、macOS等。 - **高性能**：MySQL以其快速的查询处理和良好的性能而闻名。 - **可靠性**：MySQL提供了多种机制来确保数据的完整性和可靠性，包括事务支持、备份和恢复功能。 - **易于使用**：MySQL提供了简单直观的界面和丰富的文档，便于用户学习和使用。 - **可扩展性**：MySQL支持从小型应用到大型企业级应用的扩展。 - **社区支持**：由于其广泛的使用，MySQL拥有一个活跃的开发者社区，提供大量的资源和支持。 MySQL被广泛应用于各种场景，包括在线事务处理（OL
uniapp背景音乐版权问题
09-06
对于UniApp或任何其他应用，涉及背景音乐版权问题都是需要重视的。背景音乐的版权归属于音乐制作人、唱片公司或相关权利人，未经授权使用可能会侵犯版权。为了避免版权纠纷，建议开发者在应用中使用合法授权的音乐或者使用免费的音乐素材。 在寻找背景音乐时，可以选择购买合法授权的音乐，或者使用一些免费音乐库＊＊＊等都提供了一些可以在应用中使用的免费背景音乐。 为了确保合法性并避免侵权问题，建议开发者在使用任何背景音乐之前，先了解并遵守相关版权法律法规，并确保获得了合法的授权或使用合适的免费音乐素材。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值