Skip to content

Legendary-Person/Music-Player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

79 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation



ʙʟᴀᴄᴋ ʙᴀʟʟᴏᴏɴ ᴍᴜꜱɪᴄ ᴘʟᴀʏᴇʀ


🔰 Overview

Hello! 👋

My name is Itish Srivastava and this is my first small project, a rather simple music player made using
Frontend-Development-Technologies.

My project exclusively plays songs by my favourite artist, NFRealMusic.

I have provided the code for my project, and have also listed the Tech Stack involved in my project.

As I have used CSS for the first time, while only having some very basic knowledge of the language, I had to utilize some very non-conventional means to make my player look the way it does.

I learned the language while simutaniously working on this small project of mine.

I wouldn't recommend you to do the same if you find it difficult to pick up a new language, rather get to know a decent bit of CSS before starting with this project.

Keep in mind that you can use Wamp to host your project without much of an issue.

Make sure to read 📣 Note, later in the README.md, as I have mentioned a handful of points regarding this project.

Checkout 📸 Gallery, later in the README.md, to see the project structure within your IDE.


⏯️ Preview

Click on the {⏯️} in order to try out the music player.


🏹 Tech Stack (Frontend+Backend)

  • JavaScript (For Logic & interactivity and some jQuery too)
  • HTML (For Structure)
  • CSS (For Design and animation)
  • Wamp (For initial LocalHost run)
  • Canva (Embed Live Option)

Click on the {🏹} in order to get redirected towards the main repository directory which contains the coding portion for the music player.


📣 Note

  • The Music Player isn't API based, therefore you will need to either manually add the songs (a folder) in your project directory or use .mp3 links.
  • You will need to host your project on a server (when locally stored), like Wamp Server because, for security reasons, your browser wouldn't access your local files.
  • The webpage isn't responsive, meaning that it will not automatically resize itself according to the device you are using, in conclusion, looking at the final product on laptop/desktop will be different from looking at in on mobile phone.

©️ Copyright Disclaimer

  • Under section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, teaching, education, scholarship and research. Fair use is a use permitted by the copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use.

📸 Gallery

Click on the {📸} to check out the gallery folder containing the above pictures.




About

Music Player made using JavaScript, CSS and HTML.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •