红嘴鸥，我们相约深秋——昆明人暂别西伯利亚小精灵

嘿，科技爱好者们！是否曾想过，如何以轻松的方式，将摄影机拍摄的影片，由 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 开发板上的视讯串流解决方案，是一种有效且适应性强的工具，非常适合运用于针对以摄影机为基础的应用程序，进行原型设计。现在就造访我们的网站，并开始发挥您的创意吧！

我们迫不及待想看看您的想法！非常欢迎在社群媒体上，分享您的经验及创作，并一定要标记我们喔！