Function useBackgroundMusic

배경 음악을 재생하고 제어하는 커스텀 훅입니다. 자동 재생 정책에 따라 초기 재생이 차단될 수 있으며, 이 경우 콘솔에 경고가 표시됩니다.

Remarks

  • 배경 음악을 자동으로 재생
  • 음악의 재생 및 일시 정지 토글 가능
  • 기본 볼륨은 0.5, 0.0에서 1.0 사이의 값으로 볼륨을 조절 가능

Example

import { useBackgroundMusic } from './hooks/useBackgroundMusic';

const MyComponent = () => {
  const { togglePlay, volume, adjustVolume } = useBackgroundMusic();

  return (
    <div>
      <button onClick={togglePlay}>Toggle Background Music</button>
      <input
        type="range"
        min="0"
        max="1"
        step="0.1"
        value={volume}
        onChange={(e) => adjustVolume(Number(e.target.value))}
   />
    </div>
  );
};
  • useBackgroundMusic(): {
        adjustVolume: ((newVolume: number) => void);
        togglePlay: (() => void);
        volume: number;
    }

  • Returns {
        adjustVolume: ((newVolume: number) => void);
        togglePlay: (() => void);
        volume: number;
    }

    • 음악 제어를 위한 메서드를 포함하는 객체
    • adjustVolume: ((newVolume: number) => void)
        • (newVolume): void

        • Parameters

          • newVolume: number

          Returns void

    • togglePlay: (() => void)
        • (): void

        • Returns void

    • volume: number

Settings

Member Visibility