TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-03-10 14:50:58 +03:00
Code Issues Packages Projects Releases Wiki Activity

added custom player

Browse Source 
added routing with two routes: home and player

moved most of app component to main component. app component currently just manages the top toolbar
This commit is contained in:
Isaac Grynsztein
2020-02-15 02:13:21 -05:00
parent d595de5786
commit 8e7bb4ba3b
18 changed files with 778 additions and 451 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/player/player.component.html Normal file
View File

@@ -0,0 +1,14 @@
<div *ngIf="playlist.length > 0; else loading">
<vg-player (onPlayerReady)="onPlayerReady($event)" [style.background-color]="(type === 'audio') ? 'transparent' : 'black'">
<video [ngClass]="(type === 'audio') ? 'audio-styles' : 'video-styles'" #media class="video-player" [vgMedia]="media" [src]="currentItem.src" id="singleVideo" preload="auto" controls>
</video>
</vg-player>
<br/>
<div style="width: 100%;">
<mat-button-toggle-group style="width: 80%; left: 9%" vertical name="videoSelect" aria-label="Video Select" #group="matButtonToggleGroup">
<mat-button-toggle *ngFor="let name of fileNames; let i = index" [checked]="currentItem.title === name" (click)="onClickPlaylistItem(playlist[i], i)" class="toggle-button" [value]="name">{{name}}</mat-button-toggle>
</mat-button-toggle-group>
</div>
</div>