ngx-timeliner v0.14.14

NgxTimeliner

Описание

Библиотека таймлайна для видеоплеера

Установка

Compatibility

Установка зависимостей

npm i ngx-timeliner --save

или

yarn add ngx-timeliner

Использование

Импортируйте модуль таймлайна

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { NgxTimelinerModule } from 'projects/timeline/src/lib/timeline.module';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        NgxTimelinerModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }

Используйте его в шаблоне

<ngx-timeliner
    class="canvas"
    [speed]="speed" 
    [playTime]="playTime" 
    [isPlayClick]="isPlayClick" 
    [videoCells]="videoCells" 
    [startTimeThreshold]="startTimeThreshold" 
    [endTimeThreshold]="endTimeThreshold" 
    [canvasHeight]="canvasHeight" 
    (playClick)="onPlayClick($event)"
>
</ngx-timeliner>

API

Interfate VideoCellType

Interfate VideoCellStyleType