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 實作之網頁攝影機

2026年2月22日 星期日

BLE Win100 安卓應用程式測試平台

⧉ YOUTUBE.COM

安卓版應用程式已在 Google Play 上架公開測試,有興趣加入測試者可以直接 在 Google Paly 下載測試。

功能

安卓應用程式 BLE Win100 是一個 BLE(Bluetooth Low Energy),也就是低功耗藍牙的工具程式,可應用在微控制器與藍牙相關之專案,此篇實現其測試環境,藉由麵包板、一些電子零件或是電路模組,與具備 USB TTL 功能之模組,連接電腦與藍牙元件達成,可作為學習藍牙智慧裝置製作之入門。


智慧藍牙裝置

智慧藍牙裝置,也就是可經由藍牙與手機連結之裝置,例如智慧LED燈,可由一個 BLE 模組一個微控制器、一些電子零件、LED燈與麵包板組成。微控制器內嵌軟體,經由序列埠與藍牙通信而執行指定之動作。在開發階段,開發者常需要查看傳送的資料,因此需要從電腦端經由終端機程式與 USB TTL 模組連線到裝置。

藍牙裝置開發平台


藍牙裝置開發平台可由一台電腦一個由 USB TTL 模組、麵包板電路與藍牙模組組成的電路、一台安裝好測試程式的手機實現。在電腦端藉由序列埠監視程式,查看與手機之間的通信,然後定義需要傳送的資料與指令。

序列埠與 USB TTL 模組


序列埠 (Serial Port),又稱 COM 埠、串列埠,是一種電腦與微控制器間的通信介面,其特徵為 TXD 、 RXD 兩個信號線,分別為傳送、接收之通道,常用於微控制器開發階段之工具。在 USB 介面問世後,經由軟體模擬技術,可從 USB 進行序列埠通信,也就是 Virtual Com Port,USB TTL 模組即實現 Virtual Com Port 概念。

BLE 低功耗藍牙 UART 服務

BLE 低功耗藍牙是一種藍牙通信的規格,常應用於短距離低耗能的裝置,例如心跳、電池狀態與環境等感測器裝置,這些功能可稱之為服務 ( Service ) 。與 Service 息息相關的是 GATT 表,記載著裝置支援的服務與相關特性 ( Characteristic ) 。而 GATT 的 UART 服務是一種對應 Serial Port 通信的服務,表示藍牙裝置具備 Serial Port 可與外部裝置,例如 USB TTL 模組連結,進行通信。而 BLE Win100 APP 使用的藍牙模組即 GATT UART 服務的實現。


BLE 藍牙模組與 USB TTL 模組電路


如圖之電路,M1 即 USB TTL 模組,其 VCC 可提供 5V 電源,M1 的 RXD 即 UART 格式的接收端,可直接連至 M2 的 TXD 也就是藍牙的傳送端。反之,M1 的 TXD 應連至 M2 的 RXD ,因為藍牙端的接受電位為 3.3V ,需要分壓電路,也就是 R1 、 R2 。M2 的 STATE 腳為狀態指示,連接至 LED D1 ,在尚未連線時熄滅,連線後長亮。串連之 R3 則為限流元件。

BLE 藍牙模組與 USB TTL 模組麵包板佈線

BLE WIN100 的測試平台可使用麵包板與跳線實做,如圖安插各零件再安插跳線。其中 M1 為 USB TTL 模組,其電路板有標示各腳名稱, M2 為 BLE 藍牙模組,D1 為 LED ,腳位有極性,安插時須注意正確位置。 完成佈線後將 USB 連接線接上 USB TTL 模組。


BLE 藍牙模組與 USB TTL 模組麵包板實作


使用麵包板與跳線實作,在麵包板上有TXD分壓電阻,狀態指示LED 與串連的電阻。完成佈線後將 USB 連接線接上 USB TTL 模組。BLE 藍牙模組上電後 LED 會閃爍,與手機連線後恆亮。USB TTL 模組上電後 LED 燈恆亮。

BLE Win100 安卓應用程式下載


藍牙測試平台硬體部分完成後,還需要下載測試用的應用程式,也就是 「BLE Win100 」安卓應用程式。 首先在網路搜尋 GoWin100 網站,網址是 gowin100.net,打開網頁,點選「安卓應用程式公開測試 」封面故事,在內文中找到應用程式的下載連結。

BLE Win100 安卓應用程式安裝


藍牙測試平台硬體部分完成後,還需要安裝測試用的應用程式,也就是 「BLE Win100 」安卓應用程式。 首先在 GoWin100 網站,網址是 gowin100.net,打開「安卓應用程式公開測試 」封面故事,在內文中找到應用程式的 Play Store 連結後安裝並啟動程式,可看到藍牙裝置列表。

BLE Win100 安卓應用程式藍牙連線


BLE Win100 應用程式開啟時會看到藍牙裝置列表,點選一個藍牙裝置,連線後會看到藍牙模組上的 LED 恆亮。點擊右上角的關閉按鈕,中斷連線,此時藍牙模組上的 LED 閃爍。按下更新按鈕可重新掃描裝置。


BLE Win100 安卓應用程式開啟終端機


在 BLE Win100 應用程式上,點擊一個在列表上的裝置連線,然後點擊下方的終端機符號 開啟終端機。接著在電腦端也開啟一個序列埠應用程式的終端機,例如 VS CODE 的「序列監視器」,選擇 USB TTL 所在的序列埠。

BLE Win100 安卓應用程式接收字元


同時開啟 BLE Win100 應用程式的終端機與電腦端的終端機,例如 VS CODE 的「序列監視器」,選擇 USB TTL 所在的序列埠。按下「開始監視」,接著在「以文字傳送」輸入 a字元,在手機端會看到 “Received:a” ,再輸入 c 字元,在手機端會看到 “Received:c” 。

BLE Win100 安卓應用程式傳送字元


同時開啟 BLE Win100 應用程式的終端機與電腦端的終端機,例如 VS CODE 的「序列監視器」,選擇 USB TTL 所在的序列埠。按下「開始監視」,接著在手機端文字輸入匡輸入 as 字串,在電腦端會看到 “as” ,再輸入 g 字元,在電腦端會看到 “g” 。

「BLE Win100」安卓應用程式是一個 BLE(Bluetooth Low Energy),也就是低功耗藍牙的工具程式,可應用在微控制器與藍牙相關之專案,例如智慧 LED 燈、音樂盒、溫濕度感測等裝置之開發。功能包含 UART 終端機、 GATT 表、 Service 表與 Characteristics 表等。安卓版應用程式已在 Google Play 上架公開測試,有興趣加入測試者可以直接 在 Google Paly 下載測試。


推薦閱讀