音乐播放小程序demo

好长时间以来，自己就有个想法为自己写一个音乐播放器小程序，以方便自己的使用，找网上的好多API，找不到，想抓接口，好多大厂都用了加密。结果自己仅仅整了点本地的数据。

只介绍一些具体的方法：

// 解码>>中文reconvert: function (str) {str = str.replace(/(\\u)(\w{1,4})/gi, function ($0) {return (String.fromCharCode(parseInt((escape($0).replace(/(%5Cu)(\w{1,4})/g, "$2")), 16)));});str = str.replace(/(&#x)(\w{1,4});/gi, function ($0) {return String.fromCharCode(parseInt(escape($0).replace(/(%26%23x)(\w{1,4})(%3B)/g, "$2"), 16));});str = str.replace(/(&#)(\d{1,6});/gi, function ($0) {return String.fromCharCode(parseInt(escape($0).replace(/(%26%23)(\d{1,6})(%3B)/g, "$2")));});return str;},// 解析歌词的方法parseLyric: function (lrc) {var lyrics = lrc.split("\n");var lrcObj = {};for (var i = 0; i < lyrics.length; i++) {var lyric = decodeURIComponent(lyrics[i]);var timeReg = /\[\d*:\d*((\.|\:)\d*)*\]/g;var timeRegExpArr = lyric.match(timeReg);if (!timeRegExpArr)continue;var clause = lyric.replace(timeReg, '');if (clause.length > 0) {for (var k = 0, h = timeRegExpArr.length; k < h; k++) {var t = timeRegExpArr[k];var min = Number(String(t.match(/\[\d*/i)).slice(1)),sec = Number(String(t.match(/\:\d*/i)).slice(1));var time = min * 60 + sec;lrcObj[time] = clause;}}}return lrcObj;},// 转换时间格式timeToString: function (duration) {var str = '';var minute = parseInt(duration / 60) < 10? ('0' + parseInt(duration / 60)): (parseInt(duration / 60));var second = duration % 60 < 10? ('0' + duration % 60): (duration % 60);str = minute + ':' + second;return str;
},

2.播放控制

// 播放状态控制songPlay: function () {clearInterval(timer);var timer = setInterval(function () {// 获取后台音乐播放状态wx.getBackgroundAudioPlayerState({success: function (res) {// 播放状态 1表示播放中if (res.status == 1) {that.setData({isPlaying: true,songState: {progress: res.currentPosition / res.duration * 100,currentPosition: that.timeToString(res.currentPosition),duration: that.timeToString(res.duration)}});var i = that.data.currentIndexif (i < that.data.lyric.length) {if (res.currentPosition - 4 >= parseInt(that.data.lyric[i][0])) {that.setData({currentIndex: i + 1})}}if (that.data.currentIndex >= 5) {that.setData({scrollTop: (that.data.currentIndex - 5) * 20,})}} else {that.setData({ isPlaying: false });clearInterval(timer);}}});}, 1000);},

具体项目我已经放https://github.com/dt8888/JokeProject，请去下载参考！

专栏作家

honey缘木鱼。小程序社区博主，坚持原创分享技术博文。

本文原创发布于小程序社区。未经许可，禁止转载

原文地址：音乐播放小程序demo-微信小程序联盟/博主专区-微信小程序开发社区-微信小程序联盟

微信小程序Demo：音乐之声（音乐播放小程序）

微信小程序Demo：TealMusic音乐播放器

音乐播放小程序demo相关推荐

(附源码)音乐播放小程序毕业设计 031306
音乐播放小程序摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,音乐播放小程序被用户普遍使用 ...
springboot+音乐播放小程序毕业设计-附源码191730
Springboot音乐播放小程序的设计与实现摘要本文设计了一种基于微信小程序的音乐播放器,系统为人们提供了方便快捷.即用即搜的音乐搜索播放服务,包括音乐资讯.音乐搜索.新歌榜单.注册登录.论坛 ...
【课程设计】基于Taro+React+Springboot+TaroUI+Python爬虫的网络音乐播放小程序详细设计实现
[课程设计]基于Taro+React+Springboot+TaroUI+Python爬虫的网络音乐播放小程序详细设计实现解决触摸穿透自定义导航栏文章目录项目简介功能截图 1.用户登录注册 ...
php+vue基于微信小程序的叽喳音乐播放小程序
随着计算机技术的高速发展,现代计算机系统已经从以计算为中心向以信息化处理为中心的方向发展.如何充分利用互联网,这是大家共同关心的问题.本文主要介绍了关于叽喳音乐微信小程序的实现方法,设计规划了叽喳音乐 ...
计算机毕业设计php+vue基于微信小程序的叽喳音乐播放小程序
项目介绍随着计算机技术的高速发展,现代计算机系统已经从以计算为中心向以信息化处理为中心的方向发展.如何充分利用互联网,这是大家共同关心的问题.本文主要介绍了关于叽喳音乐微信小程序的实现方法,设计规划 ...
【微信小程序】音乐播放小程序
效果展示项目总结请求数据的方式采用wx.request(),将其封装称为一个Promise对象 export default (url, data={}, method = "GET&q ...
最常用的小程序demo
wx-gesture-lock 微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 sh ...
最全微信小程序demo
wx-gesture-lock 微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 sh ...
WX小程序demo示例
wx-gesture-lock 微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 sh ...
十三、制作 iVX音乐分享小程序
功能介绍通过前几节的学习,我们对完成一个应用已经有了一些自己的心得.在此再次再制作一个小的音乐小程序应用.该应用一共分为首页.榜单页.音乐分享页和音乐搜索页. 首页: 榜单内容页: 音乐分享页: 音 ...

音乐播放小程序demo

专栏作家

音乐播放小程序demo相关推荐

最新文章

热门文章