嘿，科技愛好者們！是否曾想過，如何以輕松的方式，將攝影機(jī)拍攝的影片，由 Arduino 開發(fā)板直接傳輸至網(wǎng)頁瀏覽器呢？現(xiàn)在，藉由 Arduino 的網(wǎng)絡(luò)序列相機(jī)示范，您將可輕松將相機(jī)項(xiàng)目以更真實(shí)的方式呈現(xiàn)！

從Arduino開發(fā)板傳輸影像

Nicla Vision 及 Portenta Vision Shield 等 Arduino 硬件，使嵌入式系統(tǒng)上相機(jī)數(shù)據(jù)的存取變得更為民主化。為簡化相機(jī)影像的處理，我們（編按：在此指 Arduino 團(tuán)隊(duì)）很高興推出一種新的跨平臺方法，透過串行串行端口讀取視訊串流。這種基于 Web 串行的改進(jìn)，比先前的方法更加簡化且使用者友善，因?yàn)橄惹暗姆椒ㄐ璋惭b額外的軟件加上手動配置。

軟硬件要求

Web 序列相機(jī)網(wǎng)絡(luò)應(yīng)用程序，可連接配備相機(jī)的 Arduino 開發(fā)板，并將其影像直接傳輸至瀏覽器。截至撰寫本文時（編按： 2024 年 8月 1 日），這些設(shè)備包括 Portenta H7 + Portenta Vision Shield、Nicla Vision ，以及 GIGA R1 WiFi + OV7675、OV7670、GC2145、HM0360 或 HM01B0 相機(jī)。只需使用上面提到任何一塊開發(fā)板、一份 Arduino 程序代碼及一款支持 Web 序列的瀏覽器。

演示說明

? 連接性：將 Arduino 硬件無縫連接至 Web 應(yīng)用程序時，體驗(yàn) Web 序列技術(shù)的魔力。享受 在 Arduino 開發(fā)板與瀏覽器間，輕松地傳輸數(shù)據(jù)。

? 圖像處理：跨入使用 JavaScript 進(jìn)行影像數(shù)據(jù)處理的世界！此范例演示如何處理并轉(zhuǎn)換來自 Arduino 開發(fā)板的原始影像數(shù)據(jù)，以便可在瀏覽器中顯示。

? 影像濾鏡：了解如何實(shí)現(xiàn)基本影像濾鏡。從調(diào)整亮度至套用棕褐色效果，您將發(fā)現(xiàn)在瀏覽器中直接轉(zhuǎn)換影像是多么簡單！在探索這些濾鏡時，您將更深入了解如何操縱像素，并為您的視覺效果注入活力！

? 影像下載：只需單擊按鈕即可下載相機(jī)串流中的一幀，使您可輕松使用相機(jī)影像，進(jìn)行進(jìn)一步處理，例如訓(xùn)練用于影像分類的機(jī)器學(xué)習(xí)模型。

圖一

如何開始？

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

2.存取 Web 應(yīng)用程序：存取上述專用頁面中的 Web 應(yīng)用程序鏈接，以存取 Web 序列攝影機(jī) Web 應(yīng)用程序。點(diǎn)擊「連接（ Connect ）」，選擇您的開發(fā)板并確認(rèn)選擇。

3.開始嘗試：透過瀏覽器，投入實(shí)時成像的世界，盡情發(fā)揮您的創(chuàng)造力！

您準(zhǔn)備好了嗎？

用于 Arduino 開發(fā)板上的視訊串流解決方案，是一種有效且適應(yīng)性強(qiáng)的工具，非常適合運(yùn)用于針對以攝影機(jī)為基礎(chǔ)的應(yīng)用程序，進(jìn)行原型設(shè)計(jì)?，F(xiàn)在就造訪我們的網(wǎng)站，并開始發(fā)揮您的創(chuàng)意吧！

我們迫不及待想看看您的想法！非常歡迎在社群媒體上，分享您的經(jīng)驗(yàn)及創(chuàng)作，并一定要標(biāo)記我們喔！