Javascript：如何缓存小型 MP3 文件以供离线播放？

【问题标题】：Javascript: How to cache small MP3 file for offline play?Javascript：如何缓存小型 MP3 文件以供离线播放？
【发布时间】：2013-09-13 15:44:15
【问题描述】：

我正在构建一个需要离线工作的警报网络应用。如何缓存小mp3铃声，让app离线时闹钟依然响起？

【问题讨论】：

你可以使用本地存储

标签： javascript

【解决方案1】：

您可以使用 webSQL、indexdb、localstorage 或 cookie 进行缓存。我认为使用本地存储将是最简单的解决方案。

只需添加一个 appdata.manifest 文件，其中包含您要存储的铃声。然后在html标签中添加

<html lang="en" manifest="appdata.manifest">

缓存文件

CACHE MANIFEST
NETWORK: 
/page.html
CACHE:
# v0
# This file will tell the broweser what needs to be Cached
# Spaces are ignored
# Blank Lines are ignored
/music/music.mp3

【讨论】：

我猜你也可以只内联音频数据<audio src="data:audio/mp3;base64,<encoded-file-contents>"></audio>
是的，但您仍需要缓存主页。