mirror of
https://github.com/raphaelsalaja/userinterface-wiki.git
synced 2026-09-14 20:06:29 +08:00
Raphael S.
0181755d12
- Added a new audio player component that supports playback controls, volume adjustment, and playback rate settings. - Integrated scroll direction detection to show/hide the player based on user scroll behavior. - Implemented word highlighting functionality that synchronizes with audio playback. - Created a reading progress component to visually indicate the user's scroll progress on the page. - Established a global state management system using Zustand for managing audio state and player visibility. This feature enhances the user experience by providing interactive audio playback and visual feedback during narration.
12 lines
201 B
CSS
12 lines
201 B
CSS
.bar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 9999;
|
|
width: var(--progress, 0%);
|
|
height: 2px;
|
|
pointer-events: none;
|
|
background: var(--gray-a8);
|
|
transition: width 100ms ease-out;
|
|
}
|