feat: add background audio player with subtle styling

- Added ReactAudioPlayer component with autoplay functionality and reduced volume (0.1)
- Applied opacity and blur effects to make player visually less intrusive
- Fixed player position to bottom of screen with full width and z-index priority
- Integrated default audio track 'illbe.mp3' from public directory
This commit is contained in:
2025-10-24 03:27:01 +02:00
parent d9688d4f30
commit ad82ee8f42
2 changed files with 32 additions and 1 deletions

View File

@@ -4,11 +4,12 @@ import ReactAudioPlayer from 'react-audio-player';
const AudioPlayer = () => {
return (
<div className="fixed bottom-0 left-0 w-full z-50">
<div className="fixed bottom-0 left-0 w-full z-50 opacity-40 blur-xs">
<ReactAudioPlayer
src="/audios/illbe.mp3"
autoPlay
controls
volume={0.1}
className="w-full"
/>
</div>