Accurate Player implementation using hls.js.
Install with npm.
npm install --save @accurate-player/accurate-player-core @accurate-player/accurate-player-hls
hls.js requires a namespace import which is uncallable in later typescript version. Thus
you need to set esModuleInterop
flag in your tsconfig.json
.
{
"compilerOptions": {
"esModuleInterop": true
}
}
See typescript release notes for details.
Below is an example of how you use player in e.g. angular or react.
import { HlsPlayer } from "@accurate-player/accurate-player-hls";
const player = new HlsPlayer(videoElement);
player.api.loadVideoFile({
src: "https://s3.eu-central-1.amazonaws.com/accurate-player-demo-assets/hls/sintel/sintel.m3u8",
enabled: true,
frameRate: { numerator: 24, denominator: 1 },
dropFrame: false,
});
Control the player through player.api
. E.g.
player.api.play();
player.api.pause();