Skip to content

epiclabs-io/angular-dashjs-player

Repository files navigation

Dash.js Angular Module

This is a simple module to wrap Dash.js player in an Angular 6 component.

Usage:

Include the DashjsPlayerModule in your Angular module, and use the component as follows.

<dashjs-player [src]="'https://dash.akamaized.net/envivio/Envivio-dash2/manifest.mpd'"></dashjs-player>

The video will play automatically, this can be avoided by setting the [autoload]attribute to false.

The component has some methods to expose the dash player, this allows event binding or calling any method directly by getting the elementRef, like this:

// In the component.ts
@ViewChild('dashPlayer') dashPlayer: DashjsPlayerComponent;

ngOnInit() {
  // On init go to second 12
  let dashJS: MediaPlayerClass = this.dashPlayer.getPlayer();
  dashJS.seek(12);
}

// In the component HTML
<dashjs-player #dashPlayer [src]="'https://dash.akamaized.net/envivio/Envivio-dash2/manifest.mpd'"></dashjs-player>

Contributing:

This project is still in a very early stage, any contribution is welcome.

About

Angular 6.0 wrapper for Dash.js player

Resources

License

Stars

Watchers

Forks

Packages

No packages published