【Tutorial】

】Distribution Network

The weather clock of this device needs to be networked.

After powering on, the device will automatically open an AP named My-Ap, and the password is 12345678. Connect to this AP with your mobile phone, and the network configuration page will pop up after a while, automatically searching for hotspots in the current environment. Select your hotspot and enter the password to complete the network configuration. After the network configuration is completed, the screen will obtain an IP address, which can be viewed on the WIFI page in the settings.

Note: Some mobile phones will automatically disconnect the hotspot and use the 5G network once they find that the hotspot cannot connect to the Internet. At this time, you need to connect to the AP again. If the network configuration page does not pop up after connecting to the AP, please enter 192.168.4.1 on the mobile browser to open it.

】The second control method: Web control

After successfully connecting to the Internet, enter the settings page, click WiFi, enter the WiFi page, scroll to the bottom to find the current connected IP address, and enter the IP address of this device in the computer browser to enter the web control page.

】Operation of each function

[] Clock: Displays the current time

[] Weather: None

[] MJPEG playback: Swipe left or right on the screen to switch to the next or previous file.

[] Album: Swipe left or right on the screen to switch to the next or previous file.

[] Music playback: Divided into playback page and menu/list page. By default, the menu/list page will automatically scan and list the mp3 files in the music directory on the TF card. Click the corresponding name to play and go to the playback page. Click anywhere on the screen on the playback page to display the menu/list page. If there is no action after 3 seconds, the menu/list page will be automatically hidden.

[] Settings: All settings are performed on the settings page. In order to extend the life of the flash, the changes made on the settings page will be saved to the flash when exiting the settings page.

】User Guide Detailed instructions for each function

[] MP3 music playback function

Put MP3 files with a sampling rate of 48000 or less and a speed of less than 320kbps into the music directory of the TF card (restart the device each time you insert the card back into the device after copying it, the same applies below).

[] Electronic photo frame function

Put a 360×360 JPEG file into the pic directory of the TF card.

[] MJPEG playback function mjpeg conversion tool download

Use the mjpeg conversion tool to convert the video to be played into a 360*360 MJPEG file with an FPS of 25 and a video quality of 7, and copy the file to the mjpeg directory of the TF card.

[] Real-time weather display function

Configure the city code in the web page and use it. Enter the city name on the web page and click Save to automatically generate the city code. However, it takes time to refresh. After the screen exits the weather interface, enter the weather interface again. After the network refresh is successful, the corresponding city weather will be obtained.

【Environmental Installation】

Programming the ESP32 with the Arduino IDE

An easy way to get started is to use the familiar Arduino IDE. While this is not necessarily the best environment for working with the ESP32, it has the advantage of being familiar with the application, so the learning curve is flattened.

We will be using the Arduino IDE for our experiments.

】Installing using Arduino IDE

We first need to install Arduino IDE version 1.8.19 (or higher), for example, Arduino is installed in "C/Programs(x86)/Arduino".

Download version link：https://downloads.arduino.cc/arduino-1.8.19-windows.exe

】This is how to install Arduino-ESP32 directly from the Arduino IDE.

Add Boards Manager Entry

Here is what you need to do to install the ESP32 boards into the Arduino IDE:

（1） Open the Arduino IDE.

（2）Click on the File menu on the top menu bar.

（3）Click on the Preferences menu item. This will open a Preferences dialog box.

（4）You should be on the Settings tab in the Preferences dialog box by default.

（5）Look for the textbox labeled “Additional Boards Manager URLs”.

（6）If there is already text in this box add a coma at the end of it, then follow the next step.

（7）Paste the following link into the text box ：

Stable release link:

https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json

Development release link:

https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_dev_index.json

（8）Click the OK button to save the setting.

The textbox with the JSON link in it is illustrated here:

(9) In the Arduino IDE click on the Tools menu on the top menu bar.

(10) Scroll down to the Board: entry

(11) A submenu will open when you highlight the Board: entry.

(12) At the top of the submenu is Boards Manager. Click on it to open the Boards Manager dialog box.

(13)I n the search box in the Boards Manager enter “esp32”. 

(14) You should see an entry for “esp32 by Espressif Systems”. Highlight this entry and click on the

Install button.

This will install the ESP32 boards into your Arduino IDE

Once the installation completes, we need to select the correct board options for the "ESP32 Arduino"

board. In the board type, in the tools tab, we choose “ESP32S3 Dev Module”.

Set and In the programmer entry of the same tab, we choose “esptool”.

It’s important to note that after the code is uploaded, the device will start to run it. So, if we

want to upload a new program, wee need to reset the power of the device, in order to

guarantee that it enters flashing mode again。

【Sample program usage】

Currently, we only provide a preliminary explanation and introduction to the examples displayed on the screen. Click to download the sample program,  as shown in the figure:

2. Copy the library in libraries to the Arduino library directory. 【Arduino-check-library-path】

About the use of touch and LVGL

Select DEMO_LVGL example

Download the required library file LVGL library

【Resource】

Demo_download

Datasheet_download

tools_dwnload

Schematic_download

Burn tool

【Restore factory firmware】

】Firmware Download

Factory firmware download

】Download and open the burning software

Burn tool

】How to use

Just burn the factory firmware, as shown in the picture

If the following effect appears, it means the burning is successful and you can power on again.

【After-sales】

Monday-Friday (9:30-6:30) Saturday (9:30-5:30)

Mobile: +86  13434470212

Email: services04@spotpear.com