Skip to content

Commit 393aa83

Browse files
committed
update readme
1 parent 9af26ab commit 393aa83

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

README.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,15 @@ Each step features:
1818
- Video player controls (play/pause, seek, speed, captions)
1919
- Visual highlighting of key concepts
2020

21+
## Mobile Support
22+
23+
The visualization is fully responsive with a mobile-optimized experience:
24+
25+
- **Auto-scrolling**: On mobile viewports (≤1000px), the page automatically scrolls to follow the animation. Scroll targets are driven by Whisper timestamp data, keeping the focal point (browser → network → server → explanation) in view as the narration progresses.
26+
- **Sticky video controls**: Play/pause and timeline controls stay fixed at the bottom for easy access while scrolling.
27+
- **Mobile captions**: Word-by-word captions appear in the video controls area on mobile.
28+
- **Responsive layouts**: Grids stack vertically, font sizes scale appropriately, and touch-friendly controls.
29+
2130
## Multi-Audience Support
2231

2332
The visualization supports three audience levels, each with tailored narration:

0 commit comments

Comments
 (0)