Merge pull request #179 from OpenIPC/docs/phone-screenshots

docs: grid-menu screenshot and phone screenshots

Author: compot-dev

LABORATORY.md

@@ -132,6 +132,19 @@ Only for filling grid cells (Quad 2×2, 3×3) and screenshots; not used in strea
 - MJPEG (Majestic): RTSP `rtsp://<user>:<password>@<ip>/stream=2` (RTP/JPEG, `.133`: 1280×720, 5 fps), HTTP `http://<user>:<password>@<ip>/mjpeg` (`multipart/x-mixed-replace`, chunked, Basic auth).
 - XM: `rtsp://<ip>:554/user=<user>_password=<password>_channel=1_stream=0.sdp?real_stream`. The password is in the path, so it also appears in the `Content-Base` header; the app redacts it in logs (#55).
 
+### README screenshots
+
+Retake them with every version that changes what the app looks like, on **both** devices (from 2026-10-14):
+
+| File | Device | What |
+|---|---|---|
+| `quad_menu.jpg` | Aceline-1 (`.144`), `screencap` | 3×3 layout below with the menu open (open it with `DPAD_CENTER` and capture within a second: it closes by itself) |
+| `single_status.jpg` | Aceline-1 | single view right after connecting, with the status line (`screenrecord`, then a frame; the line shows ~3 s) |
+| `debug_page.jpg`, `debug_json.png`, `debug_log.png` | Aceline-1's debug page | headless Chromium, 1440×900 |
+| `phone_menu.jpg`, `phone_single.jpg`, `phone_reset.jpg`, `phone_webui.jpg` | TECNO KM4 (`.170`) | the menu, single view with the status line (`screenrecord --size 1600x720`), the Reset confirmation, WebUI with the keyboard on the camera's login page |
+
+A night picture is fine. Never a password in a shot.
+
 ### 3×3 layout (README screenshots, 8-slot tests)
 
 | Slot | Camera |

README.md

@@ -67,6 +67,11 @@ The menu is a grid: the eight slots on top, two rows of four below.
 [ Exit     | Reset  | Debug  | UDP    ]
 ```
 
+<p align="center">
+  <img src="screenshots/phone_menu.jpg" alt="The menu on a phone" width="400">
+  <img src="screenshots/phone_webui.jpg" alt="WebUI on a phone: the page scrolls the field above the keyboard" width="400">
+</p>
+
 | Item         | Action                                                                                                                                                                             |
 |--------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
 | **1**–**8**  | Switch to a camera slot. The active slot's number shows the connection quality: green under 100 ms of jitter, yellow 100–300 ms, red above 300 ms. A grey number is an empty slot. |

README.ru.md

@@ -67,6 +67,11 @@
 [ Exit     | Reset  | Debug  | UDP    ]
 ```
 
+<p align="center">
+  <img src="screenshots/phone_menu.jpg" alt="Меню на телефоне" width="400">
+  <img src="screenshots/phone_webui.jpg" alt="WebUI на телефоне: страница прокручивает поле над клавиатурой" width="400">
+</p>
+
 | Пункт        | Действие                                                                                                                                                                                       |
 |--------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
 | **1**–**8**  | Переключиться на слот камеры. Цвет номера активного слота показывает качество связи: зелёный — джиттер меньше 100 мс, жёлтый — 100–300 мс, красный — больше 300 мс. Серый номер — пустой слот. |

README.zh-CN.md

@@ -67,6 +67,11 @@
 [ Exit     | Reset  | Debug  | UDP    ]
 ```
 
+<p align="center">
+  <img src="screenshots/phone_menu.jpg" alt="手机上的菜单" width="400">
+  <img src="screenshots/phone_webui.jpg" alt="手机上的 WebUI：页面会把输入框滚动到键盘上方" width="400">
+</p>
+
 | 菜单项       | 功能                                                                                                                                          |
 |--------------|-----------------------------------------------------------------------------------------------------------------------------------------------|
 | **1**–**8**  | 切换摄像机槽位。当前槽位编号的颜色表示连接质量：绿色为抖动低于 100 毫秒，黄色为 100–300 毫秒，红色为高于 300 毫秒。灰色编号表示该槽位未配置。 |