Hello, an esp32-s3 4848s040 doesn’t go smoothly with remote webview, I don’t know what to try anymore. Clicks that do not change the screen and mixed screens. If someone can give me light I would be very grateful.
@phono, have you specified the same device_id for a few devices?
Yes. I’ll enter the code when I get home.
Thanks
device_id is optional, and will be auto-generated if not set. Probably, I’ll remove the possibility to set it manually in a future release.
This is the code I have right now.
esphome:
name: esp32-4848s040-t1
friendly_name: ESP32-4848S040-T1
platformio_options:
board_build.flash_mode: dio
on_boot:
priority: -100
then:
- script.execute: inactivity_timer
esp32:
board: esp32-s3-devkitc-1
variant: esp32s3
flash_size: 16MB
framework:
type: esp-idf
sdkconfig_options:
COMPILER_OPTIMIZATION_SIZE: y
CONFIG_ESP32S3_DEFAULT_CPU_FREQ_240: "y"
CONFIG_ESP32S3_DATA_CACHE_64KB: "y"
CONFIG_ESP32S3_DATA_CACHE_LINE_64B: "y"
CONFIG_SPIRAM_FETCH_INSTRUCTIONS: y
CONFIG_SPIRAM_RODATA: y
components:
- name: "espressif/esp_websocket_client"
ref: 1.5.0
- name: "bitbank2/jpegdec"
source: https://github.com/strange-v/jpegdec-esphome
psram:
mode: octal
speed: 80MHz
external_components:
- source: github://strange-v/RemoteWebViewClient@main
refresh: 0s
components: [ remote_webview ]
logger:
hardware_uart: UART0
api:
encryption:
key: "1hm44+lggeXsCRKDXvgmZ8zQtqvDx/m5YFKRbrORER4="
id: api_id
on_client_connected:
- lambda: |-
ESP_LOGD("main", "HA connected from IP: %s", client_address.c_str());
ota:
platform: esphome
web_server:
port: 80
version: 3
log: false
auth:
username: xxxxxxx
password: xxxxx
wifi:
ssid: xxxxxxx
password: xxxxxxxxx
manual_ip:
static_ip: xxxx
gateway: xxxxxx
subnet: 255.255.255.0
dns1: 8.8.8.8
dns2: 8.8.4.4
fast_connect: true
power_save_mode: none
reboot_timeout: 5min
output_power: 17.5dB
captive_portal:
spi:
clk_pin: GPIO48
mosi_pin: GPIO47
i2c:
- id: bus_a
sda: GPIO19
scl: GPIO45
display:
- platform: st7701s
id: display_1
show_test_card: False
update_interval: never
auto_clear_enabled: true
spi_mode: MODE3
data_rate: 5MHz
color_order: RGB
invert_colors: False
dimensions:
width: 480
height: 480
cs_pin: 39
de_pin: 18
hsync_pin: 16
vsync_pin: 17
pclk_pin: 21
pclk_frequency: 12MHz
pclk_inverted: false
hsync_pulse_width: 8
hsync_front_porch: 10
hsync_back_porch: 20
vsync_pulse_width: 8
vsync_front_porch: 10
vsync_back_porch: 10
init_sequence:
- 1
- [0xFF, 0x77, 0x01, 0x00, 0x00, 0x10]
- [0xCD, 0x00]
data_pins:
red:
- GPIO11
- GPIO12
- GPIO13
- GPIO14
- GPIO0
green:
- GPIO8
- GPIO20
- GPIO3
- GPIO46
- GPIO9
- GPIO10
blue:
- GPIO4
- GPIO5
- GPIO6
- GPIO7
- GPIO15
touchscreen:
platform: gt911
id: touchscreen_1
transform:
mirror_x: false
mirror_y: false
on_touch:
then:
- script.execute: inactivity_timer
output:
- platform: ledc
pin: GPIO38
id: backlight_pwm
light:
- platform: monochromatic
output: backlight_pwm
name: "Display Backlight"
id: back_light
restore_mode: ALWAYS_ON
remote_webview:
id: rwv
display_id: display_1
touchscreen_id: touchscreen_1
server: xxxxxxxxxx
url: http://xxxxxxxxx
full_frame_tile_count: 1
max_bytes_per_msg: 61440
jpeg_quality: 70
text:
- platform: template
id: rwv_url
name: "URL"
optimistic: true
restore_value: false
mode: TEXT
min_length: 1
set_action:
- lambda: |-
if (!id(rwv).open_url(std::string(x.c_str()))) {
id(rwv).set_url(std::string(x.c_str()));
ESP_LOGI("remote_webview", "URL queued (not connected): %s", x.c_str());
}
script:
- id: inactivity_timer
mode: restart
then:
- if:
condition:
light.is_off: back_light
then:
- light.turn_on:
id: back_light
- delay: 0.5s
- lambda: |-
id(rwv).disable_touch(false);
- delay: 15s
- light.turn_off:
id: back_light
- lambda: |-
id(rwv).disable_touch(true);
# 🔹 Sensores y estado
binary_sensor:
- platform: status
name: "Estado de la pantalla"
sensor:
- platform: wifi_signal
name: "Intensidad WiFi pantalla"
update_interval: 60s
switch:
- platform: restart
name: "Reinicio"
entity_category: "diagnostic"
- platform: safe_mode
name: "Modo Seguro"
entity_category: "diagnostic"
- platform: gpio
name: "Rele 3"
pin:
number: GPIO40
inverted: false
time:
- platform: homeassistant
id: homeassistant_time
@phono, the configuration looks okay. I’d suggest starting with the bare minimum, and then extending (for example, I never tested RWV with the web_server component).
If the issues persist, provide more details of what you see and
- how the server was installed (HA OS / standalone Docker)
- single or multiple clients
- server container logs
I’ve seen that version 1.6.0 exists of “esp_websocket_client”
I’ll try it as you say, starting with the bare minimum and then adding more. Thanks.
I think the problem is with the type of dashboard. I’ll try to upload some videos so you can give me your opinion.
Here’s a video I’m uploading so you can see how things are going for me.
https://streamable.com/ryxp1a
- how the server was installed (HA OS / standalone Docker)?
- have you changed any parameters? (e.g.,
EVERY_NTH_FRAME) - single or multiple clients?
- show server container and client (ESPHome) logs
- how the server was installed (HA OS / standalone Docker)?
HA OS - have you changed any parameters? (e.g.,
EVERY_NTH_FRAME)
I’ve tried many things, but I always end up reverting them to their previous state. - single or multiple clients?
one client - show server container and client (ESPHome) logs
I’ll upload the logs when I have a moment
log server
Summary
Blockquote
[browser] Launching with prefers-reduced-motion
[cdp] GPU vendor/renderer: {
amdSwitchable: false,
canSupportThreadedTextureMailbox: false,
directRenderingVersion: ‘’,
displayType: ‘ANGLE_SWIFTSHADER’,
glExtensions: 'GL_AMD_performance_monitor GL_ANGLE_base_vertex_base_instance_shader_builtin GL_ANGLE_blob_cache GL_ANGLE_client_arrays GL_ANGLE_compressed_texture_etc GL_ANGLE_depth_texture GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_get_image GL_ANGLE_get_serialized_context_string GL_ANGLE_get_tex_level_parameter GL_ANGLE_instanced_arrays GL_ANGLE_memory_object_flags GL_ANGLE_memory_size GL_ANGLE_multi_draw GL_ANGLE_pack_reverse_row_order GL_ANGLE_polygon_mode GL_ANGLE_program_binary_readiness_query GL_ANGLE_program_cache_control GL_ANGLE_read_only_depth_stencil_feedback_loops GL_ANGLE_relaxed_vertex_attribute_type GL_ANGLE_request_extension GL_ANGLE_rgbx_internal_format GL_ANGLE_robust_client_memory GL_ANGLE_robust_fragment_shader_output GL_ANGLE_robust_resource_initialization GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_ANGLE_vulkan_image GL_APPLE_clip_distance GL_ARM_rgba8 GL_ARM_shader_framebuffer_fetch GL_ARM_shader_framebuffer_fetch_depth_stencil GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_lose_context GL_EXT_EGL_image_external_wrap_modes GL_EXT_base_instance GL_EXT_blend_minmax GL_EXT_buffer_storage GL_EXT_clear_texture GL_EXT_clip_control GL_EXT_color_buffer_half_float GL_EXT_compressed_ETC1_RGB8_sub_texture GL_EXT_copy_image GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_depth_clamp GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_draw_elements_base_vertex GL_EXT_float_blend GL_EXT_frag_depth GL_EXT_instanced_arrays GL_EXT_map_buffer_range GL_EXT_memory_object GL_EXT_memory_object_fd GL_EXT_occlusion_query_boolean GL_EXT_polygon_offset_clamp GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_sRGB_write_control GL_EXT_semaphore GL_EXT_semaphore_fd GL_EXT_separate_shader_objects GL_EXT_shader_framebuffer_fetch GL_EXT_shader_framebuffer_fetch_non_coherent GL_EXT_shader_non_constant_global_initializers GL_EXT_shader_texture_lod GL_EXT_shadow_samplers GL_EXT_texture_border_clamp GL_EXT_texture_compression_bptc GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_rgtc GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_mirror_clamp_to_edge GL_EXT_texture_rg GL_EXT_texture_sRGB_decode GL_EXT_texture_storage GL_EXT_texture_type_2_10_10_10_REV GL_EXT_unpack_subimage GL_KHR_blend_equation_advanced GL_KHR_debug GL_KHR_robust_buffer_access_behavior GL_KHR_robustness GL_KHR_texture_compression_astc_ldr GL_NV_depth_buffer_float2 GL_NV_fence GL_NV_framebuffer_blit GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_NV_polygon_mode GL_NV_read_depth GL_NV_read_depth_stencil GL_NV_read_stencil GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_EGL_sync GL_OES_compressed_EAC_R11_signed_texture GL_OES_compressed_EAC_R11_unsigned_texture GL_OES_compressed_EAC_RG11_signed_texture GL_OES_compressed_EAC_RG11_unsigned_texture GL_OES_compressed_ETC1_RGB8_texture GL_OES_compressed_ETC2_RGB8_texture GL_OES_compressed_ETC2_RGBA8_texture GL_OES_compressed_ETC2_punchthroughA_RGBA8_texture GL_OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture GL_OES_compressed_ETC2_sRGB8_alpha8_texture GL_OES_compressed_ETC2_sRGB8_texture GL_OES_copy_image GL_OES_depth24 GL_OES_depth32 GL_OES_depth_texture GL_OES_depth_texture_cube_map GL_OES_draw_elements_base_vertex GL_OES_element_index_uint GL_OES_fbo_render_mipmap GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_required_internalformat GL_OES_rgb8_rgba8 GL_OES_sample_shading GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_3D GL_OES_texture_border_clamp GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object GL_OES_vertex_half_float ',
glImplementationParts: ‘(gl=egl-angle,angle=swiftshader)’,
glRenderer: ‘ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (Subzero) (0x0000C0DE)), SwiftShader driver-5.0.0)’,
glResetNotificationStrategy: 33362,
glVendor: ‘Google Inc. (Google)’,
glVersion: ‘OpenGL ES 2.0.0 (ANGLE 2.1.1 git hash: 1357cf3a5a90)’,
glWsExtensions: 'EGL_EXT_create_context_robustness EGL_ANGLE_surface_orientation EGL_KHR_create_context EGL_KHR_image EGL_KHR_image_base EGL_EXT_image_gl_colorspace EGL_KHR_gl_colorspace EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_fence_sync EGL_KHR_wait_sync EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_KHR_swap_buffers_with_damage EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_display_semaphore_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_ANDROID_blob_cache EGL_ANDROID_recordable EGL_ANGLE_create_context_backwards_compatible EGL_KHR_no_config_context EGL_IMG_context_priority EGL_KHR_create_context_no_error EGL_KHR_reusable_sync EGL_EXT_buffer_age EGL_ANGLE_create_surface_swap_interval EGL_ANGLE_vulkan_image EGL_KHR_partial_update EGL_ANGLE_global_fence_sync EGL_ANGLE_memory_usage_report ',
glWsVendor: ‘Google Inc. (Google)’,
glWsVersion: ‘1.5 (ANGLE 2.1.1 git hash: 1357cf3a5a90)’,
hardwareSupportsVulkan: false,
inProcessGpu: false,
initializationTime: 0.20077,
isAsan: false,
isClangCoverage: false,
jpegDecodeAcceleratorSupported: false,
maxMsaaSamples: ‘4’,
optimus: false,
passthroughCmdDecoder: true,
pixelShaderVersion: ‘1.00’,
processCrashCount: 0,
sandboxed: false,
skiaBackendType: ‘GaneshGL’,
subpixelFontRendering: true,
targetCpuBits: 64,
vertexShaderVersion: ‘1.00’,
visibilityCallbackCallCount: 0
}
[cdp] ready: ws://127.0.0.1:9221/devtools/browser/9561602c-42b2-4226-ab22-f049ab8070e4
[server] WebSocket listening on :8081
[client_connect] id=esp32-98a316e3f2b4
width=480
height=480
tileSize=32
fullFrameTileCount=1
fullFrameAreaThreshold=0.500
fullFrameEvery=50
everyNthFrame=1
minFrameInterval=80
jpegQuality=70
maxBytesPerMessage=61440
rotation=0
[broadcaster] Client connected to device esp32-98a316e3f2b4, total clients: 1
[client_connect] id=esp32-98a316e3f2b4
width=480
height=480
tileSize=32
fullFrameTileCount=1
fullFrameAreaThreshold=0.500
fullFrameEvery=50
everyNthFrame=1
minFrameInterval=80
jpegQuality=70
maxBytesPerMessage=61440
rotation=0
[broadcaster] Client connected to device esp32-98a316e3f2b4, total clients: 1
[broadcaster] Client disconnected from device esp32-98a316e3f2b4, total clients: 1
[broadcaster] Client disconnected from device esp32-98a316e3f2b4, total clients: 1
[browser] Launching with prefers-reduced-motion
[cdp] GPU vendor/renderer: {
amdSwitchable: false,
canSupportThreadedTextureMailbox: false,
directRenderingVersion: ‘’,
displayType: ‘ANGLE_SWIFTSHADER’,
glExtensions: 'GL_AMD_performance_monitor GL_ANGLE_base_vertex_base_instance_shader_builtin GL_ANGLE_blob_cache GL_ANGLE_client_arrays GL_ANGLE_compressed_texture_etc GL_ANGLE_depth_texture GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_get_image GL_ANGLE_get_serialized_context_string GL_ANGLE_get_tex_level_parameter GL_ANGLE_instanced_arrays GL_ANGLE_memory_object_flags GL_ANGLE_memory_size GL_ANGLE_multi_draw GL_ANGLE_pack_reverse_row_order GL_ANGLE_polygon_mode GL_ANGLE_program_binary_readiness_query GL_ANGLE_program_cache_control GL_ANGLE_read_only_depth_stencil_feedback_loops GL_ANGLE_relaxed_vertex_attribute_type GL_ANGLE_request_extension GL_ANGLE_rgbx_internal_format GL_ANGLE_robust_client_memory GL_ANGLE_robust_fragment_shader_output GL_ANGLE_robust_resource_initialization GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_ANGLE_vulkan_image GL_APPLE_clip_distance GL_ARM_rgba8 GL_ARM_shader_framebuffer_fetch GL_ARM_shader_framebuffer_fetch_depth_stencil GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_lose_context GL_EXT_EGL_image_external_wrap_modes GL_EXT_base_instance GL_EXT_blend_minmax GL_EXT_buffer_storage GL_EXT_clear_texture GL_EXT_clip_control GL_EXT_color_buffer_half_float GL_EXT_compressed_ETC1_RGB8_sub_texture GL_EXT_copy_image GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_depth_clamp GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_draw_elements_base_vertex GL_EXT_float_blend GL_EXT_frag_depth GL_EXT_instanced_arrays GL_EXT_map_buffer_range GL_EXT_memory_object GL_EXT_memory_object_fd GL_EXT_occlusion_query_boolean GL_EXT_polygon_offset_clamp GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_sRGB_write_control GL_EXT_semaphore GL_EXT_semaphore_fd GL_EXT_separate_shader_objects GL_EXT_shader_framebuffer_fetch GL_EXT_shader_framebuffer_fetch_non_coherent GL_EXT_shader_non_constant_global_initializers GL_EXT_shader_texture_lod GL_EXT_shadow_samplers GL_EXT_texture_border_clamp GL_EXT_texture_compression_bptc GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_rgtc GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_mirror_clamp_to_edge GL_EXT_texture_rg GL_EXT_texture_sRGB_decode GL_EXT_texture_storage GL_EXT_texture_type_2_10_10_10_REV GL_EXT_unpack_subimage GL_KHR_blend_equation_advanced GL_KHR_debug GL_KHR_robust_buffer_access_behavior GL_KHR_robustness GL_KHR_texture_compression_astc_ldr GL_NV_depth_buffer_float2 GL_NV_fence GL_NV_framebuffer_blit GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_NV_polygon_mode GL_NV_read_depth GL_NV_read_depth_stencil GL_NV_read_stencil GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_EGL_sync GL_OES_compressed_EAC_R11_signed_texture GL_OES_compressed_EAC_R11_unsigned_texture GL_OES_compressed_EAC_RG11_signed_texture GL_OES_compressed_EAC_RG11_unsigned_texture GL_OES_compressed_ETC1_RGB8_texture GL_OES_compressed_ETC2_RGB8_texture GL_OES_compressed_ETC2_RGBA8_texture GL_OES_compressed_ETC2_punchthroughA_RGBA8_texture GL_OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture GL_OES_compressed_ETC2_sRGB8_alpha8_texture GL_OES_compressed_ETC2_sRGB8_texture GL_OES_copy_image GL_OES_depth24 GL_OES_depth32 GL_OES_depth_texture GL_OES_depth_texture_cube_map GL_OES_draw_elements_base_vertex GL_OES_element_index_uint GL_OES_fbo_render_mipmap GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_required_internalformat GL_OES_rgb8_rgba8 GL_OES_sample_shading GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_3D GL_OES_texture_border_clamp GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object GL_OES_vertex_half_float ',
glImplementationParts: ‘(gl=egl-angle,angle=swiftshader)’,
glRenderer: ‘ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (Subzero) (0x0000C0DE)), SwiftShader driver-5.0.0)’,
glResetNotificationStrategy: 33362,
glVendor: ‘Google Inc. (Google)’,
glVersion: ‘OpenGL ES 2.0.0 (ANGLE 2.1.1 git hash: 1357cf3a5a90)’,
glWsExtensions: 'EGL_EXT_create_context_robustness EGL_ANGLE_surface_orientation EGL_KHR_create_context EGL_KHR_image EGL_KHR_image_base EGL_EXT_image_gl_colorspace EGL_KHR_gl_colorspace EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_fence_sync EGL_KHR_wait_sync EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_KHR_swap_buffers_with_damage EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_display_semaphore_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_ANDROID_blob_cache EGL_ANDROID_recordable EGL_ANGLE_create_context_backwards_compatible EGL_KHR_no_config_context EGL_IMG_context_priority EGL_KHR_create_context_no_error EGL_KHR_reusable_sync EGL_EXT_buffer_age EGL_ANGLE_create_surface_swap_interval EGL_ANGLE_vulkan_image EGL_KHR_partial_update EGL_ANGLE_global_fence_sync EGL_ANGLE_memory_usage_report ',
glWsVendor: ‘Google Inc. (Google)’,
glWsVersion: ‘1.5 (ANGLE 2.1.1 git hash: 1357cf3a5a90)’,
hardwareSupportsVulkan: false,
inProcessGpu: false,
initializationTime: 0.130971,
isAsan: false,
isClangCoverage: false,
jpegDecodeAcceleratorSupported: false,
maxMsaaSamples: ‘4’,
optimus: false,
passthroughCmdDecoder: true,
pixelShaderVersion: ‘1.00’,
processCrashCount: 0,
sandboxed: false,
skiaBackendType: ‘GaneshGL’,
subpixelFontRendering: true,
targetCpuBits: 64,
vertexShaderVersion: ‘1.00’,
visibilityCallbackCallCount: 0
}
[cdp] ready: ws://127.0.0.1:9221/devtools/browser/4850e3ef-cab4-4619-bd88-3147049c8103
[server] WebSocket listening on :8081
[client_connect] id=esp32-98a316e3f2b4
width=480
height=480
tileSize=32
fullFrameTileCount=1
fullFrameAreaThreshold=0.500
fullFrameEvery=50
everyNthFrame=1
minFrameInterval=80
jpegQuality=70
maxBytesPerMessage=61440
rotation=0
[broadcaster] Client connected to device esp32-98a316e3f2b4, total clients: 1
log client
Summary
INFO Starting log output from 192.168.18.71 using esphome API
INFO Successfully resolved esp32-4848s040-t1 @ 192.168.18.71 in 0.000s
INFO Successfully connected to esp32-4848s040-t1 @ 192.168.18.71 in 0.274s
INFO Successful handshake with esp32-4848s040-t1 @ 192.168.18.71 in 2.899s
[21:38:22.450][I][app:190]: ESPHome version 2025.11.3 compiled on Dec 3 2025, 21:25:47
[21:38:23.790][C][logger:261]: Logger:
[21:38:23.790][C][logger:261]: Max Level: DEBUG
[21:38:23.790][C][logger:261]: Initial Level: DEBUG
[21:38:23.794][C][logger:267]: Log Baud Rate: 0
[21:38:23.794][C][logger:267]: Hardware UART: UART0
[21:38:27.140][C][logger:274]: Task Log Buffer Size: 768
[21:38:27.140][C][spi:067]: SPI bus:
[21:38:27.140][C][spi:068]: CLK Pin: GPIO48
[21:38:27.140][C][spi:069]: SDI Pin:
[21:38:27.140][C][spi:070]: SDO Pin: GPIO47
[21:38:27.140][C][spi:075]: Using HW SPI: SPI2_HOST
[21:38:27.140][C][i2c.idf:081]: I2C Bus:
[21:38:27.140][C][i2c.idf:082]: SDA Pin: GPIO19
[21:38:27.140][C][i2c.idf:082]: SCL Pin: GPIO45
[21:38:27.140][C][i2c.idf:082]: Frequency: 50000 Hz
[21:38:27.141][C][i2c.idf:092]: Recovery: bus successfully recovered
[21:38:27.141][C][i2c.idf:102]: Results from bus scan:
[21:38:28.449][C][i2c.idf:108]: Found device at address 0x5D
[21:38:28.449][C][ledc.output:150]: Output:
[21:38:28.450][C][ledc.output:151]: Pin GPIO38
[21:38:28.450][C][ledc.output:152]: Channel: 0
[21:38:28.450][C][ledc.output:152]: PWM Frequency: 1000.0 Hz
[21:38:28.450][C][ledc.output:152]: Phase angle: 0.0°
[21:38:28.450][C][ledc.output:152]: Bit depth: 14
[21:38:28.451][W][component:454]: safe_mode took a long time for an operation (59 ms)
[21:38:28.451][D][Remote_WebView:349][rwv_decode]: frame 17: tiles 8 (5930 bytes) - 12 ms
[21:38:28.451][D][Remote_WebView:349][rwv_decode]: frame 18: tiles 2 (1436 bytes) - 2 ms
[21:38:43.568][D][Remote_WebView:349][rwv_decode]: frame 22: tiles 1 (16610 bytes) - 61 ms
[21:38:43.568][I][safe_mode:042]: Boot seems successful; resetting boot loop counter
[21:38:43.569][D][esp32.preferences:149]: Writing 1 items: 0 cached, 1 written, 0 failed
[21:38:43.569][D][light:091]: ‘Display Backlight’ Setting:
[21:38:43.575][D][light:104]: State: ON
[21:38:43.576][D][light:142]: Transition length: 1.0s
[21:38:43.579][D][Remote_WebView:572]: touch enabled
[21:38:43.580][D][script:090]: Script ‘inactivity_timer’ restarting (mode: restart)
[21:38:43.581][D][Remote_WebView:349][rwv_decode]: frame 23: tiles 1 (800 bytes) - 1 ms
[21:38:43.581][D][Remote_WebView:349][rwv_decode]: frame 24: tiles 1 (964 bytes) - 2 ms
[21:38:43.582][D][Remote_WebView:349][rwv_decode]: frame 25: tiles 1 (955 bytes) - 2 ms
[21:38:43.585][D][Remote_WebView:349][rwv_decode]: frame 26: tiles 1 (958 bytes) - 2 ms
[21:38:43.586][D][Remote_WebView:349][rwv_decode]: frame 27: tiles 1 (962 bytes) - 2 ms
[21:38:43.588][D][Remote_WebView:349][rwv_decode]: frame 28: tiles 1 (3883 bytes) - 11 ms
[21:38:43.591][D][Remote_WebView:349][rwv_decode]: frame 29: tiles 1 (1052 bytes) - 2 ms
[21:38:43.598][D][Remote_WebView:349][rwv_decode]: frame 30: tiles 1 (1036 bytes) - 2 ms
@phono, as it is reported only by you, it must be something environment/configuration/device-related. I do not have many ideas. Here are a few:
EVERY_NTH_FRAMEis not 1, set it to 1 on the client (ESPHome YAML)- Poor network, device disconnects often. It may be due to a bad antenna. I had to replace it in one of my devices.
I’d suggest reproducing it and watching logs at the same time (client and server), maybe you’ll see something interesting (e.g., reconnects).
If I use buttons with links to other dashboards instead of using the links in the top bar, I can’t access the other dashboards.
If you use Chrome DevTools while using the display, the problem persists on the display, but it appears to work fine on your PC. I think it must be a client-side issue.
Treat Chrome DevTools as just another parallel client with its own configuration, the fact that it works says almost nothing about your case. If EVERY_NTH_FRAME is set to 5, the server will skip some frames, and you won’t see the correct picture on the ESP screen. If the ESP reconnects, it’s a similar situation…
I’ve been doing some testing and if I change the type of cards in the dashboard it works fine.
The only thing I need is to be able to change the size of the thermostat pop-up window.
Can I use an external https site or does it have to be an internal ip. When I try it shows connected in the dev tools but inspect brings up a white screen. It also does not show up on the screen.
Craig
Yes, you can (if RWV container has access to internet). As you can see on the photos, it shows this website: https://www.reddit.com/r/Esphome/s/21EYZb0JC0
I installed as an HA add-on don’t know why it would not have access. On the chrome dev page it shows but inspect only forces me a white page. I will try some other web pages.