{"id":31364407,"url":"https://github.com/taophycc/music-player","last_synced_at":"2026-04-18T11:03:58.993Z","repository":{"id":315267485,"uuid":"1058557643","full_name":"Taophycc/Music-player","owner":"Taophycc","description":"A mini music player built with Javascript. ","archived":false,"fork":false,"pushed_at":"2025-09-17T15:20:06.000Z","size":34,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-17T17:51:12.809Z","etag":null,"topics":["css","html","javascript","json"],"latest_commit_sha":null,"homepage":"https://musicc-playerr.vercel.app","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/Taophycc.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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-17T08:47:11.000Z","updated_at":"2025-09-17T16:27:19.000Z","dependencies_parsed_at":"2025-09-17T18:04:01.867Z","dependency_job_id":null,"html_url":"https://github.com/Taophycc/Music-player","commit_stats":null,"previous_names":["taophycc/music-player"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Taophycc/Music-player","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taophycc%2FMusic-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taophycc%2FMusic-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taophycc%2FMusic-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taophycc%2FMusic-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Taophycc","download_url":"https://codeload.github.com/Taophycc/Music-player/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Taophycc%2FMusic-player/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277194915,"owners_count":25777188,"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","status":"online","status_checked_at":"2025-09-27T02:00:08.978Z","response_time":73,"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":["css","html","javascript","json"],"created_at":"2025-09-27T07:06:10.623Z","updated_at":"2025-09-27T07:06:12.290Z","avatar_url":"https://github.com/Taophycc.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Music Player\n\nA sleek and simple music player built with HTML, CSS, and vanilla JavaScript. This project demonstrates the use of Web APIs to create a functional and visually appealing music player.\n\n## 👾 Demo\n\n[Link to Live Demo](https://musicc-playerr.vercel.app)\n\n![Music Player Demo](https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExNzhlcWowdGhueHIwZjd3MGJkemZqMTZsaXlvNm44ZWs3Z2U5eDVuOCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/RlLBmHKJyw6my4f1lM/giphy.gif)\n\n## 🎵 Features\n\n- Play, pause, and skip between tracks.\n- Visual feedback for the currently playing song, including album art, title, and artist.\n- A progress bar that shows the current playback time and total duration of the song.\n- Clickable progress bar to seek to a specific point in the song.\n- Responsive design that adapts to different screen sizes.\n- Song data loaded dynamically from a JSON file.\n\n## Getting Started\n\nTo get a local copy up and running, follow these simple steps.\n\n### Prerequisites\n\nYou will need a modern web browser that supports HTML5, CSS3, and JavaScript (ES6).\n\n### Installation\n\n1.  Clone the repo:\n    ```sh\n    git clone https://github.com/your_username/your_repository.git\n    ```\n2.  Navigate to the project directory:\n    ```sh\n    cd your_repository\n    ```\n3.  Open `index.html` in your web browser.\n\n## File Structure\n\n```\n.\n├── assets\n│   ├── img\n│   │   ├── Taophyc-1.jpg\n│   │   ├── Taophyc-2.jpg\n│   │   ├── Taophyc-3.jpg\n│   │   └── Taophyc-4.jpg\n│   └── favicon.png\n├── css\n│   └── style.css\n├── data\n│   └── songs.json\n├── js\n│   └── script.js\n├── music\n│   ├── Taophyc-1.mp3\n│   ├── Taophyc-2.mp3\n│   ├── Taophyc-3.mp3\n│   └── Taophyc-4.mp3\n├── index.html\n├── LICENSE\n└── README.md\n```\n\n## 🛠️ Technologies Used\n\n- HTML5\n- CSS3\n- JavaScript (ES6)\n\n### Web APIs Used\n\n- **HTML5 Audio API:** Used for playing and controlling the audio.\n- **Fetch API:** Used to dynamically load song data from a JSON file.\n\n## Credits\n\n- **Images:**\n  - [@infernisvox](https://unsplash.com/@infernisvox) on Unsplash\n  - [@pawel_czerwinski](https://unsplash.com/@pawel_czerwinski) on Unsplash\n  - [@lumigraphy](https://unsplash.com/@lumigraphy) on Unsplash\n  - [@liminal_angel](https://unsplash.com/@liminal_angel) on Unsplash\n- **Music:**\n  - Kevin MacLeod ([FreePD.com](http://FreePD.com))\n  - Rafael Krux ([FreePD.com](http://FreePD.com))\n\n## 👤 Author\n\n**Taofeek Kassim**\n\n- GitHub: [@Taophycc](https://github.com/Taophycc)\n- Twitter: [@Taophyc\\_](https://x.com/Taophyc_)\n\n## 📜 License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaophycc%2Fmusic-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaophycc%2Fmusic-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaophycc%2Fmusic-player/lists"}