This project aims to create a website that allows users to generate their own video playlists. Users can select a thumbnail, add music tracks, and arrange them in a desired order. The final output will be a single video file that combines the thumbnail and the music, similar to a YouTube playlist video.
- Thumbnail Selection: Users can provide a URL for the video thumbnail and see a preview.
- Music Selection (Simulated): Users can add songs from a dummy search result list.
- Playlist Management: Users can add and remove songs from the playlist.
- Playlist Ordering: Users can drag and drop to reorder the music tracks in their playlist.
- Playlist Data Generation: The application generates a structured data object of the playlist for backend processing.
- Music Selection (Live): Users can search for and add music tracks from YouTube via the YouTube API.
- Video Generation: A backend service will take the playlist information and generate a video file.
- Video Hosting & Sharing: The generated video will be hosted and accessible via a shareable link.
- Create the basic HTML structure for the playlist creator interface.
- Implement JavaScript logic for adding and reordering songs.
- Style the user interface.
- Simulate the playlist creation process on the frontend.
- Implemented drag-and-drop reordering.
- Implement live YouTube search functionality.