2012-04-19 15 views
20

Canlı web kamerasını html sayfasına gömdüm. Şimdi el hareketlerini bulmak istiyorum. JavaScript kullanarak bunu nasıl yaparım, benim fikrim yok. Çok çalıştım ama bunu tamamlamak için iyi bir fikrim yoktu. Yani bunu bilen var mı? bu nasıl yapılır.Canlı web kamerasındaki javascript kullanarak el hareketi nasıl algılanır?

+2

Muhtemelen bazı flaş şeyleri. –

+0

El hareketi tanıma işlemi son derece karmaşıktır ve kesinlikle bunu yapmak için bir JavaScript kitaplığı bulamazsınız. – JJJ

+0

Hayır, bunu yapmak için JS'de bir motor yazamazsınız. JS sadece bazı animasyon yetenekleri ile DOM manipülasyon ve stil uzantıları içindir. Pencereler için bir activeX eklentisi yapmanız ve bildiğim kadarıyla Mac'ler için – ppumkin

cevap

37

Web kamerasına erişim, Internet Explorer veya iOS dışındaki çoğu modern tarayıcıda kullanılabilen HTML5 WebRTC API'sini gerektirir.

el hareketi algılamajs-objectdetect veya HAAR.js ile (OpenCV aktarıldığını) Haar Cascade Klasifikatör kullanarak JavaScript içinde yapılabilir. JavaScript/HTML5'teki js-objectdetect kullanılarak

Örnek: Açık vs

Open handClosed hand or "A" gesture

2

Bazı hareket algılama aygıtlarına (Kamera) sahip olmanız gerekir ve vücudun farklı bölümlerinin hareketini sağlamak için kinect'i kullanabilirsiniz. Verilerinizi, sizin gereksinimlerinize göre manipüle edebileceğiniz yer ve konum bilgilerini söyleyen tarayıcıya göndermeniz gerekecektir.

Buradan nasıl yapabileceğinizi bulabilirsiniz. Motion detection and rendering

Kinect hakkında daha fazla İşte General info

+1

Cevabınızda yalnızca HTML5'i desteklediğini söylemelisiniz .. bunun, JS ile çalışacağını ima ediyorsunuz. Ayrıca bu, yalnızca IE 9+ krom, FF ve Safari'de ve büyük ihtimalle Windows'ta .NET framework'leri kullanılarak çalışacaktır .... – ppumkin

+0

HTML5 bunu başarmak için gereklidir. Kam tarafından toplanan veriler iki tipte olacak, bunlar zaten görüntülenen video (resimler) olacak ve diğer kısım ise gövde parçaları verilerinin metin verileri olacaktır (boyut: X, Y genişliği, uzunluk vb.). Bu veriler, html5 tuvalinde render yapmak veya bir metin olarak bazı boşluklarda gösterilmek için kullanılabilir. – Adil

+0

ve bu çözüm sadece * kinect * içindir? OP herhangi bir kameradan bahsetmedi, ancak genel olarak sadece bir web kamerası. – Joseph

4

bir JavaScript el izleme demo edilir - bu henüz tüm tipik tarayıcılarda etkin değildir HTML5 özellikleri dayanır, hepsi burada en iyi çalışıyorum ve gelmez Bu, sizin için bir başlangıç ​​olabilir, ancak sizin için bir başlangıç ​​olabilir: http://code.google.com/p/js-handtracking/

İlgili konular