新颖的移动端手势操作的 web 音乐播放器
哈哈哈,又是我,我又来辣,今天分享的是我前年趁着国庆节假日写的一款非常个性的 web 音乐播放器.
我当时针对的是移动端,看了很多强大的在线播放,反复造轮子也是一件提不起多大兴趣的事情.
我当时就寻思,能不能利用手势来操作,于是说干就干,立马开始封装 js,写 ui,终于在国庆里面完成了.
为此,我还单独封装了一个轻量级 JS 原生触屏位置操作插件--Sition,支持移动端上下左右中的滑动判断,还有长按,以及双击事件。
想要了解的可以去看看:https://gitee.com/lovefc/Sition
音乐 api 我直接拉取的是网易云,因为平常自己用网易也比较多(老网易云了)
话不多说,上几张预览图:
双击页面 -> 搜索歌曲
点击封面 -> 播放暂停
底部右滑 -> 快进音乐
底部左滑 -> 倒退音乐
音量 -> 右侧上下滑动
单曲 -> 顶部左右滑动
切换 -> 居中左右滑动
工具 -> 居中上下滑动
里面包含了我写的全部 css,js,还有 php 的 api 接口
GITHUB : https://github.com/lovefc/fmusic
GITEE : https://gitee.com/lovefc/fmusic