{"id":18965519,"url":"https://github.com/celliesprojects/html5_audioplayer","last_synced_at":"2025-04-19T12:56:06.674Z","repository":{"id":87569192,"uuid":"145697214","full_name":"CelliesProjects/html5_audioplayer","owner":"CelliesProjects","description":"A single file html5 audio player with playlist. Plays mp3, ogg and wav files in your browser. Works on all major browsers. Less than 15Kb download. Simple and fast.","archived":false,"fork":false,"pushed_at":"2023-10-31T15:48:13.000Z","size":808,"stargazers_count":3,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-29T08:05:02.603Z","etag":null,"topics":["apache2","audio-player","html5","lamp-stack","mp3-player","mp3-stream","ogg-vorbis","php","playlist","simple","single-file","streaming-audio","wav-audio"],"latest_commit_sha":null,"homepage":"","language":"PHP","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/CelliesProjects.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}},"created_at":"2018-08-22T11:04:00.000Z","updated_at":"2023-11-02T14:06:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"38c20563-da41-43f3-a2ee-3bd0d893729e","html_url":"https://github.com/CelliesProjects/html5_audioplayer","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CelliesProjects%2Fhtml5_audioplayer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CelliesProjects%2Fhtml5_audioplayer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CelliesProjects%2Fhtml5_audioplayer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CelliesProjects%2Fhtml5_audioplayer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CelliesProjects","download_url":"https://codeload.github.com/CelliesProjects/html5_audioplayer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249201118,"owners_count":21229004,"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":["apache2","audio-player","html5","lamp-stack","mp3-player","mp3-stream","ogg-vorbis","php","playlist","simple","single-file","streaming-audio","wav-audio"],"created_at":"2024-11-08T14:29:49.666Z","updated_at":"2025-04-16T05:32:34.774Z","avatar_url":"https://github.com/CelliesProjects.png","language":"PHP","readme":"# html5_audioplayer\n\nhtml5_audioplayer provides an easy way to stream the music from your lamp server.\n\u003cbr\u003eIt is intended as a replacement for the Apache plugin `mod_musicindex` which was a pain to install and is not maintained anymore.\n\u003cbr\u003e\u003cbr\u003ehtml5_audioplayer is a simple one-file drop-in musicplayer.\n\u003cbr\u003eJust symlink `htdocs` to the root of your music collection and copy `index.php` to that folder and it works.\n\nhtml5_audioplayer on a Samsung Galaxy S5 NEO Android phone.\n\u003cimg src=\"screenshots/phone_panorama.png\" width=\"600\"\u003e\n\n### You will need:\n- A working Apache webserver with PHP enabled.\u003cbr\u003e\nActual versions should not matter that much but the player is developed against Apache 2.4 and PHP 7.\n- A folder with MP3s, OGGs and/or WAV files.\n- (Optionally) `exiftool` to show the bitrate. Default setting is to not show the bitrate.\n\nTo show the bitrate of the currently playing song `$showBitrate` in `index.php` has to be set to `true` and `exiftool` has to be installed.\n\u003cbr\u003eTo install `exiftool` enter the following in a terminal:\n\u003cbr\u003e\n````\nsudo apt-get install exiftool\n````\n\n### Easy setup:\nWith Apache 2.4, easiest setup is to symlink `htdocs` to the folder where you keep your music files.\n\u003cbr\u003eCopy `index.php` to this folder and you should be good to go.\n\nThe player will provide a simple interface with a browser area on the left and a playlist on the right.\n\nNavigate to and click on a file in the left pane to add it to the playlist.\n\u003cbr\u003eIf there are already songs in the playlist the clicked song will be added to the end of the playlist.\n\u003cbr\u003eIf the player is paused the clicked song starts playing immediately.\n\n\n### Used libraries:\n- The used icons are from [material.io](https://material.io/tools/icons/?style=baseline) and are [available under Apache2.0 license](https://www.apache.org/licenses/LICENSE-2.0.html).\n- Uses [Google Roboto font](https://fonts.google.com/specimen/Roboto) which is [available under Apache2.0 license](https://www.apache.org/licenses/LICENSE-2.0.html).\n- Uses [jQuery 3.3.1](https://code.jquery.com/jquery-3.3.1.js) which is [available under MIT license](https://jquery.org/license/).\n\n### Screenshots:\n#### Android Samsung S5 NEO Chrome landscape\n\u003cimg src=\"screenshots/phone_panorama.png\" width=\"400\"\u003e\n\n#### Android Samsung S5 NEO Chrome portrait\n\u003cimg src=\"screenshots/phone_portrait.png\" width=\"200\"\u003e\n\n#### PC Linux Mint Chrome\n\u003cimg src=\"screenshots/pc_linux_chrome.png\" width=\"700\"\u003e\n\n#### PC Windows 10 Edge\n\u003cimg src=\"screenshots/pc_windows_edge.png\" width=\"700\"\u003e\n\n#### Iphone Safari landscape\n\u003cimg src=\"screenshots/iphone_safari_landscape.jpg\" width=\"400\"\u003e\n\n#### Iphone Safari portrait\n\u003cimg src=\"screenshots/iphone_safari_portrait.jpg\" width=\"200\"\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcelliesprojects%2Fhtml5_audioplayer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcelliesprojects%2Fhtml5_audioplayer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcelliesprojects%2Fhtml5_audioplayer/lists"}