V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
wheelg
V2EX  ›  分享发现

Vooh - 可能是最接近原生 iOS App 的 PWA

  •  
  •   wheelg · 6 小时 26 分钟前 · 205 次点击

    前情提要

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

    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 的使用体验,无论怎么搜索结果都是固定的那几首测试用无版权歌曲。后续会增加文件夹读取功能和本地歌曲导入功能。

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1755 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 16:29 · PVG 00:29 · LAX 08:29 · JFK 11:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.