微信播放背景音乐

旧城等待， 2021-07-24 15:53 548阅读 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 条评论，548人围观）

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

相关阅读

相关 MFC中播放背景音乐

、添加Lib文件 \pragma comment(lib, "Winmm.lib") 2、使用mciSendString是用来播放MP3 //播放背景音乐 mc...

深碍√TFBOYSˉ_/ 2024年04月17日 06:07/ 0 赞/ 71 阅读

相关 iOS后台播放背景音乐文件

iOS从4.0之后支持后台播放声音了。下面是实现声音文件播放，并且用户关闭屏幕之后仍然能够播放声音文件。具体的实现方法如下：在plist文件中加入下面的字段： [![im

素颜马尾好姑娘i/ 2023年10月18日 08:30/ 0 赞/ 45 阅读

相关 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 赞/ 277 阅读

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

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

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

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

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

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

相关 H5 自动播放背景音乐

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

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

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

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

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

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

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

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

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

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

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

相关微信播放背景音乐

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

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