Company logo
  • Music List
  • Add Music
  • How to navigate?
  • Extras

How to navigate this website?

Step One

Click the 'Add Music' button in the navigation bar.

Step Two

Next, click the 'Add new music' button. A modal containing a form will appear.

Step Three

Key in the details of the music you wish to add to the website. For music URLs, please refer to the section below on 'Sample Music URLs' or the audioLinks.txt file. Once done, press 'Submit'.

Step Four

If the submitted music details passes all validation checks ✔️, the music will be added to the website. You will then be redirected to the 'process.html' page.

Step Five

If the submitted music details fails one or more validation checks ❌, error message(s) will be displayed at the bottom of the 'Add Music' form. Please amend your music details in order to proceed.

Step Six

Next, please click the 'Music List' button in the navigation bar. You will be redirected to the 'index.html' homepage where you can see a list of music which you have added!

Step Seven

Press the 'Play' button to listen to your favourite music 🎧.

Step Eight

Click the 'Extras' button to check out additional features of the web app!

Sample Music URLs

Use any of these sample music URLs when adding a song using the 'Add Music Form':
1) https://cdn.pixabay.com/audio/2022/05/27/audio_1808fbf07a.mp3
2) https://cdn.pixabay.com/audio/2022/05/28/audio_b79a40aa49.mp3
3) https://cdn.pixabay.com/audio/2022/05/16/audio_333c151dc6.mp3
4) https://cdn.pixabay.com/download/audio/2022/05/27/audio_ed655fa73a.mp3?filename=fun-life-112188.mp3
5) https://cdn.pixabay.com/audio/2022/05/05/audio_1395e7800f.mp3?filename=forest-lullaby-110624.mp3

© 2022  Melvin Ng