https://github.com/davatron5000/podcast-player
An audio web component for podcasts
https://github.com/davatron5000/podcast-player
podcast-player web-components
Last synced: about 1 year ago
JSON representation
An audio web component for podcasts
- Host: GitHub
- URL: https://github.com/davatron5000/podcast-player
- Owner: davatron5000
- License: mit
- Created: 2014-12-05T15:47:06.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2021-02-18T04:53:18.000Z (over 5 years ago)
- Last Synced: 2025-04-19T02:27:17.736Z (about 1 year ago)
- Topics: podcast-player, web-components
- Size: 9.77 KB
- Stars: 118
- Watchers: 14
- Forks: 14
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# podcast-player
```
```
A web component for audio podcasts. It has a few features that make it most suitable for podcasts:
- [x] Play/Pause
- [x] 30s Rewind Button
- [x] Seekable Progress Meter
- [x] Speed Selection
- [x] Mute/Unmute
- [x] Accessibility
- [ ] [TimeJump](http://davatron5000.github.io/TimeJump/)?
## Usage
To get started, you'll need a copy of `webcomponents.js`. Either [link from CDNjs](https://cdnjs.com/libraries/webcomponentsjs) or
```
bower install webcomponentsjs
```
Include `webcomponents.min.js` and `podcast-player.html` in the `` of your episode page:
```
```
Then in the body of your post, invoke the custom component using the `` element.
```
```
BINGO-BANGO! Now you should be able to style it with good old fashioned CSS. Make it your own, good buddy.
## Testing Locally
To test out web components locally, you need to start a local server so you don't get a CORS violation with something like:
```
cd to/my/directory/
python -m SimpleHTTPServer
```
If you have questions about web components, read up on them at [webcomponents.org](http://webcomponents.org/).
## Download, Fork, Commit
If 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.
If 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.