{"id":27441843,"url":"https://github.com/3kh0/simple-music-player","last_synced_at":"2025-04-15T00:14:17.489Z","repository":{"id":265010358,"uuid":"884544255","full_name":"3kh0/simple-music-player","owner":"3kh0","description":"Dead-simple JavaScript music player widget","archived":false,"fork":false,"pushed_at":"2024-11-07T00:24:04.000Z","size":11835,"stargazers_count":3,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-15T00:14:01.220Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://3kh0.github.io/simple-music-player/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/3kh0.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-07T00:13:04.000Z","updated_at":"2025-01-20T15:07:47.000Z","dependencies_parsed_at":"2024-11-27T08:18:01.260Z","dependency_job_id":null,"html_url":"https://github.com/3kh0/simple-music-player","commit_stats":null,"previous_names":["3kh0/simple-music-player"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3kh0%2Fsimple-music-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3kh0%2Fsimple-music-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3kh0%2Fsimple-music-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3kh0%2Fsimple-music-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/3kh0","download_url":"https://codeload.github.com/3kh0/simple-music-player/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248981271,"owners_count":21193147,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2025-04-15T00:14:16.904Z","updated_at":"2025-04-15T00:14:17.482Z","avatar_url":"https://github.com/3kh0.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Simple Website Music Player\n\n~~Trust me I am good at making titles.~~\n\nThis is a simple javascript music player that plays music on your website.\n\n## Features\n\n- Play/Pause\n- Skip to next song\n- See song title and artist\n- See album art\n- Add your own music and whatever\n- It plays music btw\n\n## How to use\n\nSo you need three things to make this work, the HTML snippet, the CSS, JavaScript, and a few SVG files.\n\n1. Copy the HTML snippet into your HTML file.\n```html\n\u003c!-- Music box start --\u003e\n\u003cdiv id=\"music-box\"\u003e\n  \u003cimg id=\"music-cover\" src=\"./img/music.png\" alt=\"Cover Art\" /\u003e\n  \u003cp id=\"music-info\"\u003e\u003c/p\u003e\n  \u003cbutton id=\"music\" class=\"music\" type=\"audio/mpeg\" aria-label=\"Play/Pause Music\"\u003e\u003c/button\u003e\n  \u003cbutton id=\"music-skip\" class=\"music\" aria-label=\"Skip current song\"\u003e\u003c/button\u003e\n  \u003caudio id=\"music-src\" src=\"./music/music1.mp3\" hidden=\"\"\u003e\u003c/audio\u003e\n\u003c/div\u003e\n\u003c!-- Music box end --\u003e\n```\n2. Create a new CSS file and copy the CSS from [music.css](./music.css) into it.\n3. Create a new JavaScript file and copy the JavaScript from [music.js](./music.js) into it.\n4. Creat a new folder called `svg` and copy the SVG files from [here](./svg) into it.\n5. Create a new folder called `music` and copy your music files into it. Name them `music1.mp3`, `music2.mp3`, etc.\n6. Create a new folder called `img` and copy your album art into it. Name them `cover1.png`, `cover2.png` etc in the same order as your music files.\n7. Update the array in the `music.js` file with the names of your songs.\n8. Profit????\n\n## License\n\nDo whatever, I don't care. Just don't claim it as your own and give credit if possible","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3kh0%2Fsimple-music-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F3kh0%2Fsimple-music-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3kh0%2Fsimple-music-player/lists"}