2014-09-29 77 views
0

我正在測試WebRTC API。更確切地說是攝像頭部分。在火狐上閱讀blob上的webm視頻

所以我讀了W3C草案,並用它在Firefox中記錄自己的網頁。它的工作原理(不如預期,但確實如此)。我的意思是我可以下載一個格式化爲webm的視頻,這個視頻可以被我的電腦讀取。

我想在將視頻發送到服務器之前預覽視頻。所以我做了這個代碼:

var url = URL.createObjectURL(e.data); 
video.innerHTML = '<source src="' + url + '" type="video/webm"></source>'; 
video.play(); 

這不會工作。我在我的網頁上只有一個空白的元素...

任何建議,使其工作?

回答

1

問題是Firefox的一個問題。隨着e.data我們得到了一個斑點,但我們必須重新定義一個新斑塊,使其工作:

var new_blob = new Blob([e.data], { type: e.data.type }); 

注意,現在(2014年9月30日)Firefox不officialy支持視頻編碼和規範正在草稿中,未經W3C驗證。

+0

仍然失敗的Firefox手機... – Nek 2014-09-30 14:22:40

+0

今天的錯誤仍然無法解決。您的解決方案適用於FF 42.0a2。謝謝 – gokuhs 2015-09-29 08:47:47

0

的proble是我不明白的是你在e.data獲取對象,你也可以檢查MIME是正確console.log(e.data);;console.log(e.data.type);,什麼是這些輸出,

也有你試過這種,firefox webm capture,它們顯示視頻的預覽。

+0

mime類型沒問題(我建議在e.data.type的blob上)。感謝劇本,我要檢查他的表現。 – Nek 2014-09-30 09:18:51