2012-04-19 74 views
20

Tôi đã nhúng cam web trực tiếp vào trang html. Bây giờ tôi muốn tìm cử chỉ tay. Làm thế nào để làm điều này bằng cách sử dụng JavaScript, tôi không có ý tưởng. Tôi Googled rất nhiều nhưng không có bất kỳ ý tưởng tốt để hoàn thành điều này. Vì vậy, bất kỳ ai biết về điều này? làm như thế nào.Làm thế nào để phát hiện cử chỉ tay trong webcam trực tiếp bằng javascript?

+2

Có lẽ một số điều đáng ngạc nhiên. –

+0

Nhận dạng cử chỉ tay vô cùng phức tạp và chắc chắn bạn sẽ không tìm thấy thư viện JavaScript để thực hiện. – JJJ

+0

KHÔNG, bạn không thể viết một động cơ trong JS để làm điều đó. JS hoàn toàn là thao tác DOM và mở rộng kiểu với một số khả năng hoạt ảnh. Bạn sẽ cần phải thực hiện một plugin activeX cho các cửa sổ và không chắc chắn những gì là tương đương với máy Mac – ppumkin

Trả lời

37

Truy cập webcam yêu cầu API WebRTC HTML5 có sẵn trong hầu hết các trình duyệt hiện đại ngoài Internet Explorer hoặc iOS.

Phát hiện cử chỉ tay có thể được thực hiện bằng JavaScript sử dụng Haar Cascade Classifiers (được chuyển từ OpenCV) với js-objectdetect hoặc HAAR.js.

Ví dụ sử dụng js-objectdetect trong JavaScript/HTML5: Mở vs đóng phát hiện tay ("A" cử chỉ của bảng chữ cái ngôn ngữ ký hiệu Mỹ)

Open handClosed hand or "A" gesture

2

Bạn cần có một số thiết bị phát hiện chuyển động (Camera) và bạn có thể sử dụng kinect để chuyển động các phần khác nhau của cơ thể. Bạn sẽ phải gửi dữ liệu trong trình duyệt kể về các bộ phận cơ thể và vị trí nơi bạn có thể thao tác dữ liệu theo yêu cầu của mình

Tại đây bạn có thể tìm thấy cách bạn có thể thực hiện. Motion detection and rendering

Thông tin thêm về Kinect General info

+1

Bạn cần phải nói trong câu trả lời của bạn nó chỉ hỗ trợ HTML5 .. bạn ngụ ý nó sẽ làm việc với JS .. đó là không đúng sự thật. Ngoài ra điều này sẽ chỉ làm việc trong IE 9+ chrome, FF và Safari và rất có thể trên Windows Chỉ sử dụng .NET framework .... – ppumkin

+0

HTML5 là cần thiết để đạt được điều này. Dữ liệu thu thập bởi cam sẽ có hai loại trên sẽ là video (hình ảnh) đã được dựng hình và khác sẽ là dữ liệu văn bản của dữ liệu bộ phận cơ thể (kích thước: X, Y chiều rộng, chiều dài, vv). Dữ liệu này có thể được sử dụng để hiển thị trên canvas html5 hoặc chỉ được hiển thị trong một số div dưới dạng văn bản. – Adil

+0

và giải pháp này chỉ dành cho * kinect *? OP không đề cập đến bất kỳ máy ảnh cụ thể nào, nhưng chỉ là một máy ảnh web nói chung. – Joseph

4

Dưới đây là một hoạt Javascript tay theo dõi bản demo - nó dựa trên các tính năng HTML5 chưa được bật trong tất cả các trình duyệt thông thường, nó không hoạt động tốt ở tất cả ở đây, và tôi không tin nó bao gồm các cử chỉ, nhưng nó có thể là một khởi đầu cho bạn: http://code.google.com/p/js-handtracking/

Các vấn đề liên quan