帶接受捕獲的填充文件輸入（使用getUserMedia捕獲？）

Question

我想在調查框架中上傳圖像（&音頻&視頻）。 要做到這一點，輸入文件幾乎足以達到我的目的。

在一些移動瀏覽器<input type="file" accept="image/*;capture=camera">是一個真正的 讓用戶選擇上傳現有圖像或 採取一個新的簡單方法。當然，也提供了用於在圖片 之間查看和選擇的UI。

桌面瀏覽器沒有走這條路。相反，一些相當不錯的東西似乎 可能使用getUserMedia()。
我沒有找到任何可以將收集的用戶媒體上傳到服務器的工作示例（例如，我通過answer發現了https://github.com/codepo8/interaction-cam/，它顯示了視頻，但沒有在我的Firefox中捕獲，也沒有「意識到」它，它在Safari中完全不顯示視頻）。我不確定這是多少硬件特定的（我的Macbook Air的相機已經在很長一段時間內在Chrome中開/關）。

是否有某種上傳捕獲的圖像的polyfill，可以回退到簡單的文件輸入以防遇到麻煩/拒絕訪問？

Answer 1

我已經找到getUserMedia.js，它可以在Firefox中使用。它回落到Flash，這很好，我不得不看看我是否能夠在移動瀏覽器中調整它以回退到input type =「file」。

Answer 2

在桌面上，以訪問攝像頭：

• 使用（廢棄）navigator.getUserMedia或
• 使用基於navigator.mediaDevices.getUserMedia

授予訪問權後，以新承諾錄製網絡攝像頭：

• 使用Media Recorder API，它現在支持在Chrome /火狐（demo & code）OR
• 使用的WebRTC和流視頻的媒體服務器，你可以記錄它

PS：移動的HTML媒體捕獲規範已經發展，accept="image/*;capture=camera"從未使它成爲W3C候選推薦標準。只需使用accept="image/*"，並且僅當您要強制從相機捕捉時才分別添加capture="capture"（布爾值）。有關更多詳細信息，請參見Correct Syntax for HTML Media Capture。