npm package: @podlove/podlove-web-player
Description: a Podcast-optimized, HTML5-based video and audio player with Flash fallback. It can be used as a WordPress plugin or within a static HTML/JavaScript context.
Author: Alexander Heimbuch
Latest version: 4.2.4

# Podlove Web Player

[![npm version](https://badge.fury.io/js/%40podlove%2Fpodlove-web-player.svg?style=flat-square)](https://badge.fury.io/js/%40podlove%2Fpodlove-web-player)
[![Greenkeeper badge](https://badges.greenkeeper.io/podlove/podlove-web-player.svg?style=flat-square)](https://greenkeeper.io/)
[![Build Status](https://img.shields.io/circleci/project/github/podlove/podlove-web-player/development.svg?style=flat-square)](https://circleci.com/gh/podlove/podlove-web-player)
[![Coverage](https://img.shields.io/codecov/c/github/podlove/podlove-web-player/feature/coverage.svg?style=flat-square)](https://codecov.io/gh/podlove/podlove-web-player/branch/development)
[![Coverage](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](https://github.com/feross/standard)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)](http://commitizen.github.io/cz-cli/)
[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fpodlove%2Fpodlove-web-player.svg?type=shield&style=flat-square)](https://app.fossa.io/projects/git%2Bgithub.com%2Fpodlove%2Fpodlove-web-player?ref=badge_shield)

![Preview](screenshot.png)

## About

HTML5 Goodness for Podcasting

**Podlove** Web Player is a Podcast-optimized, HTML5-based video and audio player.
It can be used as a WordPress plugin or within a static HTML/JavaScript context.

The **Podlove** Web Player supports almost every modern browser (Edge, Firefox, Chrome, Safari) and also does captions, chapters, transcripts and much more. 

* [Web Player Documentation](http://docs.podlove.org/podlove-web-player/)
* [Web Player Wiki](https://github.com/podlove/podlove-web-player/wiki)
* [Official site on podlove.org](http://podlove.org/podlove-web-player/)
* [WordPress Plugin Page](http://wordpress.org/plugins/podlove-web-player/)

## Used Technologies

- Package Manager: [Yarn](https://github.com/yarnpkg/yarn)
- Media Library: [Podlove Pure HTML5 Audio Driver](https://github.com/podlove/html5-audio-driver/)
- View Renderer: [VueJS](https://github.com/vuejs/vue)
- Bundler: [Webpack](https://github.com/webpack/webpack)
- State Management: [Redux](https://github.com/reactjs/redux) & [redux-vuex](https://github.com/alexander-heimbuch/redux-vuex#readme)

## Development

### Setup

Clone the repository and install all dependencies with `yarn`

### Local Development

1. Run `yarn dev`
2. Access `http://localhost:9002/standalone.html` for development

### Tests

1. Run `yarn test` for test suite
2. or `yarn test:dev` for interactive mode

### Build

1. Run `yarn build`
2. Locate build artefacts in `dist/`

### Docs

1. Run `yarn docs`
2. Access `http://localhost:8080` for a preview 

### Join the conversation

Become a part of the
* **Podlove community** [community.podlove.org](https://community.podlove.org/), or discuss your
* **Web Player** topics or questions on [community.podlove.org/c/podlove-web-player](https://community.podlove.org/c/podlove-web-player).

If you're interested in discussing podcasting topics in general, please visit [sendegate.de](https://sendegate.de/).

### Podlove Docs

* **Podlove Project:** [podlove.github.com](http://podlove.github.com)
* **Web Player:** [docs.podlove.org/podlove-web-player](http://docs.podlove.org/podlove-web-player/)

### Report an issue
If you encounter a specific problem using the Podlove Web Player that you think is a bug, or you see a problem in the documentation, you can report the issue here:<br>
[github.com/podlove/podlove-web-player/issues](https://github.com/podlove/podlove-web-player/issues)

Also, if you have ideas for new features for player, please submit them as a [Github issue](https://github.com/podlove/podlove-web-player/issues).

Have a look on the Github project to watch the status and progress of your issues:  
[github.com/podlove/podlove-web-player/projects](https://github.com/podlove/podlove-web-player/projects)

## Support
<a href="https://keycdn.com"><img src="https://logos.keycdn.com/keycdn-logo-black.svg" alt="KeyCDN" width="200px"></a>

## License
[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fpodlove%2Fpodlove-web-player.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Fpodlove%2Fpodlove-web-player?ref=badge_large)