嘿，科技愛好者們！是否曾想過，如何以輕鬆的方式，將攝影機拍攝的影片，由 Arduino 開發板直接傳輸至網頁瀏覽器呢？現在，藉由 Arduino 的網路序列相機示範，您將可輕鬆將相機專案以更真實的方式呈現！

從Arduino開發板傳輸影像

Nicla Vision 及 Portenta Vision Shield 等 Arduino 硬體，使嵌入式系統上相機資料的存取變得更為民主化。為簡化相機影像的處理，我們（編按：在此指 Arduino 團隊）很高興推出一種新的跨平台方法，透過串列序列埠讀取視訊串流。這種基於 Web 串行的改進，比先前的方法更加簡化且使用者友善，因為先前的方法需安裝額外的軟體加上手動配置。

軟硬體要求

Web 序列相機網路應用程式，可連接配備相機的 Arduino 開發板，並將其影像直接傳輸至瀏覽器。截至撰寫本文時（編按： 2024 年 8月 1 日），這些設備包括 Portenta H7 + Portenta Vision Shield、Nicla Vision ，以及 GIGA R1 WiFi + OV7675、OV7670、GC2145、HM0360 或 HM01B0 相機。只需使用上面提到任何一塊開發板、一份 Arduino 程式碼及一款支援 Web 序列的瀏覽器。

演示說明

 連接性：將 Arduino 硬體無縫連接至 Web 應用程式時，體驗 Web 序列技術的魔力。享受 在 Arduino 開發板與瀏覽器間，輕鬆地傳輸資料。

 影像處理：跨入使用 JavaScript 進行影像資料處理的世界！此範例演示如何處理並轉換來自 Arduino 開發板的原始影像資料，以便可在瀏覽器中顯示。

 影像濾鏡：了解如何實現基本影像濾鏡。從調整亮度至套用棕褐色效果，您將發現在瀏覽器中直接轉換影像是多麼簡單！在探索這些濾鏡時，您將更深入了解如何操縱像素，並為您的視覺效果注入活力！

 影像下載：只需單擊按鈕即可下載相機串流中的一幀，使您可輕鬆使用相機影像，進行進一步處理，例如訓練用於影像分類的機器學習模型。

圖一

如何開始？

1.上傳 Arduino 程式碼:造訪我們的專用頁面，存取「 CameraCaptureWebSerial 」程式碼。只需使用 Arduino IDE 或 Arduino CLI ，將 Arduino 程式碼上傳至相容開發板即可。

2.存取 Web 應用程式：存取上述專用頁面中的 Web 應用程式連結，以存取 Web 序列攝影機 Web 應用程式。點擊「連接（ Connect ）」，選擇您的開發板並確認選擇。

3.開始嘗試：透過瀏覽器，投入即時成像的世界，盡情發揮您的創造力！

您準備好了嗎？

用於 Arduino 開發板上的視訊串流解決方案，是一種有效且適應性強的工具，非常適合運用於針對以攝影機為基礎的應用程式，進行原型設計。現在就造訪我們的網站，並開始發揮您的創意吧！

我們迫不及待想看看您的想法！非常歡迎在社群媒體上，分享您的經驗及創作，並一定要標記我們喔！

（感謝Arduino.cc官網開放授權，使我們得以翻譯這篇文章，特此致謝！若讀者想要進一步，請點擊閱讀原文：閱讀原文，謝謝。

（本文由VMAKER授權轉載；連結原文網址）