微信播放背景音乐

旧城等待， 2021-07-24 15:53 489阅读 0赞

api->媒体->背景音频
    
    播放
    wx.playBackgroundAudio({
      dataUrl: '',
      title: '',
      coverImgUrl: ''
    })
    
    属性 	
    dataUrl 	 	音乐链接，目前支持的格式有 m4a, aac, mp3, wav
    title 			音乐标题
    coverImgUrl 	封面URL
    success 		接口调用成功的回调函数
    fail 			接口调用失败的回调函数
    complete 		接口调用结束的回调函数（调用成功、失败都会执行）
    
    附:网易云音乐url
    
    	"http://music.163.com/song/media/outer/url?id=27846862.mp3",
    	将id改成网易云分享歌曲的id
    
    
    暂停
    wx.pauseBackgroundAudio()

代码示例:  
点击控制播放器开始暂停:

var newsData=require("../../data/newsdata")
    Page({ 
    
    
      data: { 
          detailData:'',
          play:true
      },
    
      player:function(event)
      { 
    	   var flag=this.data.play;
    	   
    	   if(flag)
    	   { 
    	     wx.playBackgroundAudio({ 
    	       dataUrl: newsData.newsData[this.data.newsid].music.dataUrl,
    	       title: newsData.newsData[this.data.newsid].music.title,
    	       coverImgUrl: ''
    	     })
    	     flag=false;
    	     this.setData({ 
    	       play:flag
    	     })
    	   }
    	   else{ 
    	     wx.pauseBackgroundAudio();
    	     flag=true;
    	     this.setData({ 
    	       play:flag
    	     })
    	   }
    
      }
    
    
    
    })

wxml:

//根据状态修改图标
    <image  bindtap='player' class='player' src="{ {play? '../../images/eartag.png':'../../images/earphone.png'}}"></image>

发表评论取消回复

表情：

评论列表（有 0 条评论，489人围观）

还没有评论，来说两句吧...

相关阅读

相关 html5微信浏览器背景音乐播放

参考：[https://blog.csdn.net/doutao6677/article/details/51768486][https_blog.csdn.net_douta

Love The Way You Lie/ 2023年01月02日 02:21/ 0 赞/ 217 阅读

相关网页播放背景音乐实现完整代码

代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <sc

ゝ一纸荒年。/ 2023年01月01日 05:50/ 0 赞/ 109 阅读

相关微信小程序开发实战（29）：控制背景音乐

小程序还提供一组用于播放背景音乐的API，背景音乐和普通音乐的区别就是背景音乐在当前页面播放后，即使切换到当前小程序的其他页面，也不会停止播放。但当小程序退出后，背景音乐就会停

灰太狼/ 2022年12月04日 01:25/ 0 赞/ 421 阅读

相关计算机ppt音乐,ppt背景音乐_适合ppt播放的轻音乐

求助！怎么设置PPT无论何时切换，背景音乐都渐出看到网上有些说要用VBA，写代码什么的，具体是怎么操作的有没有大神指导一下呢？ppt用于颁奖，因为时间控制希望灵活一点，怕背

曾经终败给现在/ 2022年10月12日 01:21/ 0 赞/ 167 阅读

相关音乐播放进度条html,微信原生小程序实现音乐播放进度条

audio标签、progress标签实现音乐播放进度条 HTML5 audio标签、progress标签实现音乐播放及进度条，通过拖动进度条更新播放进度。本次分享以功能实现为

野性酷女/ 2022年10月06日 07:56/ 0 赞/ 183 阅读

相关 H5 自动播放背景音乐

html: <audio id="audio" controls loop autoplay preload hidden>

- 日理万妓/ 2022年09月11日 13:26/ 0 赞/ 175 阅读

相关解决ios下的微信页面背景音乐无法自动播放问题

前言在做各种HTML5场景页面的时候，插入背景音乐是一个很普遍的需求。我们都知道，iOS下的safari是无法自动播放音乐的，以至一直以来形成了一种认知，iOS是无法自动播

小鱼儿/ 2022年08月22日 05:51/ 0 赞/ 281 阅读

相关移动端-音乐自动播放-微信测试可行

<audio src="image/music.mp3" id="Jaudio" class="media-audio" autoplay preload loop="

叁歲伎倆/ 2022年05月16日 02:38/ 0 赞/ 175 阅读

相关微信小程序Audio列表音乐单独播放

问题描述官方文档仅给出了一首音乐的播放/暂停的操作说明，而我们的音乐有时候是以列表的形式展开的。具体操作是点击音乐播放，再次点击暂停，各音乐播放不会发生冲突。

古城微笑少年丶/ 2022年01月28日 01:29/ 0 赞/ 646 阅读

相关微信播放背景音乐

api->媒体->背景音频播放 wx.playBackgroundAudio({ dataUrl: '', titl

旧城等待，/ 2021年07月24日 15:53/ 0 赞/ 490 阅读