{"id":28276662,"url":"https://github.com/lxieyang/ionic-audio-player","last_synced_at":"2025-10-04T07:51:10.401Z","repository":{"id":23148658,"uuid":"98279606","full_name":"lxieyang/ionic-audio-player","owner":"lxieyang","description":"A simple audio player created with Ionic 4+ / Angular 8+ (updated in Aug 2019)","archived":false,"fork":false,"pushed_at":"2023-01-07T08:53:16.000Z","size":44826,"stargazers_count":73,"open_issues_count":30,"forks_count":33,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-06-18T09:49:27.222Z","etag":null,"topics":["android","angular","audio-player","ionic","ionic-apps","ionic-native","ionic4","ionic4-example","ios"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/lxieyang.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}},"created_at":"2017-07-25T07:49:39.000Z","updated_at":"2025-06-17T12:33:59.000Z","dependencies_parsed_at":"2023-01-14T01:00:38.112Z","dependency_job_id":null,"html_url":"https://github.com/lxieyang/ionic-audio-player","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lxieyang/ionic-audio-player","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lxieyang%2Fionic-audio-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lxieyang%2Fionic-audio-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lxieyang%2Fionic-audio-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lxieyang%2Fionic-audio-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lxieyang","download_url":"https://codeload.github.com/lxieyang/ionic-audio-player/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lxieyang%2Fionic-audio-player/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278283454,"owners_count":25961311,"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-10-04T02:00:05.491Z","response_time":63,"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":["android","angular","audio-player","ionic","ionic-apps","ionic-native","ionic4","ionic4-example","ios"],"created_at":"2025-05-21T05:11:01.377Z","updated_at":"2025-10-04T07:51:10.396Z","avatar_url":"https://github.com/lxieyang.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ionic Audio Player (updated w/ Ionic v4 \u0026 Angular v8 in 2019)\n\nThis is a simple audio player created with **Ionic 4+** / **Angular 8+** (updated in 2019)\n\nIt features a **play/pause** button, **skip back/forward** buttons and a **progress bar** that displays the current position of the audio file. It also supports setting arbitrary positions using the **progress bar**.\n\nThe app will automatically download the speech ***I Have a Dream*** from the Internet and prep for playing. You'll have to have an actual Android or iOS device to use this app.\n\nTo peek into the code, feel free to clone the repo and navigate your way through. I think it's pretty straightforward.\n\nTo try it out, use the following commands to install the app on an actual device:\n\n- For Android devices: make sure you have a wired connection from your phone to your Mac/PC, then run `ionic cordova run android --prod` in terminal.\n- For iOS devices: make sure you have a Mac, and run `ionic cordova prepare ios`. Then use Xcode to open up the project and install it to your iOS devices.\n\n## Ionic Native Plugins\n\n- [File](https://ionicframework.com/docs/native/file/)\n- [File Transfer](https://ionicframework.com/docs/native/file-transfer/)\n- [Media](https://ionicframework.com/docs/native/media/)\n\n## Support Platforms\n\n- Android\n- iOS\n\n## UI Preview\n\n### Android\n\n\u003cimg width=\"250\" alt=\"android\" src=\"preview/interface/android.jpg\"\u003e\n\n### iOS\n\n\u003cimg width=\"250\" alt=\"android\" src=\"preview/interface/ios.png\"\u003e\n\n### GIF\n\n\u003cimg width=\"250\" alt=\"demo\" src=\"preview/demo/demo.gif\"\u003e\n\n## References\n\nThanks to the following posts and sources, I was able to come up with this solution:\n\n- [Help: Using Cordova Media to create progress bar with ion-range](https://forum.ionicframework.com/t/using-cordova-media-to-create-progress-bar-with-ion-range/92368)\n- [Ionic Component: Range](http://ionicframework.com/docs/api/components/range/Range/)\n- [MediaManager isn't getting the correct duration #42](https://github.com/arielfaur/ionic-audio/issues/42)\n- [Cordova Media Capture - Find duration of audio file](https://stackoverflow.com/questions/38266702/cordova-media-capture-find-duration-of-audio-file)\n\n## Author\n\nCreated by [Michael Xieyang Liu](https://lxieyang.github.io)\n\nLast updated: Aug 20, 2019\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flxieyang%2Fionic-audio-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flxieyang%2Fionic-audio-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flxieyang%2Fionic-audio-player/lists"}