Editing Images, Video, and Music

To replace the default background video, logo, images or music:

1. Navigate to the ui folder.

2. Replace the existing files in their respective folders with your own, using the same file names.

   • Images: Use the .png format.

   • Video: Use the .webm format.

   • Music: Use the .mp3 format.

If you'd like to use a YouTube video as the background, follow these steps:

1. Open the ui/loading.html file in your code editor.

2. Replace the video element (lines 12 to 14) with the following code snippet:

   <iframe id="video"
     src="https://www.youtube.com/embed/[VIDEO_ID]?controls=0&modestbranding=1&rel=0&showinfo=0&autoplay=1"
     frameborder="0"
     allow="autoplay;"
     allowfullscreen>
   </iframe>

3. Replace [VIDEO_ID] with the desired video's ID.

   • You can find the video ID in the YouTube video URL. For example, for the link:

     https://www.youtube.com/watch?v=dQw4w9WgXcQ

     The video ID is dQw4w9WgXcQ.