微信小程序万里目_微信小程序学习用推荐:破音万里:音频播放,音乐列表
[AppleScript]
let bsurl = 'https://poche.fm/api/app/playlists' var common = require('../../../utils/util.js'); let seek = 0 let defaultdata = { winWidth: 0, winHeight: 0, listHeight: 0, // tab切换 currentTab: 0, // 播放列表 playlists: [], tracks: [], coverImgUrl: "../../../imgs/icon.jpg", nowPlayingTitle:"请选择歌曲", nowPlayingArtist: "", playing:false, playtime: '00:00', duration: '00:00', percent: 1, lrc: [], lrcindex: 0, showlrc: false, disable: false, downloadPercent: 0, curIndex: 0, initial: true, shuffle: 1, music: {} } //获取应用实例 let app = getApp() Page({ data: defaultdata, onLoad: function(options) { var that = this; wx.request({ url: bsurl, success: function (res) { that.setData({ listHeight: res.data.length * 230, playlists: res.data, loadingHide:true }) } }) //获取系统信息 wx.getSystemInfo( { success: function( res ) { that.setData( { winWidth: res.windowWidth, winHeight: res.windowHeight }) } }) // 获取上次播放数据 let index = wx.getStorageSync('curIndex') let tracks = wx.getStorageSync('tracks') if (tracks) { let track = tracks[index] that.setData( { curIndex: index, tracks: tracks, coverImgUrl:track.cover, nowPlayingArtist: track.artist, nowPlayingTitle: track.name, }) } //监听停止,自动下一首 wx.onBackgroundAudioStop(function(){ that.playnext(); }) }, bindChange: function(e) { var that = this; that.setData( { currentTab: e.detail.current }); }, swichNav: function(e) { var that = this; if( this.data.currentTab === e.target.dataset.current ) { return false; } else { that.setData( { currentTab: e.target.dataset.current }) } }, // 跳转下一页 tracks: function(event) { var index = event.currentTarget.id var playlist = this.data.playlists[index] var p = playlist.id var title = playlist.title wx.navigateTo({ url: '../tracks/index?id=' + p + '&title=' + title }) }, // 接收点击数据 changeData: function(tracks, index) { var curMusic = tracks[index] this.setData({ curIndex: index, tracks: tracks, coverImgUrl:curMusic.cover, nowPlayingArtist: curMusic.artist, nowPlayingTitle: curMusic.name, playing: true, music: curMusic }) app.globalData.curplay.id = curMusic.id //存储当前播放 wx.setStorageSync("curIndex", index) wx.setStorageSync("tracks", tracks) app.seekmusic(1) }, //播放方法 playingtoggle:function(){ var that = this if (this.data.initial) { // this.play(this.data.tracks, this.data.curIndex) this.setData({ initial: false }) app.seekmusic(1) return } if (this.data.playing) { that.setData({ playing: false }) app.stopmusic(1) } else { app.seekmusic(1, function () { that.setData({ playing: true }) }, app.globalData.currentPosition) } }, playnext: function (e) { if (this.data.initial) { this.setData({ initial: false }) } let shuffle = this.data.shuffle let count = this.data.tracks.length let lastIndex = parseInt(this.data.curIndex) if (shuffle == 3) { //随机播放 lastIndex = Math.floor(Math.random() * count) } else if (shuffle == 1) { if (lastIndex == count - 1) { lastIndex = 0 } else { lastIndex = lastIndex + 1 } } this.changeData(this.data.tracks, lastIndex) }, playprev: function (e) { if (this.data.initial) { this.setData({ initial: false }) } let shuffle = this.data.shuffle let lastIndex = parseInt(this.data.curIndex) let count = this.data.tracks.length if (shuffle == 3) { //随机播放 lastIndex = Math.floor(Math.random() * count) } else if (shuffle == 1) { if (lastIndex == 0) { lastIndex = count - 1 } else { lastIndex = lastIndex - 1 } } this.changeData(this.data.tracks, lastIndex) }, playshuffle: function() { if (this.data.shuffle == 1) { this.setData({ shuffle: 2 }) return } if (this.data.shuffle == 2) { this.setData({ shuffle: 3 }) return } if (this.data.shuffle == 3) { this.setData({ shuffle: 1 }) } }, onShow: function () { var that = this app.globalData.playtype = this.data.shuffle common.playAlrc(that, app); seek = setInterval(function () { common.playAlrc(that, app); }, 1000) }, })
微信小程序万里目_微信小程序学习用推荐:破音万里:音频播放,音乐列表相关推荐
- 微信小程序万里目_微信小程序“注册”你不知道的秘密
很多人第一次上线小程序时是这样的: 啥?个人小程序不能选择商家自营? 好,换成企业主体. 啥?功能设置不够完整? 好,重新修改一下. 啥?简介里没有把小程序的功能写全? 好,把没写的补上. -- 好不 ...
- 微信小程序万里目_微信小程序加盟千万别忘了几个基本要求
程序的审核要求比公众号更为严格,部分企业投入了研发资金及人力成本,却因为各种问题无法通过审核,万里长征卡在*一步,真是让人崩溃.如何让小程序快速上线?如何跳出审核的坑?提供以下攻略,从此小程序审核不头 ...
- java写微信小程序答辩问题_微信小程序毕业设计选题和毕业论文怎么写,答辩流程是怎样的?...
1. 开始准备选题 大四上学期开学时开始准备论文的,首先是确定论文主题,看自己想做什么毕业设计,可以选取之前接触过的,做过的东西,这样快一些,如果选的是没接触过的方向,一定要早点开始.打算做一个小程序 ...
- 微信小程序python自动化测试_微信小程序的自动化测试框架
微信小程序的自动化测试框架 微信发布了小程序的自动化测试框架Minium,提供了多种运行验证方式,其特点: 支持一套脚本,iOS & Android & 模拟器,三端运行 提供丰富的页 ...
- 微信有电脑客户端吗_一个小程序,就能让你用手机控制电脑~
Hello大家好,这里是TopOne软件管家! 现在基本每人必备一个手机和一台电脑,电脑是我们办公所需,但有时候经电脑处理的文件总是忘了转移到U盘或网盘中,人在外想想就难受,那有什么软件可以实现手机控 ...
- 快手小店电脑版_微信PC版更新!支持在小程序中使用微信支付 | 一周资讯
小程序1. 微信PC版更新,支持在小程序中使用微信支付.12月19日,微信PC端推出内测版2.7.2.73,新版本支持以下新功能:新增看一看精选内容,新的订阅号浏览体验,支持在小程序中使用微信支付.( ...
- 小程序搜索框_微信小程序搜索及优化相关知识科普
生活中我们常常会用到微信小程序,但很多人不知道该如何搜索.找到小程序:而有些已经做了自己的小程序的商家,也不懂怎么提升自己的微信小程序搜索效果.所以下面就跟大家科普下这两个问题. 1.怎么搜索微信小程 ...
- php 小程序 运动步数_微信小程序步数运动-收益讲解
不得不佩服,步数小程序的厉害之处. 把闲散的运动步数,转化成一种可量化的社交货币,流动保存起来,探索出一种门槛低,又健康的经济模式. 对用户,真金白银的刺激,免费步数换取/抵现商品,红包,充值卡等. ...
- 小程序 实名信息_微信小程序+商城信息管理系统
下载地址长期有效 微信商城信息管理系统(java后台+小程序) 使用方法 >温馨提示 java后台信息管理系统 微信商城小程序 >使用方法 加小编微信进行咨询 >实现功能 一:会员管 ...
最新文章
- 【WA】九度OJ题目1435:迷瘴
- Cordova+jQuery Mobile+Spring REST
- python哪本好-Python入门看哪本书好? 这里有答案
- sql 无法删除当前数据库,因为当前数据库正在使用
- (IOS)BaiduFM 程序分析
- 手机号检测性别原理分析 微信男女 抖音ID检测原理
- 怎么申请https证书
- 树莓派外设开发——IIC接口OLED屏幕
- 面向对象的C++了解
- 临近2022年末: Android 开发者的出路在哪?转行还是进阶?
- Qt用SVG图片作为背景图
- SkeyeVSS智慧社区综合安防视频管理系统方案 助力小区安防建设智能化
- 2018/09/29Web前端学习第五课
- 20172327 2018-2019-1《程序设计与数据结构》课程总结
- 算法实现---EAN13码校验位
- proteus+keilC51制作八卦阵
- 网络基础 - ISO网络七层模型
- sigrity前仿真,DDR地址线仿真。
- centos 安装 Broadcom无线网卡驱动
- arm-linux开发板相关软件的使用
热门文章
- 【深度学习】(7) 交叉验证、正则化,自定义网络案例:图片分类,附python完整代码
- qt能使用logback_使用ELK系统分析SpringBoot日志
- mlcc激光雷达与相机外参标定初体验
- 基于全景图像与激光点云配准的彩色点云生成算法(2014年文章)
- 基于消失点的相机自标定(2)
- PCL中点云的超体素(SuperVoxel)
- c++11随机数产生器default_random_engine
- 使用govendor灵活管理Go程序中的依赖包
- 数据库2.0 -- 数据类型和数据表的基本操作
- windows下安装程序制作