使用HTML5播放本地文件

是否可以播放用戶在本地計算機上存儲在網站上的視頻文件？我不知道文件的路徑，我希望用戶選擇帶有「選擇文件」對話框的文件。使用HTML5播放本地文件

目標是在實際視頻文件上顯示疊加層，但通常視頻文件太大而無法讓用戶上傳它們，以便我可以在服務器上處理它們。因此，我希望用戶從本地計算機中選擇文件，直接在瀏覽器中使用HTML5播放它，並使用Javascript生成覆蓋圖。

2013-05-30 Erik

我找到了解決方案。您可以使用HTML5 File API實現此目的：

var file = $('file')[0].files[0]; 
var url = window.URL.createObjectURL(file); 
$('video')[0].src = url; 

<input type="file" id="file" accept="video/*" /> 
<video controls autoplay></video>

來源

2013-05-30 09:43:00 Erik

儘管此答案完美起作用，但它只是允許用戶在實際窗口中播放本地文件。它會創建一個Web沙箱對本地文件的引用，因此顯示的文件就是該沙箱的引用。當用戶關閉窗口時，沙盒的引用被刪除，所以它不是一個常量文件URL（它不能被存儲爲本地文件URL）。下次你嘗試加載這個URL，如果存儲的話，會得到一個GET錯誤。我知道他指定了用戶選擇文件，所以這個答案是正確的，但是如果他想到了存儲URL，那將是不可能的。 – Unapedra

使用HTML5播放本地文件

回答

相關問題