Install lib and dependencies
npm i ng-tactful-lib --save or yarn add ng-tactful-lib
and install video.js
npm i video.js --save or
yarn add video.js
Uses example of pipe for Capital Second letter
;;;In html'anil kumar' | secondLetterCapital
Uses example of order by pipe
;;;in html*ngFor="let i of list | orderBy : 'key':'value'"
Uses example of VideoJs marking
For marking in video we are using VideoJS library and providing Plugin Existing and Out dated pluging https://github.com/spchuang/videojs-markers so credit to him.
Converted plugin code to typescript and run in Angular Environment. Now it can be used as component and use it as view child for access methods for dyanmic behavior in marking
Step -1 Include videojs stlyes in angular projects main style.css
Step - 2 Importing NgTactfulLibModule library in Angular project
Step - 3 In your component use ngtactful-video-tag Component providing download_url
Step - 4 In your component class use ngtactful-video-tag Component as ViewChild
Proving marking array on function onAddMarkersOnLoad(marks) also can be marked using onAddMarkers(marks)
Every time you need adding marking text as example in input box. first insert in your array then sort it then again call onAddMarkers(marks). Sort function also provided for refrence for update either uptate your array and then call again onAddMarkers(marks). Removing all - just empty your marks array and call onAddMarkers(marks).