来自网址

Question

我一直在研究，但我没有发现任何相关内容。

我需要一个可在Chrome操作系统上运行的Chrome应用程序，可以下载文件（图像，mp3，视频等），然后将内容显示为HTML。

我的意思是，如果该应用下载视频，然后在视频标签上播放。对于图像也一样......下载并在img标签上显示。

谢谢！

Answer 1

我也处理过这个问题，这是一个保存到文件系统+在屏幕上显示的工作示例：

var video = document.getElementById("video");

fetch('http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_20mb.mp4')
  .then(function(response) {
    return response.blob();
  })
  .then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    video.src = objectURL;

    var config = {type: 'saveFile', suggestedName: chosenEntry.name};
    chrome.fileSystem.chooseEntry(config, function(writableEntry) {
      writeFileEntry(writableEntry, myBlob, function(e) {
        output.textContent = 'Write complete :)';
      });
    });
  })

Answer 2

请参阅Handling external content上的Chrome应用文档。它提供了一个很好的概述。

简短版本：

1. 声明您将要在清单中访问的来源。
2. 通过XHR（或者，实际上是Fetch API）获取资源。
3. 将回复用作blob:（例如，您可以将其插入<video src="...">）。
4. 可选地，save the resource在本地。