欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

具体内容

一.音频控制

在微信小程序API中我们知道：有wx.playVoice(OBJECT)即在微信小程序中插入音频，插入代码如下：

wX . startRecord ( {

success : function(res){

var tempFilePath = res. tempFilePath

WX . playVoice({

filePath : tempFilePath,

complete: function(){

})

}

})

注：在微信小程序中同一时间只能播放一段音频，若要播放下一段音频只能在中断上一段音频的前提下播放。

因此暂停正在播放的语音。再次调用wx.playVoice播放同一个文件时，会从暂停处开始播放。如果想从头开始播放，需要先调用wx.stopVoice。列出如下代码：

wx. startRecord({

success: function(res){

var tempFilePath = res. tempF ilePath

WX . playVoice({

filePath: tempF ilePath

})

setTimeout(function( ){

//暂停播放

WX . pauseVoice()

}, 5000)

}

})

当然并不是所有的音频都会是在听完之后结束，需要考虑的还有在一些情况下也需要在特定时段结束音频，由此可写入以下代码：

wX. startRecord({

success : function(res){

var tempFilePath = res. tempF ilePath

WX . p1ayVoice({

filePath : tempFilePath

})

setTimeout( function( ){

WX . stopVoice()

}, 5000 )

}

})

二.音乐播放

控制小程序中的音乐播放获取音乐状态以如下代码引入：

wX . getBackgroundAudioPlayerState({

success :function(res){

var status = res . status

var dataUrl = res . dataUrl

var currentPosition = res . currentPos  ition

var duration = res . duration

var downloadPercent = res .  downloadPercent

}

})

然而使用后台播放器播放音乐，对于微信客户端来说，只能同时有一个后台音乐在播放。当用户离开小程序后，音乐将暂停播放；当用户点击“显示在聊天顶部”时，音乐不会暂停播放；当用户在其他小程序占用了音乐播放器，原有小程序内的音乐将停止播放。设定方法如下

Wx . playBackgroundAudio({

dataUrl :

11

title:

cover ImgUrl:

})

另外也可以进行音乐暂停以及停止播放

Wx . playBackgroundAudio({

dataUrl :

11

title:

cover ImgUrl:

})//音乐暂停

WX . stopBackgroundAudio( )

//停止播放

结语

音乐音频的播放是小程序绝不可少的组成部分，在小程序中已经足够满足热门需求，完善了音乐播放器的种种功能，更好的提升了小程序的用户体验度，所以引入播放器固然重要，播放器中的各类基础功能才是开发者最需要去设计使用的重点。

END

编  辑   |   王楠岚

责  编   |   陈宇杰

 where2go 团队

   

微信号：算法与编程之美          

长按识别二维码关注我们!

温馨提示：点击页面右下角“写留言”发表评论，期待您的参与！期待您的转发！

Logo
魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

cover

魔乐社区虾王挑战赛 · OpenClaw虾客松正式启动！

avatar 魔乐社区
cover

「极限压缩 量化未来」Modelers GeekDay上海站圆满落幕

avatar 魔乐社区
cover

魔乐社区月度精选（26年3月）

avatar 魔乐社区