2026年2月27日 星期五

使用 Javascript 與 MediaPipe 之網頁即時手勢辨認

這是一個實作的範例,使用 Javascript 、 HTML 與 MediaPipe API 網頁攝影機即時手勢辨認

先應用一個簡單的 Nodejs Javascript 程式碼,建製 網頁伺服器 ,使用 Docker 執行 Nodejs ,開啟網址 http://localhost:8081 可在網頁顯示網頁攝影機。

伺服器的實現方式是使用 GoWin100 EDA Docker 影像檔之 Nodejs ,解譯 Javascript 程式碼,並執行之,目的在於驗證 Docker Nodejs 之建立網頁攝影機即時手勢辨認伺服器功能,並且作為「 多媒體與人工智慧 」課程相關應用之基礎。

實際的 App 範例: MediaPipe 實作之即時手勢辨認

實際的程式碼與伺服器建制範例: MediaPipe 實作之即時手勢辨認

2026年2月26日 星期四

使用 HTML Web API 實作網頁攝影機即時影像

這是一個實作的範例,展示使用 Javascript 、 HTML 與 MediaDevices API 建置之網頁攝影機。

先應用一個簡單的 Nodejs Javascript 程式碼,建製 網頁伺服器 ,使用 Docker 執行 Nodejs ,開啟網址 http://localhost:8081 可在網頁顯示網頁攝影機。

伺服器的實現方式是使用 GoWin100 EDA Docker 影像檔之 Nodejs ,解譯 Javascript 程式碼,並執行之,目的在於驗證 Docker Nodejs 之建立網頁攝影機伺服器功能,並且作為「 多媒體與人工智慧 」課程相關應用之基礎。

實際的 App 範例: HTML Web API 實作之網頁攝影機

實際的程式碼與伺服器建制範例: HTML Web API 實作之網頁攝影機