Skip to content

Settings

Most settings are configurable from the device's built-in web settings page — no YAML or reflashing needed. See Web Settings for how to open it, or go to the device in Home Assistant under Settings → Devices & Services → ESPHome and click Visit.

The web settings page runs on the device's ESPHome web server on port 80. It uses the project's hosted web UI bundle, so the device needs internet access the first time the browser loads the page. On the 4" ESP32-S3 display, opening the web settings page also shows a Web settings active screen on the device while the browser is connected.

Some configuration entities may also appear on the Home Assistant device page, depending on the device model, but the web settings page is the main place to configure current firmware.

Media Player

SettingDescription
Media PlayerThe primary media_player entity to control, for example media_player.living_room_speaker. Saving a valid entity may reboot the device so the Home Assistant subscription is refreshed.

Advanced

SettingDescription
Linked Media PlayerOptional secondary media_player entity used when the main speaker switches to a TV or Line-in source. Leave empty to disable. Saving a valid entity may reboot the device so the Home Assistant subscription is refreshed.

Playback

SettingDescription
Track ClockOn shows time remaining; off shows the track length. Tap the time label on the device to toggle this at any time.
Show Progress BarShows or hides the playback progress bar.
Auto-Show Track InfoShows track title and artist automatically when new playback information arrives. Turn this off to keep square screens focused on artwork and the progress bar; tap the screen to show or hide the info manually. Shown on the ESP32-S3 4848S040 and ESP32-P4 86 Panel.
Track Info DurationHow long track info stays visible after artwork loads or playback starts. 0 means it does not auto-show on a new track. Shown on the ESP32-S3 4848S040 and ESP32-P4 86 Panel.

Volume

SettingDescription
Speaker Panel Auto-CloseTurns automatic closing of the volume/speaker panel on or off. Default: on.
TimerTime without touch interaction before the speaker panel automatically closes and returns to the now-playing view. Options: 5 seconds, 10 seconds, 20 seconds, 30 seconds, or 1 minute. Default: 10 seconds.

Idle Screen

SettingDescription
Dim when idleTurns paused idle dimming on or off.
Dim AfterTime after playback pauses before the screen dims. Options: 5 seconds, 10 seconds, 30 seconds, 1 minute, 2 minutes, 5 minutes, or 10 minutes.
Day Dimmed BrightnessBrightness after the paused dimming timer during the day.
Night Dimmed BrightnessBrightness after the paused dimming timer at night.

Screen Saver

The browser Settings tab groups screen saver controls into idle screen dimming, screen saver timing, and night schedule behavior. See Screen Saver for the full behavior details.

SettingDescription
Screen SaverTurns the clock/off screen saver step on or off. When off, the browser hides the screen saver options.
Start Screen Saver AfterTime after dimming before the idle action runs. Options: 10 seconds, 30 seconds, 1 minute, 2 minutes, 5 minutes, 10 minutes, or 30 minutes.
Daytime Screen SaverWhat happens during the day: Clock, Screen Off, or Disabled.
Day Clock BrightnessBacklight level for the daytime clock screen saver. Shown when the daytime action is Clock.
Evening Screen SaverWhat happens in the evening: Clock, Screen Off, or Disabled.
Evening Clock BrightnessBacklight level for the evening clock screen saver. Shown when the evening action is Clock.

Night Schedule

SettingDescription
Schedule Screen OffTurns the daily scheduled screen-off behavior on or off.
On TimeHour when the screen becomes available again.
Off TimeHour when the screen turns off for the schedule.
When Woken, Idle Time To Screen OffHow long a temporary touch wake lasts during scheduled off hours.

Device

The browser Device tab contains clock settings, day/night source, active screen brightness, screen tone, supported rotation controls, and firmware update controls.

Firmware update controls

Clock

SettingDescription
Clock FormatDisplay the clock screen saver in 24-hour or 12-hour format. The 12-hour format omits AM/PM so the large clock still fits and can drift for burn-in prevention. Defaults to 24-hour.
TimezoneIANA-style timezone for the clock and scheduled screen-off controls. The browser shows the current GMT offset. Defaults to UTC.

Day/Night

SettingDescription
Day/Night SourceOptional binary_sensor or input_boolean entity to control day/night mode (on = day, off = night). Leave empty to use sun.sun (default). See Screen Saver.

Screen Brightness

SettingDescription
Day Active BrightnessScreen brightness during active use in daytime mode. Default: 100%.
Night Active BrightnessScreen brightness during active use in night mode. Default: 80%.

Screen Tone ESP32-P4 only

Shifts album art toward warmer colors for a more comfortable viewing experience, especially at night. Separate day and night sliders follow the same day/night detection used by screen brightness. The tint updates instantly without reloading the image.

SettingDescription
Day Screen WarmthWarmth applied to album art during the day. 0% = no tint, 100% = maximum warmth. Default: 30%.
Night Screen WarmthWarmth applied to album art at night. 0% = no tint, 100% = maximum warmth. Default: 60%.

Rotation supported P4 panels

SettingDescription
Screen RotationRotation control shown only on devices that support changing orientation from the browser UI. Options: 0, 90, 180, and 270.

Firmware

SettingDescription
Check for UpdateChecks public releases without installing. The same browser button changes to Install Update after a newer version is found.
Install UpdateInstalls the checked update when one is available.
Auto UpdateWhen enabled, firmware updates are installed automatically when detected. Default: on.
Update FrequencyHow often the device checks for updates: Hourly, Daily (default), or Weekly. Hidden when Auto Update is off.

See Firmware Updates for full details.

Buy Me A Coffee