嘿，科技爱好者们！是否曾想过，如何以轻松的方式，将摄影机拍摄的影片，由 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授权转载；连结原文网址）