{"id":15007382,"url":"https://github.com/3tpawbf/music","last_synced_at":"2026-02-13T02:01:47.528Z","repository":{"id":214646262,"uuid":"737017393","full_name":"3tpawbf/MUSIC","owner":"3tpawbf","description":"A GUI FOR MP3 AND M4A FILES HOSTED ON A LOCAL MACHINE","archived":false,"fork":false,"pushed_at":"2023-12-29T18:41:27.000Z","size":764,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-09-07T18:48:56.022Z","etag":null,"topics":["html-css-javascript","independent-music","linux-desktop","macos","music-player","python3httpsauthserver"],"latest_commit_sha":null,"homepage":"https://www.codehim.com/vanilla-javascript/javascript-audio-player-with-playlist/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/3tpawbf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-12-29T14:55:29.000Z","updated_at":"2023-12-29T19:59:08.000Z","dependencies_parsed_at":"2023-12-29T16:31:35.306Z","dependency_job_id":"7a5f953a-c6e1-4748-b6c8-9f39a275abda","html_url":"https://github.com/3tpawbf/MUSIC","commit_stats":{"total_commits":23,"total_committers":1,"mean_commits":23.0,"dds":0.0,"last_synced_commit":"3a93cdc040be3964a7dcc54eb938bfe14c3a4e25"},"previous_names":["3tpawbf/music"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/3tpawbf/MUSIC","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3tpawbf%2FMUSIC","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3tpawbf%2FMUSIC/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3tpawbf%2FMUSIC/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3tpawbf%2FMUSIC/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/3tpawbf","download_url":"https://codeload.github.com/3tpawbf/MUSIC/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3tpawbf%2FMUSIC/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29392772,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-13T00:53:09.511Z","status":"online","status_checked_at":"2026-02-13T02:00:10.076Z","response_time":78,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-css-javascript","independent-music","linux-desktop","macos","music-player","python3httpsauthserver"],"created_at":"2024-09-24T19:09:19.388Z","updated_at":"2026-02-13T02:01:47.403Z","avatar_url":"https://github.com/3tpawbf.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MUSIC\n# A GUI FOR MP3 AND M4A FILES HOSTED ON A LOCAL MACHINE\n\nThis deployment utilizes HTML, CSS, and Javascript to create a graphical user interface that can manage .mp3 and .m4a\nfiles (possibly others) on the user's local machine (Linux and MacOS tested and operational).\n\u003cbr\u003e\n\u003cbr\u003e\nStep 1:\n\u003cbr\u003e\n\u003cbr\u003e\nIf the user wants to host the music files on the local network they can familiarize themselves with the \n\u003ca href=\"https://github.com/3tpawbf/python3HTTPSAuthServer\"\u003epython3HTTPSAuthServer\u003c/a\u003e deployment I have forked on \nmy other public repository. \n\u003cbr\u003e\n\u003cbr\u003e\nUsing python3HTTPSAuthServer and this deployment it is possible to have one machine act as the host of all the music\nfiles of one's library and access them from another machine on your local network via an SSL encrypted connection. \nThis can save hard drive space and centralize the user's file storage to enable multi-tasking of media during work and \nleisure. \n\u003cbr\u003e\nUsing python3HTTPAuthServer, navigate to the directory where all the music files are stored in the host terminal and add an \nindex.html file that has the attached code in it (along with any other HTML, CSS, and Javascript code you want for the\nwebsite) and it will create a GUI with the playlist of music files you add to index.html. Then, when you access the host\nmachine's IP address via the client machine.\n\u003cbr\u003e\n\u003cbr\u003e\n[terminal input example](https://github.com/3tpawbf/MUSIC/blob/main/example%203.png)\n\u003cbr\u003e\n\u003cbr\u003e\nThis requires that you make a cert and a key (explained in the \u003ca href=\"https://github.com/3tpawbf/python3HTTPSAuthServer\"\u003e\npython3HTTPSAuthServer\u003c/a\u003e deployment page.\n\u003cbr\u003e\n\u003cbr\u003e\nOnce you have initiated the python3HTTPSAuthServer on the host machine and it is running, use the client machine to access\nthe instance via the address bar with the following:\n\u003cbr\u003e\n\u003cbr\u003e\n`https://107.207.147.117:22`\n\u003cbr\u003e\n\u003cbr\u003e\nThis will ask the client user for the username and password and then it will run whatever is in the host directory's space.\nFor example:\n\u003cbr\u003e\n\u003cbr\u003e\n[GUI example](https://github.com/3tpawbf/MUSIC/blob/main/example%202.png)\n\u003cbr\u003e\n\u003cbr\u003e\nThen you can add whatever music files you want to the index.html file to make whatever size playlist your host machine's \nstorage will allow.\n\u003cbr\u003e\n\u003cbr\u003e\nCredit to \u003ca href=\"https://www.codehim.com/author/asif-mughal/\"\u003eAsif Mughal\u003c/a\u003e for providing the template for me to \ncreate my own music player on \u003ca href=\"https://www.codehim.com/\"\u003eCodeHim.com\u003c/a\u003e. Also thanks to \u003ca href=\"https://www.twitch.tv/yoorubytv\"\u003eyoorubytv\u003c/a\u003e \nand \u003ca href=\"https://www.twitch.tv/yuka_with_data\"\u003eyuka_with_data\u003c/a\u003e for providing co-work support while I wrote my own code. \nWith their help I was able to create my own media player with about 10,000 songs from my mp3 and m4a collection. It runs\non 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 \ncomplete.\n\u003cbr\u003e\n\u003cbr\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3tpawbf%2Fmusic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F3tpawbf%2Fmusic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3tpawbf%2Fmusic/lists"}