前情提要

苦于现在各大音乐流媒体平台群雄割据，一个播放列表的音乐被拆的七零八落，听个歌都得开好几家会员，索性直接不用任何流媒体平台，直接听本地的歌曲。

iOS 上最好的听歌平台莫过于 Apple Music 了，但是取消订阅后只剩下了从电脑端 iTunes 导入歌曲的能力，每次想听点新歌都不方便，于是想到了做一个 PWA ，用来在手机上听下载的歌曲。

用最新的 Web 技术去不知名小网站下载 mp3 听歌的操作，有种在 21 世纪茹毛饮血的感觉了。

听起来这件事情很简单，但实际上，一旦扯到移动端适配，坑可就太多了，我准备用一系列文章来记录下 Vooh ，史上最接近原生 App 的 PWA 应用的诞生。这其中与浏览器厂商斗智斗勇的心酸血泪史，实在是几天几夜都说不完。

如果想了解 Vooh 的各种技术详情，可以持续关注我的博客专栏https://glink25.github.io/tag/Vooh/，后续也会将 Vooh 相关的代码开源

如你所见，Vooh 点击直达，感受 21 世纪新时代 Web 的魅力吧。

支持屏幕尺寸响应式，iPad 和 Desktop 也做了适配

支持移动端模拟 iOS 左滑返回

大量的模拟 iOS 原生的组件

音乐封面渐变取色

为了最佳的体验，请将 Vooh 作为 PWA 安装后使用，iOS 用户需要使用 Safari 的分享按钮添加到主屏幕，Android 用户需要下载 Chrome 浏览器才能安装到桌面。

对于安卓机型自带侧滑返回的机型，建议开启设置中的“路由兼容模式”，这是一个实验性功能，可以有效提升返回键的使用体验。

当然如果是非 Chrome/iOS 最新版的话当我没说。

版权声明：

Vooh 本身是做给个人使用的，并不提供音乐下载能力，里面的在线搜索功能实际上只有装饰的作用，为了游客可以更好地感受到 Vooh 的使用体验，无论怎么搜索结果都是固定的那几首测试用无版权歌曲。后续会增加文件夹读取功能和本地歌曲导入功能。