Chrome APP/Extension 從 URL 下載文件

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

請參閱有關處理外部內容的Chrome 應用程序文檔。 它提供了一個很好的概述。

一個簡短的版本：

1. 在清單中聲明您要訪問的來源。
2. 通過 XHR（或者實際上是Fetch API ）獲取資源。
3. 將響應用作blob: ，您可以將其插入<video src="..."> ）。
4. 或者， 在本地 保存資源。