This is a project where you can play all the songs by a click of a button which you can already do from the timestamps but what makes it unique is that it has lyrics of the songs and a bunch of other features like a photo gallery.
On the 18th of December 2021, I was bored, so I created this basic HTML Project. I felt like continuing with this fun project, so I enlisted the help of a few contributors.
The project website is hosted here!
Backup URL: Backup Domain
Make sure you check it out.
You can view the versions & previews here
Please Note: This only has 25 releases, at the time of writing this (21st September 2022, 6:29pm IST) there are 87 more releases not added to this list.
-
For updates on the website, I've written it as a Version, and for updates on Github we've written it as a Release, for Releases, we've provided a complete changelog.
-
If you would prefer dark mode on this site, you can toggle dark mode on or off by using the button in the top right corner of the site.
Please note that since version 8.0, we have updated how the website looks so that there is no embed/iframe. While that does slow down the performance(how fast the song plays and the user does not know if the song is loading or not), the song should play in 1-5 seconds. In case of any issue, please create a bug report issue using the template in the issue panel in this repo. However, since the release of 10.5.0, the songs have started playing a little faster than they used to, only taking only 1-4 seconds.
Below, you can see the progress of the GitHub deployment to the site. In case a change is made to this repo, it takes around 2-5 minutes to display on the site, depending on if there are other deploy's going on within Pull Requests or within repos that have sites, because using Netlify, I can only deploy one thing at a time.
Please ensure that the last YouTube video you watched wasn't on mute, otherwise the songs will not play, and the autoplay for the lyric's directory will automatically be set on mute too.
There is currently no way to control the volume of the songs. Although it should be added soon, you can lower the volume on your device. If that is still too loud, please download the Volume Booster extension (even though it is meant to boost volume, it can also be used as a reducer; available on Brave, Edge, Chrome, I am not sure about Firefox, etc) and lower the volume there. On the project site, we are developing an in-built volume slider. Please leave a message if you are willing to assist. Thanks.
Also, I recommend that you use Adblocker Plus or another adblocker to block ads on YouTube and the project website if the sites are not whitelisted in the adblocker because there is a chance that an ad will play before you click a song. After all, this project is powered by a YouTube embed. However, I may soon change it to run through Youtube Music or another music software where the ads are fewer or none at all. There is one adblocker that allows you to whitelist ads on a specific YouTuber; if you use that adblocker and whitelist, say, "Ludwig," you may get ads, so please un-whitelist him while running the songs on the project website. But, because there are not many ads, you should be fine most of the time. My adblocker tells me that for every song I tap on the website, including "All Of The Above," it is blocking two ads; however, when I tried another login without the adblocker, I did not get any ads, so the ads will only appear occasionally; I am just providing fair warning.
Your contributions are always welcome!
Please go through the active issues, before you plan to contribute.
There are different ways to use git and GitHub.
In this tutorial we will try to keep stuff simple and therefore use the command line.
While viewing the repository you can use the tap "Issues" to view and filter open issues.
There are some tags like "good first issue" or "beginner" that might be of special interest to you.
A fork of a repository is a copy that still remembers where it came from. Advantages of this are:
- You can open your own branches separate from the forked (upstream) repository.
- You can easily keep your repository up to date by simply pulling changes from upstream.
- Once you have finished making the changes you want to make, suggesting this changes for the original is very easy.
Using forks and pull request makes developing with many contributors less complicated for everybody involved!
As long as you are visiting the repository there is a button called "fork" on the top right of the page.
By clicking it and confirming you can fork the repository.
For the next steps you need to have git installed on your device. If you haven't already done that, this page might help.
After forking a repository it still is not local on your device.
For bringing the repository on your device you need to clone it.
Go to your version of the repository, click on the "Code" button and choose one of three ways: HTTPS, ssh or GitHub Cli. Copy the line beneath the method.
Open a terminal and navigate to where you want to place the repository.
Enter
git clone <copied url>
Working on branches helps keeping different versions of your code and different uncompleted features from becoming a big mess. You never work directly on the main branch (sometimes also called master).
Change to the repository directory on your computer (if you are not already there):
cd food-up
Now create a branch using the git checkout command:
git checkout -b your-new-branch-name
For example:
git checkout -b do-something
Do whatever you planned to do.
For adding specific files:
git add <filename>
Be sure only files you wish to add have been changed. Use git status to check.
Use
git commit -m "<commit message>"
Your commit message should describe the changes you have made.
To make your local changes visible for remote (so you can see and interact with them on GitHub) you need to push them.
Push your changes using the command git push:
git push origin <add-your-branch-name>
In your repository on GitHub, you'll see a "Compare & pull request" button. Click on that button.
You will have the option to give some additional information to the changes your pull request is going to cause by entering text. After you have done that, create the pull request by clicking on "Create pull request".
Your reviewer might merge the request or ask for you to make some changes.
If there are some improvements you need to do, don't worry:
Everything you push on your branch will now be added to the pull request. (That is one of the reasons we need different branches for different issues!).
You can use the comments to ask for clarification if needed. As soon as the reviewer is happy, your changes will be merged.
(Remember: your reviewer is a person who tries to work for the good of all. Don't ever be harsh with them, especially if they wish for multiple changes.)
Issues which new contributors can take up.
Project credits are located here.
Credits include the following:
- Mogul Christmas Team
- Project Contributors
- Singers whose songs are in the You May Like directory.