angular-video-backlight

Turn on beautiful backlight for video like youtube

Installation

NPM

npm install angular-video-backlight

Import the module

import { AngularVideoBacklightModule } from "angular-video-backlight";

@NgModule({
  declarations: [
   //some declarations
  ],
  imports: [
    //some imports
    AngularVideoBacklightModule
  ],
})

On a HTML video tag put the backlight directive

<video backlight>...</video>

Parameters

| Name | Type | Description | |:-------------------|:-----------------|:-------------------------------------------------------------------------------------------| | delta | number | offset-x or offset-y(depending on the side) | | blur_radius | number | The larger this value, the bigger the blur, so the shadow becomes bigger and lighter. | | spread_radius | number | The larger this value, the bigger the shadow. | | alpha | number | The lower this value, the more transparent the shadow |

Demo

You can try out a demo by clicking here.

Source

https://github.com/yan-libs/angular-video-backlight/tree/develop/projects/angular-video-backlight