新颖的移动端手势操作的 web 音乐播放器

哈哈哈,又是我,我又来辣,今天分享的是我前年趁着国庆节假日写的一款非常个性的 web 音乐播放器.

我当时针对的是移动端,看了很多强大的在线播放,反复造轮子也是一件提不起多大兴趣的事情.

我当时就寻思,能不能利用手势来操作,于是说干就干,立马开始封装 js,写 ui,终于在国庆里面完成了.

为此,我还单独封装了一个轻量级 JS 原生触屏位置操作插件--Sition，支持移动端上下左右中的滑动判断，还有长按，以及双击事件。

音乐 api 我直接拉取的是网易云,因为平常自己用网易也比较多(老网易云了)

话不多说,上几张预览图:

在线体验 : https://lovefc.gitee.io/fmusic

使用方法

双击页面 -> 搜索歌曲

点击封面 -> 播放暂停

底部右滑 -> 快进音乐

底部左滑 -> 倒退音乐

音量 -> 右侧上下滑动

单曲 -> 顶部左右滑动

切换 -> 居中左右滑动

工具 -> 居中上下滑动

里面包含了我写的全部 css,js,还有 php 的 api 接口