{"id":19379666,"url":"https://github.com/davatron5000/podcast-player","last_synced_at":"2025-04-23T19:32:57.262Z","repository":{"id":24206619,"uuid":"27598187","full_name":"davatron5000/podcast-player","owner":"davatron5000","description":"An audio web component for podcasts","archived":false,"fork":false,"pushed_at":"2021-02-18T04:53:18.000Z","size":10,"stargazers_count":118,"open_issues_count":2,"forks_count":14,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-04-19T02:27:17.736Z","etag":null,"topics":["podcast-player","web-components"],"latest_commit_sha":null,"homepage":null,"language":null,"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/davatron5000.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}},"created_at":"2014-12-05T15:47:06.000Z","updated_at":"2024-08-13T03:56:48.000Z","dependencies_parsed_at":"2022-08-22T12:10:29.256Z","dependency_job_id":null,"html_url":"https://github.com/davatron5000/podcast-player","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davatron5000%2Fpodcast-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davatron5000%2Fpodcast-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davatron5000%2Fpodcast-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davatron5000%2Fpodcast-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davatron5000","download_url":"https://codeload.github.com/davatron5000/podcast-player/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250499927,"owners_count":21440716,"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":["podcast-player","web-components"],"created_at":"2024-11-10T09:10:52.210Z","updated_at":"2025-04-23T19:32:56.969Z","avatar_url":"https://github.com/davatron5000.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# podcast-player\n\n![Screenshot of podcast-player](https://s3.amazonaws.com/f.cl.ly/items/3Q47193Z0f00142R0O42/1d0pzyOUeVH2-d1m77Vxx9QkL0vexZ5bJNbyEGRCfbY.png)\n\n```\n\u003cpodcast-player src=\"my.mp3\"\u003e\u003c/podcast-player\u003e\n```\n\nA web component for audio podcasts. It has a few features that make it most suitable for podcasts:\n\n- [x] Play/Pause\n- [x] 30s Rewind Button\n- [x] Seekable Progress Meter\n- [x] Speed Selection\n- [x] Mute/Unmute\n- [x] Accessibility\n- [ ] [TimeJump](http://davatron5000.github.io/TimeJump/)?\n\n## Usage\n\nTo get started, you'll need a copy of `webcomponents.js`. Either [link from CDNjs](https://cdnjs.com/libraries/webcomponentsjs) or\n\n```\nbower install webcomponentsjs\n```\n\nInclude `webcomponents.min.js` and `podcast-player.html` in the `\u003chead\u003e` of your episode page:\n\n```\n\u003cscript src=\"webcomponents.min.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"import\" href=\"podcast-player.html\"/\u003e\n```\n\nThen in the body of your post, invoke the custom component using the `\u003cpodcast-player\u003e` element.\n\n```\n\u003cpodcast-player src=\"my.mp3\"\u003e\u003c/podcast-player\u003e\n```\n\nBINGO-BANGO! Now you should be able to style it with good old fashioned CSS. Make it your own, good buddy.\n\n## Testing Locally\n\nTo test out web components locally, you need to start a local server so you don't get a CORS violation with something like:\n\n```\ncd to/my/directory/\npython -m SimpleHTTPServer\n```\n\nIf you have questions about web components, read up on them at [webcomponents.org](http://webcomponents.org/).\n\n## Download, Fork, Commit\nIf you like to contribue, please feel free to fork the repo. If you created a brand new feature, I recommend discussing it in an issue first rather wasting your whole weekend working on it, then Hail Mary'ing it my way.\n\nIf you're reporting a bug, you'd better have an editable reduced test case on a CodePen or GTFO. Sorry, thems the brakes. I got kids.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavatron5000%2Fpodcast-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavatron5000%2Fpodcast-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavatron5000%2Fpodcast-player/lists"}