javascript - 使用 html5 保留文件引用

Question

我正在尝试从本地文件系统播放媒体文件。用户现在通过“输入”选择一个文件并播放它。我希望保留那个文件引用，这样当用户下次访问时，我应该能够告诉他/她之前他/她播放了多少次等等，

我应该从服务器下载文件引用或将其存储在本地.. 有什么想法可以执行此操作吗？

Answer 1

您可以使用IndexedDB 将音频或视频的信息存储到客户端。或 localStorage .本地存储更易于使用 IMO:

var obj = {
        "timestamp": new Date(),
        "title": "Blah Blah",
        "Performer": "Lady Blahblah"
    };

localStorage["previous"] = JSON.stringify(obj);

但是请注意，您将无法获得文件的完整路径，这会阻止您下次播放相同的文件。一种可能的解决方案是将文件存储在 Base-64 中, 直接放入<video>或 <audio> ，我正在使用这种方法将文件存储在我制作的 Google Chrome 扩展程序中。