【小程序】音乐播放不能使用本地地址

最新推荐文章于 2024-11-24 04:45:00 发布

原创

最新推荐文章于 2024-11-24 04:45:00 发布 · 859 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文介绍了小程序中背景音乐播放的API使用，强调了src属性必须设置为在线音乐地址而非本地地址，以及title属性的重要性，不设置会导致音乐无法播放。同时提到，小程序在后台时若需持续播放音乐，需在app.json配置requireBackgroundModes。

文章目录

1 背景音乐播放的Api

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

如果要小程序在切入后台后继续播放音频，需要在 app.json 中配置 requireBackgroundModes 属性。

{
   
   
    "pages":["pages/index/index"],
    "requiredBackhroundModes":["audio"]
}

2 src 与 title 属性

// 实例
const backgroundAudioManager = wx.getBackgroundAudioManager()

backgroundAudioManager.title

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

七日谭

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序-下载文件并打开/下载视频播放视频/下载音频文件-Android和IOS调试终版

灿灿大王搭建的黄金屋

04-28

6782

下载文件并预览：调接口下载文件，接口返回的是.bin类型的临时文件，直接调用uniapp原生接口openDocument可能出现打不开的情况或者可能打开文件乱码异常，所以我们需要获取一下文件类型fileType 适用于接口返回头中返回了文件名称和类型的情况：使用 var arr = res.header['Content-Disposition'].toString().split('filename=')[1].split('.') 从返回头Content-Disposition中截取文件

小程序歌曲播放地址获取方法

qq_45386539的博客

12-26

2589

