微信小程序背景音乐开发

wx.getBackgroundAudioManager() 背景音乐

wx.getBackgroundAudioManager() 

推荐大家使用背景音乐不在使用audio

audio播放音频加载时间长 体验需求达不到

相关文档

https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html

相关代码


const bgMusic = wx.getBackgroundAudioManager()  //创建背景音乐
Page({data: {id: '',//请求数据参数idmusicMsg: {},//接收数据对象},onLoad: function (options) {var that = thisthat.setData({id: options.id,})that.getPicInfo() //请求服务器}, // 开始播放listenerButtonPlay: function (src) {var that = thisconsole.log(src)bgMusic.src = src;bgMusic.onTimeUpdate(() => {  //监听音频播放进度console.log(bgMusic.currentTime)})bgMusic.onEnded(() => {  //监听音乐自然播放结束console.log("音乐播放结束");that.listenerButtonPlay(that.data.musicMsg.mp3)})bgMusic.play(); //播放音乐},getPicInfo() {var that = thiswx.request({url: 'https://xxxxx.xxxxx.com/1.json?id=' + that.data.id,header: {'content-type': 'application/json'},method: 'GET',success: function (res) {that.listenerButtonPlay(res.data.data.mp3) //成功回调执行播放音乐that.setData({musicMsg: res.data.data, //赋值对象})}})},onUnload() {var that = thisthat.listenerButtonStop()//页面卸载时停止播放console.log("离开")},//暂停audioPause: function () {var that = thisbgMusic.pause(); //暂停播放音乐console.log('暂停')},audioPlay: function () {var that = thisbgMusic.play(); //停止播放console.log('继续播放')},//停止播放listenerButtonStop: function () {bgMusic.stop()},
})

 

喜欢上方小程序,需要源码的,添加博主微信私信小编.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/58037.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

计算机ppt音乐,PPT制作-背景音乐最全面设置教程

有了好音乐,许多朋友们都不知道PPT背景音乐设置的方法,面对越来越多的朋友对PPT背景音乐设置的无从下手,我们下载吧就做了这期的专题,PPT背景音乐设置里,这应该是算目前最详细的设置教程了。 PPT背景音乐设置—如何在P…

html页面中如何添加背景音乐

如果我们要在html页面中添加背景音乐效果&#xff0c;可以使用如下几种方式。 方法一&#xff1a; 在html文件中添加如下代码即可&#xff08;音频文件根据需要进行更改&#xff09; 1234<audio autoplay"autoplay" controls"controls"loop"loop&q…

PyGame|给程序插入背景音乐

前言 上次圣诞节的时候尝试了用python画圣诞树&#xff0c;用pyqt6制作了gui窗口&#xff0c;把画圣诞树的代码打包成了一个小程序&#xff0c;觉得只有圣诞树过于单调&#xff0c;于是想着给程序加入一点背景音乐&#xff0c;更有节日氛围。看了大佬们的教程&#xff0c;最后…

VB开发中背景音乐的制作

VB开发中背景音乐的制作 http://www.sina.com.cn 2001/04/23 17:09 中国电脑教育报 武正伦   背景音乐不仅在软件中起到“声”、“文”并茂的效果&#xff0c;而且能使用户减少在漫长的计算、等待过程中所带来的困倦和烦躁情绪&#xff0c;我们将通过用Microsoft Visual Basi…

Android微信登录在华为手机上无法调起授权界面的问题

Android微信登录在华为手机上无法调起授权界面的问题 App集成了微信登录&#xff0c;在其他手机上微信登录都可以正常调起微信授权页面&#xff0c;并且登录成功&#xff0c;但是 在华为手机上调用微信登录&#xff0c;没报异常&#xff0c;也无法调起微信授权页面&#xff0c;…

AI 绘图:MidJourney 的提示语句(Prompt)怎么写?

这篇文章主要总结了在 AI 绘画中&#xff0c;使用 MidJourney 时提示语句 Prompt 的写法。 1、基本 Prompt 写法 完整的 Prompt 可以分为三个部分&#xff1a;[Image Prompts][Text Prompt][Parameters]&#xff0c;其中&#xff1a; 图片提示&#xff08;Image Prompts&…

【EasyPoi实战系列】Spring Boot使用EasyPoi的注解让表格更漂亮以及图片的导出 - 第468篇

历史文章&#xff08;文章累计460&#xff09; 《国内最全的Spring Boot系列之一》 《国内最全的Spring Boot系列之二》 《国内最全的Spring Boot系列之三》 《国内最全的Spring Boot系列之四》 《国内最全的Spring Boot系列之五》 《国内最全的Spring Boot系列之六》 【…

拉伯证券|大股东或易主,阿里巴巴换股入局

三大股指齐上扬&#xff0c;早盘主力埋伏这些股。 到午间收盘&#xff0c;“家居零售榜首股”之称的美凯龙一字涨停&#xff0c;港股红星美凯龙涨24%&#xff0c;此前一度涨超30%。 消息面上&#xff0c;1月13日晚间&#xff0c;美凯龙发布公告称&#xff0c;公司控股股东红星…

Day02| 第四期-阿里巴巴股票行情分析(一)

01 前言 2020年高考的第一天到来了&#xff0c;不晓得你的心情如何&#xff0c;我想我们始终忘不了的是对追梦过程中的努力&#xff0c;希望长大以后的我们也不要忘记那种拼搏的精神&#xff0c;今天也会是元气满满的一天&#xff0c;接下来&#xff0c…

2021年PHP会被淘汰吗

首先我可以确定的是&#xff0c;PHP肯定不会被淘汰。 但是市场占有率肯定回不去以前的状态&#xff0c;以前PHP可以做网页的任何事&#xff0c;包括前端和接口。 但是近几年前端的发展非常迅猛&#xff0c;angular、vue和react三大前端框架的相继出现&#xff0c;使得前后端已…

第一个真正实现智能涌现的国产大语言模型,内测即将开启

出品 | OSC开源社区&#xff08;ID&#xff1a;oschina2013) 昆仑万维昨日宣布&#xff0c;由昆仑万维和奇点智源合作自研、中国第一个真正实现智能涌现的国产大语言模型 ——「天工」3.5 发布在即&#xff0c;并将于 4 月 17 日启动邀请测试。 公告指出&#xff0c;「天工」大…

Google 工程主管:AIGC 将在三年内终结编程!

大家注意&#xff1a;因为微信最近又改了推送机制&#xff0c;经常有小伙伴说错过了之前被删的文章&#xff0c;比如前阵子冒着风险写的爬虫&#xff0c;再比如一些限时福利&#xff0c;错过了就是错过了。 所以建议大家加个星标&#xff0c;就能第一时间收到推送。&#x1f44…

文献阅读必备常识和工具推荐

本文旨在总结研究生阶段(AI领域)关于论文检索、阅读、期刊会议分区、影响因子等常识问题&#xff0c;也包括一些工具和网站的推荐 1.关于期刊、会议的一些常识 学术论文分为期刊和会议&#xff0c;不同领域期刊和会议的权重不同&#xff0c;计算机领域为例&#xff1a; 计算机…

Qt-》QAudioOutput play 播放wav文件

用Qt写音频比directxShow方便多了&#xff0c;很好用&#xff0c;初级文章&#xff0c;供大家学习路上少分困难&#xff0c;多份轻松。 #include <QFile>#include <QAudioFormat>#include <QAudioOutput>#include <QSound>int main(){QFile inputFile…

将wav音频文件频谱分析后映射到钢琴琴键上(类似audio to midi功能)

import wave import numpy from pyaudio import PyAudio import matplotlib.pyplot as plt from matplotlib.ticker import MultipleLocator, FormatStrFormatter import mathwf wave.open(e:/tests/audio2miditest.wav, rb) # 创建PyAudio对象 p PyAudio() stream p.open(f…

Qt+MPlayer音乐播放器开发笔记(一):ubuntu上编译MPlayer以及Demo演示

若该文为原创文章&#xff0c;转载请注明原文出处 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/118713520 长期持续带来更多项目与技术分享&#xff0c;咨询请加QQ:21497936、微信&#xff1a;yangsir198808 红胖子(红模仿)的博文大全&#xff1a;…

android音乐播放器频谱图控件

先上效果图&#xff1a; 先通过测量获取view的宽高&#xff0c;然后将宽分为12份&#xff0c;11份为11个条形柱&#xff0c;剩余一份在分为10份作为条形柱之间的间距 Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMe…

Virtual Piano 自动播放乐谱

钢琴按键分布 钢琴 一共88个键&#xff0c;52个白键&#xff0c;36个黑键。 从左到右按音区分&#xff0c;可分为 低音区&#xff1a;不完整的大二字组、大字一组、大字组&#xff1b; 中音区&#xff1a;小字组、小字一组、小字二组&#xff1b; 高音区&#xff1a;小字三…

Qt开发音乐播放器时,频谱显示控件的详细绘制(好思路)

总第46篇 本文详细梳理了在Qt框架制作音乐播放器的过程中,频谱显示的绘制过程。 在开发音乐播放器的时候,需要将音频数据转换成对应的频谱显示,我们可以采用fmod 第三方库来处理,即通过fomd获取音频数据对应的频谱数据,再在项目中对数据进行绘制即可,这样使工程高度解耦,…

用Qt写一个简单的音乐播放器(一):使用QMediaPlayer播放音乐

一、前言 QMediaplayer可以用于解析音频文件和视频文件&#xff0c;继承自QMediaObject&#xff0c;涉及到的对象为QMediaContent。QMediaObject可以提供关于媒体内容的接入&#xff0c;通过URL进行初始化&#xff0c;同时也可以提供可以播放的媒体文件的列表&#xff0c;与QM…