在網頁上使用 Kinect 的方案:KinectJS


「KinectJS」是 Heresy 在網路上看到的東西。他的主要訴求,就是可以在 HTML5 的網頁上、透過 JavaScript 來存取 Kinect for Windows SDK 的資料!所以透過這個平台,就可以開發出網頁的體感程式了~他的官方網站是:

http://kinect.childnodes.com/

下面就是一段他的展示影片:

他目前的版本是 0.20 版,支援 Kinect for Windows SDK 1.0(或者比較舊的 Beta 2),還不支援新的 1.5;而在使用上,必須使用 Chrome 16 或 FireFox 8 以後的版本,另外還需要安裝他使用 Adobe AIR 平台(官網)開發的程式、「KinectSocketServer」。

他的主要設計是採用 Server – Client 的架構,必須先執行「KinectSocketServer」這個 Server 端的程式、來讀取 Kinect for Windows SDK 的資料;而 client 端則就是瀏覽器,透過 HTML5 的 WebSocket(維基百科)來和 server 端做連線、進行資料的讀取。

而他除了可以讀取人體骨架的資訊、讀取彩色、深度影像的圖片外,也可以控制馬達、進行預設的手勢辨識,感覺算是滿夠用了~

有興趣的話,可以考慮裝 Kinect for Windows SDK 1.0、然後把他的「KinectSocketServer」(下載連結)裝起來、到他的範例網頁:http://kinect.childnodes.com/demo/ 試試看。而由於是網頁的形式,所以也都看的到原始碼,可以看看他是怎麼寫的。

Heresy 自己是使用 OpenNI、沒有用 Kinect for Windows SDK,所以沒有下去玩,不過如果是有有打算開發 HTML5 的網頁體感程式,或許可以考慮看看這個平台吧~而如果是要寫 Adobe AIR 的程式的話,則可以參考 AIRKinect(網站)。

廣告

關於 Heresy
https://kheresy.wordpress.com

9 Responses to 在網頁上使用 Kinect 的方案:KinectJS

  1. W says:

    Heresy老大:
    你說的車子的API是什麼意思呢
    那我程式那裏是要寫一個骨架偵測的程式嗎?
    不好意思不太知道流程是怎樣!

    按讚數

    • Heresy says:

      那部份是指你要怎麼去控制你的車。
      至於如果是需要自己去偵測人的話,應該也沒必要把骨架整個辨識出來,只要能找出使用者,並進行追蹤就可以了。

      按讚數

  2. W says:

    HELLO HERESY:
    應該說是說如果我把KINECT固定在一台車子上面 那台車子會透過KINECT鏡頭一直追焦跟在人後面作移動!

    按讚數

    • Heresy says:

      不管是 Kinect for Windows SDK 或 OpenNI 都可以直接抓到人,接下來控制車的部分,應該是看你的車子所提供的 API 了吧?

      按讚數

    • williamken says:

      如果是要放在車上追蹤人的話
      應該不行,之前我也試過,但是只要車子一移動,有很大的機會追蹤不到人!

      按讚數

      • Heresy says:

        這個 Heresy 倒是沒有試過了。
        如果會有這個問題,基本上就是得要用影像處理和電腦視覺的方法、自己去追蹤那個人。

        按讚數

  3. W says:

    請問HERESY
    如果我要使用KINECT 做追隨 有什麼範例程式可以做參考嗎!~

    按讚數

    • Heresy says:

      抱歉,不知道你的「追隨」是什麼意思?

      按讚數

    • 蠶寶寶!o! says:

      To W:
      是想做那種像大賣場的購物車自動跟蹤嗎?
      我覺得要從演算法那部分著手
      原本追蹤人的那個function應該是建立在"背景固定"的時候去追蹤的吧?
      車子移動後背景應該也換了
      所以我覺得要追蹤人的部分要另外寫~

      按讚數

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

%d 位部落客按了讚: