跨平台文件 API - 打开和列出文件夹

Question

我要开始这个 mozilla 学生项目：https://github.com/Mozilla-Student-Projects/Projects-Tracker/issues/54 我对 WebAPI 有点困惑，因为据我所知，用 JS 管理文件是不可能的。谁能给我指出正确的研究和测试方向？？

我启用了 Firefox DeviceStorage，但我无法获取 DeviceStorage，状态一直是 'pending'。

感谢

Answer 1

如果您正在从事 MDN 夏季项目，您应该从这里开始！

您链接到的暑期学校主题正在寻找浏览器应用程序，所以我认为您会使用文件 API 来浏览 MP3 - 这里有一个 fiddle 显示它使用 MP3 -

我已在此处修补此 fiddle：

使用自动播放="true" 以便它实际播放 MP3。

html...
<audio id="audio" autoplay="true"></audio>

js....
$("#audio").prop("src", objectUrl);

使用文件 API，您可以使用该信息编写多个音频标签 - https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video - 每个 MP3 文件一个。

然后音频标签将允许您播放文件...并且您拥有了 MP3 播放器的开端。

Answer 2

您可以处理文件，但 Gaia 适用于 Firefox OS，因此您可以访问特权内容。请参阅标记为 firefox-os 的部分我不确定如何操作，但是 Gaia 和 Firefox OS 帮助区域中的人们可以提供帮助。

您可以在 gaia 频道的 irc 上找到这方面的帮助，但您必须发送消息并等待 24 小时，人们在 irc 频道上并不那么活跃。 http://client01.chat.mibbit.com/?server=irc.mozilla.org%3A%2B6697&channel=%23gaia

Cross platform Files APIs - Open and list folders