1.0.1 • Published 2 years ago

blaze-player v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

blaze-player

Advanced React.js Media Player

NPM JavaScript Style Guide

Demo

Install

npm install --save blaze-player

Basic Usage

import React from "react";

import Player from "blaze-player";
import "blaze-player/dist/index.css";

// Functional

const MyUI = () => {
  return (
    <>
      <Player src="http://example.com/example.mp4" type="basic" />
    </>
  );
};

Next.js SSR Issue Workaround

import dynamic from "next/dynamic";
// Provide types
import type { AvailableBaseProps } from "blaze-player";

const Player = dynamic<AvailableBaseProps>(() => import("blaze-player"), {
  ssr: false,
});

export default function MyNextJSApp() {
  return (
    <>
      <Player src="http://example.com/example.mp4" type="basic" />
    </>
  );
}

Available Props

NameDefault ValueTypeRequiredDescription
buttons{}{ [key in Buttons]: boolean; }falseHide / Show Buttons
defaults{playbackSpeed: 1}{playbackSpeed?: number;}trueEnable / Disable Video Background
disableDynamicBackgroundfalsebooleanfalseEnable / Disable Video Background
disableStatsForNerdsfalseboolean
src""stringtrueEnable / Disable Video Background
typebasic"basic" | "hls" | "mpd"trueSpecify the type of the source

License

MIT © https://github.com/Zynthasius