- 使用slider组件做歌曲进度条,滑动时出现抖动?
做了一个音乐进度条的组件processbar: processbar.wxml代码如下: [图片] processbar.js代码如下: // components/processbar.js //得到背景音乐管理器 let bgMusicManager=wx.getBackgroundAudioManager() Component({ /** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据 */ data: { nowTime:"00:00", totalTime:"00:00", maxValue: 0, ctTime:0 //当前进度条的值 }, //生命周期函数 lifetimes:{ //ready:加载页面时触发 ready(){ this.init() //初始化页面 } }, /** * 组件的方法列表 */ methods: { init(){ // 只有在时间更新的事件中才能得到音乐总时长 bgMusicManager.onTimeUpdate(()=>{ //得到总时长(秒数) const tlTime=bgMusicManager.duration //设置总时长 this.setData({ totalTime: this.transToMS(tlTime), maxValue: Math.floor(tlTime) }) // console.log(bgMusicManager.currentTime) //设置当前时长 const t1=Math.floor(bgMusicManager.currentTime) this.setData({ ctTime: t1, nowTime: this.transToMS(t1) }) }) }, //将秒数转换成00:00的形式 transToMS(seconds){ const m=Math.floor(seconds/60); const s=Math.floor(seconds%60); const minute=m<10?("0"+m):(""+m); const second=s<10?("0"+s):(""+s); return minute+":"+second; }, changing(e){ }, changed(e){ //跳转歌曲时间 bgMusicManager.seek(e.detail.value); }, } }) 运行截图: [图片] 现在如果滑动进度条,进度条会出现抖动,我觉得可能是因为在onTimeUpdate()中设置了当前时间,导致出现的抖动,但我不知道如何改代码,把设置当前时间的代码放在哪??求指教!!
2020-05-20 - 云开发问题-将数据依次插入云数据库中出错?
创建了一个云开发函数:getsonglist 云函数中的index.js的内容如下: // 云函数入口文件 const cloud = require('wx-server-sdk') cloud.init({ traceUser: true, env: 'mss-y6c6p' }) const db = cloud.database(); //云数据库初始化 const rp=require('request-promise') // 歌单数据的URL const URL ='http://musicapi.xiecheng.live/personalized' // 云函数入口函数 exports.main = async (event, context) => { // 得到URL中对应的歌单信息 保存到songlist2变量中 const songlist2=await rp(URL).then((res)=>{ return JSON.parse(res).result //转换成Json格式 数组形式 }) // console.log(songlist) //将songlist2中的值保存到云端数据库中 for(let i=0;i<songlist2.length;i++){ await db.collection('songlist').add({ data:{ ...songlist2[i], createTime: db.serverDate() } }).then((res)=>{ console.log('数据插入成功') }).catch((err)=>{ console.error('数据插入失败') }) } } 上传并部署后,测试云函数报错: [图片] 很奇怪,在云数据库我创建了songlist集合并且cloud初始化也指定了环境,还是报错集合不存在。 [图片] 求指教!
2020-05-17 - 在用开发者工具开发小程序时,网络图片为什么无法加载?
在.wxml中引用图片[图片] 控制台显示报错,无法加载图片 [图片]
2019-09-19