https://github.com/kaltura/playkit-js-hls
HLS.JS Adapter for the PlayKit JS Player
https://github.com/kaltura/playkit-js-hls
es6 flow-typed hls hlsjs kaltura playkit playkit-js playkit-js-player
Last synced: 11 days ago
JSON representation
HLS.JS Adapter for the PlayKit JS Player
- Host: GitHub
- URL: https://github.com/kaltura/playkit-js-hls
- Owner: kaltura
- License: agpl-3.0
- Created: 2017-03-05T13:23:28.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2025-06-23T09:13:40.000Z (4 months ago)
- Last Synced: 2025-06-23T09:15:50.348Z (4 months ago)
- Topics: es6, flow-typed, hls, hlsjs, kaltura, playkit, playkit-js, playkit-js-player
- Language: TypeScript
- Homepage:
- Size: 2.03 MB
- Stars: 6
- Watchers: 15
- Forks: 7
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# PlayKit JS HLS - [HLS.JS] Adapter for the [PlayKit JS Player]
[](https://github.com/kaltura/playkit-js-hls/actions/workflows/run_canary_full_flow.yaml)
[](https://github.com/prettier/prettier)
[](https://www.npmjs.com/package/@playkit-js/playkit-js-hls)
[](https://www.npmjs.com/package/@playkit-js/playkit-js-hls/v/canary)
PlayKit JS HLS adapter integrates [HLS.JS] with the [PlayKit JS Player].
PlayKit JS HLS is written in [ECMAScript6], statically analysed using [Flow] and transpiled in ECMAScript5 using [Babel].
[hls.js]: https://github.com/video-dev/hls.js
[hls.js api docs]: https://github.com/video-dev/hls.js/blob/master/docs/API.md
[flow]: https://flow.org/
[ecmascript6]: https://github.com/ericdouglas/ES6-Learning#articles--tutorials
[babel]: https://babeljs.io
## Getting Started
### Prerequisites
The adapter requires [PlayKit JS Player] to be loaded first.
The adapter uses the [HLS.JS] javascript library.
[playkit js player]: https://github.com/kaltura/playkit-js
### Installing
First, clone and run [yarn] to install dependencies:
[yarn]: https://yarnpkg.com/lang/en/
```
git clone https://github.com/kaltura/playkit-js-hls.git
cd playkit-js-hls
yarn install
```
### Building
Then, build the player
```javascript
yarn run build
```
### Embed the library in your test page
Finally, add the bundle as a script tag in your page, and initialize the player
```html
var playerContainer = document.querySelector("#player-placeholder");
var config = {...};
var player = playkit.core.loadPlayer(config);
playerContainer.appendChild(player.getView());
player.play();
```
## Configuration
[HLS.JS] configuration options, documented @[HLS.JS API docs], can be passed via the [PlayKit JS Player] config.
The configuration is exposed via the playback section:
```javascript
{
playback: {
options: {
html5: {
hls: {
// HLS.JS configuration options here
}
}
}
}
}
```
## Running the tests
Tests can be run locally via [Karma], which will run on Chrome, Firefox and Safari
[karma]: https://karma-runner.github.io/1.0/index.html
```
yarn run test
```
You can test individual browsers:
```
yarn run test:chrome
yarn run test:firefox
yarn run test:safari
```
### And coding style tests
We use ESLint [recommended set](http://eslint.org/docs/rules/) with some additions for enforcing [Flow] types and other rules.
See [ESLint config](.eslintrc.json) for full configuration.
We also use [.editorconfig](.editorconfig) to maintain consistent coding styles and settings, please make sure you comply with the styling.
## Compatibility
TBD
## Contributing
Please read [CONTRIBUTING.md](https://gist.github.com/PurpleBooth/b24679402957c63ec426) for details on our code of conduct, and the process for submitting pull requests to us.
## Versioning
We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/kaltura/playkit-js-hls/tags).
## License
This project is licensed under the AGPL-3.0 License - see the [LICENSE.md](LICENSE.md) file for details