2012-04-19 44 views
20

我將直播網頁嵌入html頁面。現在我想找到手勢。如何使用JavaScript做到這一點,我不知道。我google了很多,但沒有得到任何好主意來完成這一點。所以任何人都知道這個?這個怎麼做。如何使用javascript在現場攝像頭中檢測手勢?

+2

可能有些閃光thingy。 – 2012-04-19 11:55:44

+0

手勢識別非常複雜,你一定不會找到一個JavaScript庫來做到這一點。 – JJJ 2012-04-19 11:57:35

+0

不,你不能在JS中編寫引擎來做到這一點。 JS純粹用於DOM操作和帶有一定動畫能力的樣式擴展。您需要爲Windows創建一個activeX插件,並且不能確定Mac的 – ppumkin 2012-04-19 12:02:47

回答

37

訪問網絡攝像頭需要HTML5 WebRTC API,除了Internet Explorer或iOS之外,大多數現代瀏覽器都提供此API。

手姿勢檢測可以使用JavaScript中哈爾級聯分類器(從移植的OpenCV)與js-objectdetectHAAR.js來完成。使用JS-objectdetect在JavaScript/HTML5

:開放式與關閉手檢測(美國手語字母的 「A」 手勢)

Open handClosed hand or "A" gesture

2

你需要有一些運動檢測設備(相機),你可以使用kinect來獲取身體不同部位的運動。你將不得不在瀏覽器中發送數據,告訴你身體部位和位置,你可以根據你的要求操縱數據

在這裏你可以找到你如何做到這一點。 Motion detection and rendering

更多關於Kinect的General info

+1

你需要說在你的答案中它只支持HTML5 ..你暗示它會與JS ..這是不真實的。此外,這將只適用於IE 9 + Chrome,FF和Safari,最有可能在Windows上使用.NET框架...... – ppumkin 2012-04-19 12:03:22

+0

HTML5是實現這一目標所必需的。由凸輪收集的數據將有兩種類型,一種是已經渲染的視頻(圖片),另一種是身體部位數據(尺寸:X,Y寬度,長度等)的文本數據。這些數據可以在html5畫布上用於渲染,或者只是在某個div中顯示爲文本。 – Adil 2012-04-19 12:16:08

+0

並且此解決方案僅用於* kinect *? OP沒有提及任何特定的相機,而只是一般的網絡相機。 – Joseph 2012-04-19 12:38:43

4

下面是JavaScript手跟蹤演示 - 它依賴於它尚未在所有典型的瀏覽器支持HTML5功能,它並沒有很好地都在這裏工作,我不要相信它涵蓋了手勢,但它可能是一個開始:http://code.google.com/p/js-handtracking/