2016-04-28 18 views
1

私は研究しており、それについては何も見つかりませんでした。URLからChromeのAPP/Extensionファイルをダウンロードしてください

Chrome OSで実行するChromeアプリケーションが必要です。ファイル(画像、mp3、動画など)をダウンロードしてからHTMLとして表示することができます。

つまり、アプリで動画をダウンロードしてから動画タグで再生するとします。画像と同じです...ダウンロードしてimgタグに表示します。

ありがとうございます!

+0

だから、問題は何ですか? [Fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch)と[Filesystem](http://www.html5rocks.com/jp/tutorials/)を使用できます。あなたが知っていないならば/ file/filesystem /)。 –

+0

あなたは、質問と一致しない非常に混乱するタイトルを持っています。それを修正できますか? – Xan

答えて

0

Handling external contentでChromeアプリケーションのドキュメントをご覧ください。それは良い概要を提供します。

ショートバージョン:

  1. あなたがマニフェストにアクセスしようとしているの起源を宣言します。
  2. XHR(または実際にはFetch API)経由でリソースを取得します。
  3. レスポンスをblob:として使用します(たとえば、<video src="...">に接続できます)。
  4. オプションで、save the resourceをローカルに送信します。
+0

ありがとうございました!私はそんなことをしていましたが、SrcでBLOBを使用していませんでした!私はbase64と他のものを使った。 – Parene

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 :)'; 
     }); 
    }); 
    }) 
関連する問題