2020.12.26测试有效（但失效很快）打开网易云歌曲打开Network 播放找v1开头（其他另说）使用 /** * 当小程序启动，或从后台进入前台显示，会触发 onShow */ onShow: function (options) { this.innerAudioContext = wx.createInnerAudioContext() //播放按钮 this.innerAudioContext.autoplay = true this.i

参与评论您还未登录，请先登录后发表或查看评论

微信小程序innerAudioContext本地音频播放

DayDayUp

02-27

6856

微信小程序innerAudioContext本地音频播放文件路径不支持相对路径 innerAudioContext.src='../images/test.mp3' 应该使用绝对路径 innerAudioContext.src='pages/images/test.mp3' ...

微信小程序Audio音频（有关歌曲和图片的路径）

qq_40761693的博客

11-01

5967

emmm,这个学期开了微信小程序的课，然后这次实验中有一个任务是制作音频。老师给了源代码（如以下）：但是实际操作之后却发现不能成功。。官方网址：https://developers.weixin.qq.com/miniprogram/dev/component/audio.html 之后发现src的路径有问题。因为点开之后音频没有办法播放。好的，恭喜我找到了问题。先给出最后的实现效果...

python没有pygame_教程丨python 做一个简单的MP3

weixin_39657825的博客

10-20

319

↑关注 + 星标，每天学Python新技能后台回复【大礼包】送你Python自学大礼来源丨速学Pythonhttps://mp.weixin.qq.com/s/C9doSoz0uHn2VAApBuGsNg本节将教大家如何做一个简单的mp3，希望大家能有所收获，写的不足之处望大家谅解。废话少说，直接上代码：#!/usr/bin/env python# -*- coding: utf-8...

基于hbuilder开发的微信小程序音乐播放系统，可添加本地音乐（含源码）

10-19

基于HBuilder开发的微信小程序音乐播放系统是一个实用且功能齐全的毕业项目，它展示了如何利用HBuilder这一强大的开发工具来构建一个专为微信平台设计的应用程序。HBuilder是一款集成了代码编辑、预览、发布等一站式...

音乐播放小程序源代码看看

07-28

通过分析和学习`CloudMusic`源代码，开发者不仅可以掌握小程序的基本开发技能，还能深入理解音乐播放服务的实现细节，为自己的项目提供参考。同时，对于有兴趣在小程序领域发展的程序员来说，这也是一个极好的实践...

微信平台小程序版音乐播放工具

最新发布

08-02

压缩包文件中的“微信小程序音乐播放器.txt”文件，很可能是该小程序的使用说明或者介绍文档，为用户提供使用指导，帮助用户快速上手和深入理解该工具的各项功能。随着移动互联网技术的不断发展和用户对音乐服务...

小程序实现背景音乐播放和暂停

11-20

在微信小程序中实现背景音乐播放和暂停功能，主要涉及到`wx.createInnerAudioContext` API的使用。这个API允许开发者在小程序内部创建一个音频上下文环境，以便控制音乐的播放、暂停、停止等操作。以下是对这个知识...

小程序--音频播放

丫头

12-20

734

这篇是关于页面跳转之后能看到另一个页面的音频效果 <view class="title" bindtap='music'> <image src='../../../../images/updata.png'></image> <text>音频播放</text> <image src="../.

微信小程序或公众号音频下载保存

关中刀客在青岛

06-10

1万+

一些微信公众号的文章或小程序里会嵌入一些音频，有时我们需要把这些音频保存到手机或电脑里，在音频失效后或没有微信环境时也能随时听。下面就个人经验总结一下：

微信小程序之谷歌浏览器获取网易云音频具体详细地址

weixin_44047389的博客

10-30

562

微信小程序之谷歌浏览器获取网易云音频具体详细地址打开网易云官网逐渐进行到以下页面按下F2出现以下界面，点击到Network下按下F5,在all中可以看到多种类型的文件，一般medio文件最大，这时在单击size，会自动排列，选中最大文件点击它。 -点击完最大文件后，再点击Header，则Request URL便是我们需要的路径 ...

小程序音频使用

开发路上的AZhe

06-27

484

第一种：在界面创建audio组件，并附一个id属性  <view wx:if="{{fileArr.fileSrc}}"> <audio src="{{src}}" id="myAudio"></audio> <button type="primary" bindtap="audioPlay">播放</button> <button type=

微信小程序如何播放音频，这里以本地mp3文件举例。

热门推荐

棒怡情的专栏

03-19

1万+

代码如下。这里用到的是InnerAudioContext srcurl是播放的MP3的路径。例如：/image/a.mp3 playmp3: function(event) { var srcurl="/image/a.mp3" const innerAudioContext = wx.createInnerAudioContext() innerAudioContext.autopla...

微信小程序开发实战（14）：音频组件（audio）

一个被知识诅咒的人

07-24

2769

-----------支持作者请转发本文-----------audio是用于播放在线音频的组件，该组件默认会带一个控制面板，用于控制音频的播放和暂停，以及显示音频作者、音频名称和当前播...

微信小程序wx.getBackgroundAudioManager()背景音频播放

林啾啾的博客

12-16

6417

显现的功能：开始播放、暂停播放、停止播放、进度条显示（没有做拖拽进度条）效果播放状态是个动图（图是网上随便找的，如侵删）暂停状态是静态图片： app.json设置首先要在app.json里设置： "requiredBackgroundModes":["audio","backgroundAudioManager"] 目的是使播放器可以息屏播放。 wxml页面显示设置 <view class="spotAudio"> <image src="https://

URL网络下载文件

阿柒

07-19

414

public class UrlDown { public static void main(String[] args) throws Exception { //1、下载地址 URL url = new URL("https://m701.music.126.net/20210719125031/8ba2fcc65c0ff15d27fc84875d715980/jdyyaac/obj/w5rDlsOJwrLDjj7CmsOj/9819321370/9a77/6b6

【微信小程序】媒体组件-audio组件

墨夶的博客

11-24

1207

audio组件允许开发者在微信小程序中嵌入音频播放功能。用户可以通过这个组件播放在线音频文件，并且可以控制播放、暂停、跳转等功能。audio组件支持多种配置选项，以满足不同的应用场景需求。

解决微信小程序（uniapp）中无法读取本地音频问题

xinbaiyu的博客

11-06

2547

只需要将src中的路径改为根路径即可而不是用相对路径，代码如下所示。