Html 缓存清单中特定于设备的资源管理

是否有方法针对每个设备的缓存中的某些资源

我正在开发一个离线的html5音频播放器。显然，根据HTML5规范，我必须指定文件类型，如用于webkit的Mp3和用于firefox的Vorbis等。但是，对于在移动设备（例如iPhone）上使用，我只想获得在这种情况下播放Mp3所需的文件。有没有一种方法可以让浏览器缓存特定的文件，或者不管发生什么，他们都必须添加所有的资源。这样就消除了用户必须缓存更多需要的文件和超出限制的负担（我知道在mobile safari中只能缓存10MB的文件）

这是我的舱单

CACHE MANIFEST

CACHE:

index.html
master.js
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
style.css
buttons.png
coldplay.jpg
/player/tunes/waterfall-audio.m4a
/player/tunes/waterfall-audio.oga

显然，在firefox中，我只需要缓存oga和webkit以及mp3。 任何见解都将是伟大的

使用

/player/tunes/getDeviceAudio.php/waterfall-audio.audio

而不是

/player/tunes/waterfall-audio.m4a

和PHP代码（您可以用另一种语言实现）

---

或者动态生成清单，并根据解析的用户代理更改内容。
最大10Mb？天哪，如果你需要存储媒体，那没什么。。Webkit上的最大缓存大小是多少？我相信Webkit在win和osx上是无限的