從網絡攝像頭錄製帶有HTML輸入類型文件捕獲攝像機的視頻

在我的公司，我有建立網站的任務，用戶可以在其中錄製視頻，將發送到服務器，一些東西將完成，用戶最終收到一封電子郵件，內含指向嵌入該視頻的微型網站的鏈接。從網絡攝像頭錄製帶有HTML輸入類型文件捕獲攝像機的視頻

經過一番研究，我得出結論，至少在目前，不可能通過iPad上的getUserMedia獲取視頻。

所以解決方案非常簡單，我只是使用一個輸入元素與接受=「視頻/ *;捕獲=攝像機」。

<input type="file" accept="video/*;capture=camcorder">

到目前爲止，這麼好。正如我在this頁面上看到的那樣，也可以用這種技術從網絡攝像頭捕捉視頻，我認爲它是一個完整的跨瀏覽器解決方案。

但經過一些測試後，我可以在桌面瀏覽器上選擇已錄製的視頻。

我誤解了那篇文章嗎？或者我只是做錯了？

乾杯， Mohammer

來源

2014-09-30 Mohammer

總之''輸入接受=「視頻/ *'從來沒有被桌面瀏覽器/操作系統實現。查看我的答案獲取詳細信息和解決方案@Mohammer – 2015-10-29 12:32:29

總之你結束了使用HTML Media Capture Standard這是超載<input type="file">元素，爲accept參數添加新值。

關於它的偉大之處是它在大多數移動瀏覽器（除了僅錄製iOS上的麥克風）上效果很好。支持至少在實施的：

Safari和Chrome在iOS 6+
互聯網和Android版Chrome 3+

這幾乎涵蓋任何人，但是根據設備的不同，將以.mp4（Android），.mov（iOS）和.3gp文件結束。

不是那麼棒的事情是，它默認爲一個普通的舊文件選擇器，當用於桌面操作系統而不是打開Photo Booth例如。

令人驚訝列入該標準的草案，如何將視頻通過某種的Photo Booth應用程序的捕捉會看起來桌面上的圖片：

這就是爲什麼在桌面上的Flash視頻記錄客戶機+媒體服務器是隻有在瀏覽器和平臺上運行良好的解決方案。

也有商業解決方案，包括HDFVR（HTML媒體捕獲+閃存）和Pipe其中包括轉換到.mp4，推到你的S3/FTP和webhooks更多。

來源

2015-10-29 12:30:26

我認爲這是一個錯字。

的正確方法是

<p>Capture Video: <input type="file" accept="video/*" id="capture" capture="camcorder">

的「捕捉」屬性隻影響移動文件上傳，據我所知。

來源：http://mobilehtml5.org/ts/?id=23

來源

2015-04-16 13:22:11

其實，我不認爲這是一個錯字，大多數網站我已經發現給樣品代碼提供了'accept =「video/*; capture = camcorder」'。但是你是正確的，除非capture屬性是分開的，否則瀏覽器似乎沒有正確地限制接受的文件類型 – jessica 2016-06-24 02:23:53

'capture =在2012年7月發佈的[HTML Media Capture草案]（https：//www.w3）中最後可以看到「camera」，「capture =」攝像機「，」capture =「microphone」和「capture =」filesystem「 .org/TR/2012/WD-html-media-capture-20120712 /）**從[2012年12月草案]開始（https://www.w3.org/TR/2012/WD-html-media- capture-20121213 /＃the-capture-attribute）'capture'屬性的類型爲boolean。** – 2016-11-03 17:01:56

從網絡攝像頭錄製帶有HTML輸入類型文件捕獲攝像機的視頻

回答

相關問題