https://github.com/3tpawbf/music

A GUI FOR MP3 AND M4A FILES HOSTED ON A LOCAL MACHINE
https://github.com/3tpawbf/music

html-css-javascript independent-music linux-desktop macos music-player python3httpsauthserver

Last synced: 1 day ago
JSON representation

A GUI FOR MP3 AND M4A FILES HOSTED ON A LOCAL MACHINE

• Host: GitHub
• URL: https://github.com/3tpawbf/music
• Owner: 3tpawbf
• License: mit
• Created: 2023-12-29T14:55:29.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2023-12-29T18:41:27.000Z (9 months ago)
• Last Synced: 2024-09-24T19:09:07.263Z (1 day ago)
• Topics: html-css-javascript, independent-music, linux-desktop, macos, music-player, python3httpsauthserver
• Language: JavaScript
• Homepage: https://www.codehim.com/vanilla-javascript/javascript-audio-player-with-playlist/
• Size: 746 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MUSIC

# A GUI FOR MP3 AND M4A FILES HOSTED ON A LOCAL MACHINE

This deployment utilizes HTML, CSS, and Javascript to create a graphical user interface that can manage .mp3 and .m4a

files (possibly others) on the user's local machine (Linux and MacOS tested and operational).







Step 1:







If the user wants to host the music files on the local network they can familiarize themselves with the 

python3HTTPSAuthServer deployment I have forked on 

my other public repository. 







Using python3HTTPSAuthServer and this deployment it is possible to have one machine act as the host of all the music

files of one's library and access them from another machine on your local network via an SSL encrypted connection. 

This can save hard drive space and centralize the user's file storage to enable multi-tasking of media during work and 

leisure. 




Using python3HTTPAuthServer, navigate to the directory where all the music files are stored in the host terminal and add an 

index.html file that has the attached code in it (along with any other HTML, CSS, and Javascript code you want for the

website) and it will create a GUI with the playlist of music files you add to index.html. Then, when you access the host

machine's IP address via the client machine.







[terminal input example](https://github.com/3tpawbf/MUSIC/blob/main/example%203.png)







This requires that you make a cert and a key (explained in the 

python3HTTPSAuthServer deployment page.







Once you have initiated the python3HTTPSAuthServer on the host machine and it is running, use the client machine to access

the instance via the address bar with the following:







`https://107.207.147.117:22`







This will ask the client user for the username and password and then it will run whatever is in the host directory's space.

For example:







[GUI example](https://github.com/3tpawbf/MUSIC/blob/main/example%202.png)







Then you can add whatever music files you want to the index.html file to make whatever size playlist your host machine's 

storage will allow.







Credit to Asif Mughal for providing the template for me to 

create my own music player on CodeHim.com. Also thanks to yoorubytv 

and yuka_with_data for providing co-work support while I wrote my own code. 

With their help I was able to create my own media player with about 10,000 songs from my mp3 and m4a collection. It runs

on a host Linux machine and allows me to access it via my Macbook Air on the local network. This took me about 120 hours to 

complete.