Q

如何從HTML5訪問攝像頭？

2011-08-16 83 views 17 likes

17

我想從HTML5訪問攝像頭進行註冊並保存視頻文件，以便以後播放。這可能嗎？如何從HTML5訪問攝像頭？

2011-08-16 Adrian B

+0

[Here's another SO answer]（http://stackoverflow.com/questions/6976079/html-5-streaming-webcam-video/6976093#6976093）與一些可能有用的資源。 – sdleihssirhc

A

回答

11

現在這是可能的：Filtering a webcam using getUserMedia and HTML5 Canvas。

2012-06-25 12:59:13

+0

這隻適用於：Chrome和Opera，而不是Firefox：（ –

+0

確實如此，但它很快會在Firefox中，因爲最新的Firefox Nightly發行版也支持getUserMedia。 –

3

顯然，<device>標記不是HTML5規範的一部分，因此目前沒有從瀏覽器訪問攝像頭的標準方法。你也許能夠逃脫使用JavaScript API navigator.getUserMedia(...)，但that isn't supported by any browsers, either

您可以在此這裏讀了起來：Which web browsers support the HTML5 <device> tag?

2011-08-16 06:16:49 OverZealous

3

我最近在做類似的研究，發現了工作演示：http://gadgets-code.com/taking-webcam-photo-with-opera-browser-new-technology

它需要安裝Opera的實驗版本：http://snapshot.opera.com/labs/camera-and-pages/

快樂黑客！

UPDATE [2012年5月20日]：

http://www.webrtc.org/running-the-demos - 的WebRTC - GoogleChromeCanary - 約：//標誌 - enableMediaStream + PeerConnection等:)我建議 - 傑羅姆艾蒂安的博客 - http://learningthreejs.com/

UPDATE [2012年9月13日]：

WebRTC在默認情況下在Chrome 21中啓用（其他城市推出幾個星期前）

UPDATE [2014年7月2日]：

的WebRTC是主流/巨大的：http://youtu.be/GBAEG_RuqeE?t=50m1s（谷歌視頻羣聊，亞馬遜五月天，Snapchat）

2011-12-24 00:40:55

2

你可以這樣做對於Chrome和Opera，但你必須指導你的用戶，因爲它還不是很安全。

這是一個在線例子，它仍然需要Chrome用戶激活MediaStream鉻：//標誌/：

http://neave.com/webcam/html5/

2012-05-25 06:30:04 Moose

相關問題