ESP32 Oscilloscope: View Signals Collected by ESP32 Using a Web Browser

The ESP32 Oscilloscope is a tool that uses the ESP32 chip and a web user interface to observe signals. It displays the signals read by the ESP32 chip through a web browser, allowing you to intuitively understand the shape and changes of the signals.

ESP32 Oscilloscope: View Signals Collected by ESP32 Using a Web Browser

Features

  • Web User Interface: Access the ESP32 Oscilloscope via a web browser for easy signal viewing and analysis.

  • Multiple Signal Types: Supports viewing both digital and analog signals, providing displays for both digital and analog values.

  • Flexible Configuration: The web interface can be modified as needed to specify which GPIOs are used as digital and analog inputs.

  • High-Speed Sampling: The ESP32 Oscilloscope can sample up to 736 samples per second, allowing you to capture rapidly changing signals.

  • Multitasking: The ESP32 Oscilloscope is compatible with other ESP32 functionalities, allowing other programs to run simultaneously.

Use Cases

The ESP32 Oscilloscope is suitable for the following scenarios:

  • Electronic Circuit Debugging: Observe signal changes in circuits to help debug circuit issues.

  • Sensor Data Monitoring: View real-time signals output from sensors to understand their operational status.

  • Education and Learning: Serves as a tool for learning electronics and signal processing.

Installation Guide

  1. 1. Download the Project: Download the ESP32 Oscilloscope project code from the GitHub repository.

  2. 2. Configure WiFi: Modify <span>Esp32_servers_config.h</span> file to change <span>YOUR-STA-SSID</span> and <span>YOUR-STA-PASSWORD</span> to your WiFi network name and password.

  3. 3. Select Partition Scheme: In the Arduino IDE, choose a partition scheme that supports the LittleFS file system to store web interface files.

  4. 4. Compile and Upload: Compile and upload the code to your ESP32 development board.

  5. 5. Upload Web Files: Use an FTP tool to upload <span>android-192-osc.png</span>, <span>apple-180-osc.png</span>, and <span>oscilloscope.html</span> files to the <span>/var/www/html</span> directory of the ESP32 development board.

  6. 6. Access the Web Interface: Enter the IP address of the ESP32 development board in your browser and access the <span>/oscilloscope.html</span> page.

Conclusion

The ESP32 Oscilloscope is a simple and easy-to-use tool implemented with the ESP32 chip and a web user interface. It visually displays signals through a web browser, making it convenient for users to debug circuits and observe sensor data. The project code is open-source, allowing users to modify and extend it according to their needs.

Project Address: https://github.com/BojanJurca/Esp32_oscilloscope

Leave a Comment