shaka-react
TypeScript icon, indicating that this package has built-in type declarations

1.0.11 • Public • Published

SHAKA-REACT

About

A React wrapper around the shaka-player. I build this library specific for a client, but you can use with fit to yours needs. The player can play HLS and DASH content.

Install

yarn add shaka-react

or

npm i shaka-react

Usage

See the demo folder for implementation.

import React from "react";
import ShakaReact from "shaka-react";
import posterImg from "./poster.jpg";
 
 
const manifestUri =
  "https://storage.googleapis.com/shaka-demo-assets/angel-one/dash.mpd";
 
 
const onDown = (offUri: string): any => {
  console.log("TCL: offUri", offUri);
};
 
const onProgress = (currenTime: number) => {
  console.log("Progress: ", currenTime);
};
 
const onPause = (currenTime: number) => {
  console.log("Paused: ", currenTime);
};
 
const App = () => (
  <ShakaReact
    manifest={manifestUri}
    poster={posterImg}
    title="start"
    onDownloadEnd={onDown}
    onProgress={onProgress}
    onPause={onPause}
  />
);
 
export default App;
 

API

name type desc
manifest string url of the video source
poster string path or url to a image
autoPlay boolean in some browser will depend on user permissions
title string this is only used to name the offline video

Readme

Keywords

Package Sidebar

Install

npm i shaka-react

Weekly Downloads

2

Version

1.0.11

License

MIT

Unpacked Size

518 kB

Total Files

12

Last publish

Collaborators

  • kauly