import {
    NostalgicDiva,
    NostalgicDivaProvider,
    PlayerOptions,
} from '@vocadb/nostalgic-diva';

// Callbacks
const handleError = React.useCallback(() => {}, []);
const handlePlay = React.useCallback(() => {}, []);
const handlePause = React.useCallback(() => {}, []);
const handleEnded = React.useCallback(() => {}, []);
const handleTimeUpdate = React.useCallback(() => {}, []);

// Options
const options = React.useMemo(
    (): PlayerOptions => ({
        onError: handleError,
        onPlay: handlePlay,
        onPause: handlePause,
        onEnded: handleEnded,
        onTimeUpdate: handleTimeUpdate,
    }),
    [
        handleError,
        handlePlay,
        handlePause,
        handleEnded,
        handleTimeUpdate,
    ],
);

<NostalgicDivaProvider>
    <NostalgicDiva
        // Supported media types:
        // - "Audio"
        // - "Niconico"
        // - "SoundCloud"
        // - "Vimeo"
        // - "YouTube"
        type="Audio"
        options={options}
    />;
</NostalgicDivaProvider>

import {
    useNostalgicDiva,
} from '@vocadb/nostalgic-diva';

const diva = useNostalgicDiva();

// Load
await diva.loadVideo(id);

// Play
await diva.play();

// Pause
await diva.pause();

// Mute
await diva.setMuted(true);

// Unmute
await diva.setMuted(false);

// Seek
await diva.setCurrentTime(seconds);