videogular2
Version:
Videogular is a video application framework for desktop and mobile powered by Angular
1 lines • 2.17 kB
JSON
[{"__symbolic":"module","version":4,"metadata":{"VgScrubBarCuePoints":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"vg-scrub-bar-cue-points","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":19},"member":"None"},"template":"\n <div class=\"cue-point-container\">\n <span *ngFor=\"let cp of cuePoints\" [style.width]=\"cp.$$style?.width\" [style.left]=\"cp.$$style?.left\"\n class=\"cue-point\"></span>\n </div>\n ","styles":["\n vg-scrub-bar-cue-points {\n display: flex;\n width: 100%;\n height: 5px;\n pointer-events: none;\n position: absolute;\n }\n\n vg-scrub-bar-cue-points .cue-point-container .cue-point {\n position: absolute;\n height: 5px;\n background-color: rgba(255, 204, 0, 0.7);\n }\n\n vg-controls vg-scrub-bar-cue-points {\n position: absolute;\n top: calc(50% - 3px);\n }\n "]}]}],"members":{"vgCuePoints":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"vgFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":57,"character":21},{"__symbolic":"reference","module":"../../../core/services/vg-api","name":"VgAPI","line":57,"character":45}]}],"ngOnInit":[{"__symbolic":"method"}],"onPlayerReady":[{"__symbolic":"method"}],"onLoadedMetadata":[{"__symbolic":"method"}],"updateCuePoints":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]