缓存 MP3 音频文件以供离线访问

Cache MP3 Audio Files for Offline Access

我已经在 Vue 中构建了一个单页应用程序,但现在我收到了一个离线版本的请求,您可以在其中离线收听 mp3 文件,例如在平面上或在没有信号的区域。

是否可以使用 Vue、本地存储或服务工作人员将音频文件添加到本地存储(下载以供离线收听),并且有某种到期日期,几乎就像您在本地存储上一样应用程序,例如Spotify?

考虑使用 IndexDB,它可以将二进制数据存储为 blob,无需显式 base64 编码:

Jake A 写了一个很好的库来更干净地与 IndexDB 交互:

https://github.com/jakearchibald/idb

检查 统一媒体管道 (UMP) 作为解决方案:Service Worker Caching, PlaybackRate and Blob URLs for Audio and Video on Chrome for Android