使用arduino更改网页

Question

我正在尝试通过单击物理按钮来更改网页上的视频。该按钮已连接到 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");
  });
});

Answer 1

你需要在你的 arduino 和页面之间进行某种交流。根据您的安装设置，有几种方法可以做到这一点

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

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

此目录包含一些最小代码，用于将 websocket 服务器设置为 j5 并与之通信： https://github.com/catsAndSolenoids/yldWorkshop/tree/master/socketIoExample

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

Answer 2

你应该可以使用像 Johnny-Five 之类的东西或者直接 node serialport on the server side, but also make your node script a web socket server using something like node websockets or socket.io。

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

请记住，当您计划从 JS 访问 Arduino 时，您只能连接到串行端口，因此请关闭串行监视器。

使用arduino更改网页

Using arduino to change webpage

java

serial-port

arduino

arduino-uno

johnny-five