对应的文件都应该创建 .js、.json、.wxml、.wxss文件,要不然有可能会报错,而且.json文件就算是空的也要给它一个{ },要不然会报错。
页面的数据控制都是在findMusic.js中,语法和vue的很相似。数据都是存放在Page里面的data中,通过接口的数据填写到data对应的字段中,然后通过小程序的语法填充到wxml文件相对应的地方。如:
数据驱动文件playing.js,我这里主要是通过小程序的缓存来实现上下首的,通过把歌曲列表的下表保存起来,然后与点击时的audioIndex相比较,来重新更改audioIndex
音乐播放器的功能大概就是这样了,这个让我感觉比较难搞的地方是上下首的控制,特别是搜索出来的数据和榜单的数据格式有点差别,而且需要用到缓存这方面的只是,自己去脑补了一下。做完之后,感觉还不错吧,毕竟是自己的第一个小程序,自学的,很多地方不明白的只能自己去找答案。
的时候,自己做着玩玩的。现在分享出来给大家学习用用,如果觉得有借鉴意义,我的目的就算达到了。成果1.效果图废话不多说,直接上效果图:2.主要功能歌曲列表加载、刷新、更多、返回顶部歌曲播放,下一曲、上一曲、暂停、循环播放、单曲播放、列表播放查看歌曲封面图片、保存封面图片歌曲时间进度拖放,记录播放进度最近播放歌曲记录,删除......
播放,可设置可不设置。src: 要播放音频的资源地址。loop : 设置是否循环播放,默认为false。controls:设置是否显示默认控件,默认为true。poster:设置默认控件上的音频封面的图片资源地址,若为false,则设置无效。name:默认控件上的音频名字,controls属性......
播放其实也没什么大的问题,但是有些时候可能要根据pm来开发的时候回有点恶心,比如我就遇到了。勉强提交了一个版本后,开始好好的梳理下这个audio的一开始的时候,pm跟我说我肯定想到的是使用backgroundaudio来播放
的,毕竟光是audio组件就不一样了,所以肯定要重写一个组件的,但是仔细想了下,有个比较大的问题,就是使用background的时候,他会自动播放,......
app的歌单界面制作了一个简易且简陋的歌单界面。首先po一张最终效果图(很多功能还没实现,以及还有bug没有改好)因为不涉及到逻辑,目前只需一些网页开发经验与知识即可(当然啦,还需要一定的审美) 首先从上图可以看出界面大致分为两块,上边浅蓝色部分主要为歌单介绍。其中左一正方形大图是歌单封面,小圆圈图片是登录用的头像,用户旁边文字(秋.)为用户名,Sylvia’s List是用户自己......

