glivolsi / NGShakaPlayer

An Angular 9 wrapper to Google Shaka Player

Angular Shaka Player

A simple Angular component for Shaka-Player, an open-source JavaScript library for adaptive media. It is highly recommended to check the official shaka documentation first.

Usage

<shaka-player
  [dashManifestUrl]="dashUrl"
  [autoPlay]="autoplay"
  [triggeredEvents]="events"
  posterUrl="../assets/poster.png"
  (videoLoaded)="handleVideoLoaded()"
  (videoTimeUpdated)="timeUpdated($event)"
  (playerEvent)="playerEventHandler($event)"
></shaka-player>

  autoplay = true;
  dashUrl = 'http://dash_server_ip/vod/mp4:sample.mp4/manifest.mpd';
  events = ['mouseenter', 'mouseleave'];

Events Triggered

The above events are automatically triggered and can be fired by (playerEvent)

pause,play,canplay,playing,waiting,ended,seeked,enterpictureinpicture,leavepictureinpicture

(videoTimeUpdated) Event

Is triggered every second and return the seconds from the start of the playing media.