Video.js AmbiLight

Simple plugin ambilight effect in video.js player

Table of contents

• Documentation
• Getting started
• Options
• Development
• License

Documentation

Getting started

Requirements

• With npm npm install video.js
• With yarn yarn add video.js

Installation

• With npm npm install @theonlyducks/videojs-ambilight@latest
• With yarn yarn add @theonlyducks/videojs-ambilight@latest

Usage

1import '@theonlyducks/videojs-ambilight/styles';
2import '@theonlyducks/videojs-ambilight';

Example

1const video = videojs('my-video');
2video.ambiLightPlugin();

Options

Example:

1video.ambiLightPlugin({
2	fps: 60,
3	blur: 80,
4	scale: 1.1,
5	opacity: .9,
6	saturate: 200
7});

• fps frames per second to change the border color. default 15
  • min: 15
  • max: 120
• blur px amount of edge blur. default 50
  • min: 10
  • max: 100
• scale image scale size. default 1
  • min: 1
  • max: 1.9
• opacity amount that will be visible from the edge. default 1
  • min: 0
  • max: 1
• saturate quantity in percentage of how much saturation the edge will have. default 200

Development

Install

1yarn

Start server listening http://localhost:3000

1yarn start

License

MIT © The Only Ducks