Overview
Things
Story

Why I made this
How it works
M5Stack(client)/Nodemcu(server)
Nodemcu
How to use it
Here is the vid
IF YOU HAVE ANY PROBLEM WITH IT THEN COMMENT TELL ME IN COMMENTS BELOW

Published July 20, 2020

M5Stack Video controller with Nodemcu and Python

Using M5Stack and Nodemcu with python to control Youtube vids remotely from a distance.

IntermediateFull instructions provided1 hour1,091

M5Stack Video controller with Nodemcu and Python

Things used in this project

Hardware components

M5Stack ESP32 Basic Core IoT Development Kit

NodeMCU ESP8266 Breakout Board

High Brightness LED, White

Female Header 8 Position 1 Row (0.1")

Software apps and online services

Arduino IDE

Hand tools and fabrication machines

Soldering iron (generic)

Story

Why I made this:

while watching my fav series I when I need to =vol or forward it 10sec I need to go to the laptop(connected to tv) from the sofa to do these adjustments.
as I am so lazy and tired of this and that's why I made this.

How it works:

M5Stack(client)/Nodemcu(server):

M5Stack will work as a remote.
so here we are working as a client for the server.
so if I do these operations given then it will write /A or /B after IP so that server can do the procedure as assigned

if (M5.BtnA.wasReleased()) {
      http.begin("http://192.168.4.1/A");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(BLUE);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("10BACK"); 
        http.end();
    } 
    else if (M5.BtnC.wasReleased()) {
      http.begin("http://192.168.4.1/B");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(BLUE);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("10FOR");
        http.end();
    } 
    else if (M5.BtnB.wasReleased()) {
      http.begin("http://192.168.4.1/C");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(RED);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("PL/PS");
        http.end();
    } else if (M5.BtnA.wasReleasefor(700)) {
      http.begin("http://192.168.4.1/D");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(BLUE);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("+5VOL");
        http.end();
    } 
    else if (M5.BtnC.wasReleasefor(700)) {
      http.begin("http://192.168.4.1/E");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(BLUE);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("-5VOL");
        http.end();

so for sample I pressed the A button then it will write /A after IP then Nodemcu will write A in Serial.

void A(){
  Serial.println("A");
  digitalWrite(4,1);
  delay(500);
  digitalWrite(4,0);
}

and it also blinks an led connected on D2(GPIO4) of Nodemcu.
Then python will read it and do procedures as assigned.

if da==b'A':
   pyautogui.press('j')

'j' to back 10sec and like this play/pause and vol up/down works.
Here is the menu for how to control vids with it.

Click A to back 10sec or -10sec.

Click B to play/pause.

Click C to forward 10sec or +10sec.

Press C for 700ms to +5Vol.

Press A for 700ms to -5Vol.

Nodemcu:

I connected an led to Nodemcu on GPIO4(D2) that will indicate that it connected with the client and working.

if you have time then you can make it like this.

How to use it:

connect Nodemcu to Pc and open Arduino then select board and port and upload if you haven't uploaded the code then

in my case port is COM5 that's why I put COM5 here put your port of Nodemcu to make it work.

m5 = serial.Serial('COM5', 115200, timeout=.1)

then run the python program but don't close Arduino then it won't work.

Here is the vid:

IF YOU HAVE ANY PROBLEM WITH IT THEN COMMENT TELL ME IN COMMENTS BELOW.

//////////////////AMAAN JAVED////////////////////
#include <M5Stack.h>
#include <WiFi.h>
#include <HTTPClient.h>
const char* ssid ="ESPremote";
const char* password ="12345678";
void setup(){
  M5.begin();  
  for(uint8_t t = 4; t > 0; t--) {
        Serial.printf("[SETUP] WAIT %d...\n", t);
        Serial.flush();
        delay(1000);
    }
      WiFi.mode(WIFI_STA);
      WiFi.disconnect(true);
    WiFi.begin(ssid,password);
    while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    M5.Lcd.print(".");
 
    delay(15000);
    M5.Lcd.println("Connected to Server");
    delay(100);
    M5.Lcd.fillScreen(BLUE);
    M5.Lcd.setTextColor(WHITE);
    M5.Lcd.setTextSize(3);
    M5.Lcd.setCursor(55, 10);
    M5.Lcd.print("M5Stack Remote");
    M5.Lcd.setCursor(3, 35);
    M5.Lcd.println("A CLK 10BACK");
    M5.Lcd.println("B CLK PL/PS");
    M5.Lcd.println("C CLK 10FOR");
    M5.Lcd.println("A 700ms -5VOL");
    M5.Lcd.println("C 700ms +5VOL");      
  }
}
void loop() {
  M5.update();
  if((WiFi.status() == WL_CONNECTED)) {

        HTTPClient http;      
  
  if (M5.BtnA.wasReleased()) {
      http.begin("http://192.168.4.1/A");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(BLUE);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("10BACK"); 
        http.end();
    } 
    else if (M5.BtnC.wasReleased()) {
      http.begin("http://192.168.4.1/B");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(BLUE);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("10FOR");
        http.end();
    } 
    else if (M5.BtnB.wasReleased()) {
      http.begin("http://192.168.4.1/C");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(RED);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("PL/PS");
        http.end();
    } else if (M5.BtnA.wasReleasefor(700)) {
      http.begin("http://192.168.4.1/D");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(BLUE);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("+5VOL");
        http.end();
    } 
    else if (M5.BtnC.wasReleasefor(700)) {
      http.begin("http://192.168.4.1/E");      
        int httpCode = http.GET();
        M5.Lcd.fillScreen(BLUE);
        M5.Lcd.setTextColor(WHITE);
        M5.Lcd.setTextSize(3);
        M5.Lcd.setCursor(65, 10);
        M5.Lcd.print("-5VOL");
        http.end();
    } 
  } 
}//////AMAAN JAVED/////////////

//////////////////AMAAN JAVED////////////////////
#include <ESP8266WiFi.h>
#include <WiFiClient.h>
#include <ESP8266WebServer.h>

const char *ssid = "ESPremote";
const char *password = "12345678";

ESP8266WebServer server(80);

void handleRoot() {
  server.send(200, "text/html", "<h1>SYSTEM IS WORKING</h1>");
}

void A(){
  Serial.println("A");
  digitalWrite(4,1);
  delay(500);
  digitalWrite(4,0);
}
void B(){
  Serial.println("B");
  digitalWrite(4,1);
  delay(500);
  digitalWrite(4,0);
}
void C(){
  Serial.println("C");
  digitalWrite(4,1);
  delay(500);
  digitalWrite(4,0);
}
void D(){
  Serial.println("D");
  digitalWrite(4,1);
  delay(500);
  digitalWrite(4,0);
}
void E(){
  Serial.println("E");
  digitalWrite(4,1);
  delay(500);
  digitalWrite(4,0);
}
void setup() {
  delay(1000);
  pinMode(4,OUTPUT);
  Serial.begin(115200);
  WiFi.softAP(ssid, password);
  IPAddress myIP = WiFi.softAPIP();
  server.on("/", handleRoot);
  server.on("/A", A);
  server.on("/", handleRoot);
  server.on("/B", B);
  server.on("/", handleRoot);
  server.on("/C", C);
  server.on("/", handleRoot);
  server.on("/D", D);
  server.on("/", handleRoot);
  server.on("/E", E);
  server.begin();
  digitalWrite(4,1);
  delay(500);
  digitalWrite(4,0);
}
void loop() {
  server.handleClient();
}

Credits

Amaan Javed

19 projects • 4 followers

Student

M5Stack Video controller with Nodemcu and Python

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

Why I made this:

How it works:

M5Stack(client)/Nodemcu(server):

Nodemcu:

How to use it:

Here is the vid:

IF YOU HAVE ANY PROBLEM WITH IT THEN COMMENT TELL ME IN COMMENTS BELOW.

Code

M5STACK CODE

Nodemcu CODE

PYTHON PROGRAM

Credits

Amaan Javed

Comments

Embed the widget on your own site

M5Stack Video controller with Nodemcu and Python

M5Stack Video controller with Nodemcu and Python

Things used in this project

Hardware components

Software apps and online services

Hand tools and fabrication machines

Story

Why I made this:

How it works:

M5Stack(client)/Nodemcu(server):

Nodemcu:

How to use it:

Here is the vid:

IF YOU HAVE ANY PROBLEM WITH IT THEN COMMENT TELL ME IN COMMENTS BELOW.

Code

M5STACK CODE

Nodemcu CODE

PYTHON PROGRAM

Credits

Amaan Javed

Comments

Related channels and tags