+ {lyric.text} +
+ ); +}; + +export default LyricLine; \ No newline at end of file diff --git a/src/constants/lyrics.ts b/src/constants/lyrics.ts new file mode 100644 index 0000000..d277e7a --- /dev/null +++ b/src/constants/lyrics.ts @@ -0,0 +1,13 @@ +export const LYRICS = [ + "How do I look? 내가 변했나구?", + "티비를 틀어봐 I'm the woman on the moon", + "네 머리 위로 사뿐사뿐 걸어 feel no gravity", + "우린 어떤 때보다도 ain't no diggity", + "What goes around, some comes around", + "안 들려, 몰라", + "Look at me now 느낌이 와, 다르지 너와", + "I'm your wannabe 입 밖으론 못 뱉지", + "Uh-oh, can't you see? Can't you see?", + "Runnin', runnin', runnin', runnin'", + "Something's comin', comin', comin' (ah)" +]; \ No newline at end of file diff --git a/src/entities/song/model/types.ts b/src/entities/song/model/types.ts new file mode 100644 index 0000000..94bd281 --- /dev/null +++ b/src/entities/song/model/types.ts @@ -0,0 +1,14 @@ +export interface Song { + id: string; + title: string; + artist: string; + albumArt: string; + duration: number; + audioUrl: string; +} + +export interface PlayerState { + currentTime: number; + isPlaying: boolean; + volume: number; +} \ No newline at end of file diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..67a6ff1 --- /dev/null +++ b/src/index.css @@ -0,0 +1,18 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background: #000; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +#root { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + width: 100%; +} \ No newline at end of file diff --git a/src/main.tsx b/src/main.tsx index aabb5e2..244f3d6 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,16 +1,16 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import { BrowserRouter, Routes, Route } from 'react-router-dom'; -import App from './App/App'; +import PlayMusic from './Pages/PlayMusic'; import MusicDetail from './Pages/MusicDetail'; +import './index.css'; ReactDOM.createRoot(document.getElementById('root')!).render(