使用arduino更改网页答案

【问题标题】：Using arduino to change webpage使用arduino更改网页
【发布时间】：2018-11-29 11:13:40
【问题描述】：

我正在尝试通过单击物理按钮来更改网页上的视频。该按钮连接到 Arduino，我可以使用 Johnny Five 从中获取信息，但我无法让该按钮在网页上的 2 个视频之间切换以自动显示和播放。我想通过 Java、Johnny-Five 或 Arduino IDE 来实现这一点。谁能帮我解决这个问题？

我用来通过 Johnny-Five 按下按钮使 LED 闪烁的代码：

var five = require('johnny-five');
var board = new five.Board();
board.on('ready', function() {
  var btn = new five.Button(2); // pin 5
  board.repl.inject({
    button: btn
  });
  btn.on("down", function() {
    console.log("pressed button");
  });
});

【问题讨论】：

请添加你写到现在的代码。
在我的问题中添加了代码

标签： java arduino serial-port arduino-uno johnny-five

【解决方案1】：

您应该能够在服务器端使用 Johnny-Five 或直接使用 node serialport 之类的东西，但也可以使用 node websockets 或 socket.io 之类的东西使您的节点脚本成为 Web 套接字服务器。

如果更简单，您可以试试p5.js，它是p5.serialport library。它已经包含一个预构建的可执行文件，您可以运行并指向您的 Arduino 串行端口和侦听消息的示例 html 页面。

请记住，当您计划从 JS 访问 Arduino 时，您只能与串行端口建立一个如此接近的串行监视器连接。

【讨论】：

【解决方案2】：

您需要通过您的 arduino 和页面进行某种沟通。有几种方法可以做到这一点，具体取决于您的安装设置

您是否也在运行为他们提供服务的服务器？是本地/远程吗？

简单的方法是在一个节点应用程序中完成所有工作，在同一个应用程序上提供页面和序列代码。

这个目录包含一些最小的代码来设置一个 websocket 服务器到 j5 并与之通信： https://github.com/catsAndSolenoids/yldWorkshop/tree/master/socketIoExample

您需要对其进行修改，使其以相反的方式工作（在此您通过网页控制“机器人”）

【讨论】：