Использование arduino для изменения веб-страницы

Я пытаюсь изменить видео на веб-странице, нажав физическую кнопку. Кнопка подключена к Arduino, и я могу получить от нее информацию с помощью Johnny Five, но я не можно заставить эту кнопку переключаться между двумя видео на веб-странице для автоматического отображения и воспроизведения. Я хочу, чтобы это произошло с помощью Java, Johnny-Five или в Arduino IDE. Кто-нибудь может мне с этим помочь?

Код, который я использовал для мигания светодиода нажатием кнопки через Johnny-Five:

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
person Jelle Schräder    schedule 29.11.2018    source источник
comment
Пожалуйста, добавьте код, который вы написали до сих пор.   -  person Sharat Chandra    schedule 29.11.2018
comment
Добавил код в мой вопрос   -  person Jelle Schräder    schedule 29.11.2018

Ответы (2)


arrow_upward
1
arrow_downward

Вы должны иметь возможность использовать что-то вроде Johnny-Five или прямой последовательный порт узла на на стороне сервера, но также сделайте свой сценарий узла сервером веб-сокетов, используя что-то вроде веб-сокеты узла или socket.io.

Если это проще, вы можете попробовать p5.js, и это библиотека p5.serialport. Он уже включает в себя предварительно созданный исполняемый файл, который вы можете просто запустить и указать на последовательный порт Arduino и примеры html-страниц, прослушивающих сообщения.

Помните, что у вас может быть только одно подключение к вашему последовательному порту, поэтому закройте Serial Monitor, если вы планируете получить доступ к Arduino из JS.

person George Profenza    schedule 12.12.2018

arrow_upward
0
arrow_downward

вам понадобится какая-то связь между вашим Arduino и страницей. Есть несколько способов сделать это в зависимости от настройки вашей установки.

Вы также используете сервер, который их обслуживает? это локально/удалено?

Простым путем было бы сделать все в одном приложении node, обслуживая страницу и последовательный код в одном приложении.

этот каталог содержит минимальный код для настройки сервера веб-сокетов на j5 и связи с ним: https://github.com/catsAndSolenoids/yldWorkshop/tree/master/socketIoExample

вам нужно будет изменить его, чтобы он работал наоборот (в этом вы управляете «ботом» через веб-страницу)

person gorhgorh    schedule 12.12.2018