61:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 62:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 63:T158d,"use client"; import React, { useRef, useState, useEffect } from "react"; import { cn } from "@/lib/utils"; import { motion } from "framer-motion"; export interface MusicPlayerProps extends React.HTMLAttributes { /** The source URL of the audio file or YouTube video */ src: string; /** The URL of the album cover image */ coverArt: string; /** Whether to auto-play the audio when loaded */ autoPlay?: boolean; } export function MusicPlayer({ className, src, coverArt, autoPlay = false, ...props }: MusicPlayerProps) { const [isPlaying, setIsPlaying] = useState(autoPlay); const audioRef = useRef(null); const iframeRef = useRef(null); // Extract YouTube ID if it's a YouTube URL const getYoutubeId = (url: string) => { const match = url.match( /(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))([^&?]+)/ ); return match ? match[1] : null; }; const youtubeId = src ? getYoutubeId(src) : null; useEffect(() => { if (isPlaying) { if (youtubeId && iframeRef.current?.contentWindow) { iframeRef.current.contentWindow.postMessage( JSON.stringify({ event: "command", func: "playVideo", args: [] }), "*" ); } else { audioRef.current?.play().catch(() => setIsPlaying(false)); } } else { if (youtubeId && iframeRef.current?.contentWindow) { iframeRef.current.contentWindow.postMessage( JSON.stringify({ event: "command", func: "pauseVideo", args: [] }), "*" ); } else { audioRef.current?.pause(); } } }, [isPlaying, youtubeId]); const togglePlay = () => { setIsPlaying(!isPlaying); }; return (

{youtubeId ? (