refactor(musik): integrate music player library functions and fix build errors
- Integrate togglePlayPause, getNextIndex, getPrevIndex, handleRepeatOrNext, seekTo, toggleShuffle, setAudioVolume, toggleMute library functions - Fix ESLint warnings: remove unused eslint-disable, add missing useEffect dependencies - Fix ESLint error in useMusicPlayer.ts togglePlayPause function - Add force-dynamic export to root layout to prevent prerendering errors - Improve seek slider with preview/commit functionality - Add isSeeking state to prevent UI flickering during seek Fixes: Build PageNotFoundError for admin/darmasaba pages Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
29
src/app/darmasaba/(pages)/musik/lib/volume.ts
Normal file
29
src/app/darmasaba/(pages)/musik/lib/volume.ts
Normal file
@@ -0,0 +1,29 @@
|
||||
import { RefObject } from "react";
|
||||
|
||||
export function setAudioVolume(
|
||||
audioRef: RefObject<HTMLAudioElement | null>,
|
||||
volume: number,
|
||||
setVolume: (v: number) => void,
|
||||
setIsMuted: (v: boolean) => void
|
||||
) {
|
||||
if (!audioRef.current) return;
|
||||
|
||||
audioRef.current.volume = volume / 100;
|
||||
setVolume(volume);
|
||||
|
||||
if (volume > 0) {
|
||||
setIsMuted(false);
|
||||
}
|
||||
}
|
||||
|
||||
export function toggleMute(
|
||||
audioRef: RefObject<HTMLAudioElement | null>,
|
||||
isMuted: boolean,
|
||||
setIsMuted: (v: boolean) => void
|
||||
) {
|
||||
if (!audioRef.current) return;
|
||||
|
||||
const muted = !isMuted;
|
||||
audioRef.current.muted = muted;
|
||||
setIsMuted(muted);
|
||||
}
|
||||
Reference in New Issue
Block a user