mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-11 19:46:16 -08:00
55 lines
2.3 KiB
HTML
55 lines
2.3 KiB
HTML
<mat-drawer-container class="main-container">
|
|
<!-- sidebar content -->
|
|
<mat-drawer #drawer mode="side" opened disableClose>
|
|
<app-sidebar
|
|
*ngIf="channels$ | async as channels"
|
|
[channels]="channels" />
|
|
</mat-drawer>
|
|
<mat-drawer-content>
|
|
<ng-container *ngIf="activeChannel$ | async as activeChannel">
|
|
<!-- toolbar with drawer icon -->
|
|
<app-toolbar (toggleLeftDrawerClicked)="drawer.toggle()" (toggleRightDrawerClicked)="drawerRight.toggle()"
|
|
(multiEpgClicked)="openMultiEpgView()" [activeChannel]="activeChannel" />
|
|
|
|
<!-- video.js player -->
|
|
<app-vjs-player
|
|
*ngIf="playerSettings.player === 'videojs'"
|
|
[options]="{
|
|
sources: [
|
|
{
|
|
src: activeChannel?.url + activeChannel?.epgParams,
|
|
type: 'application/x-mpegURL'
|
|
}
|
|
]
|
|
}"
|
|
[class.hide-captions]="!playerSettings.showCaptions"
|
|
></app-vjs-player>
|
|
</ng-container>
|
|
|
|
<!-- default html player component -->
|
|
<app-html-video-player
|
|
*ngIf="playerSettings.player === 'html5'"
|
|
[channel]="activeChannel$ | async"
|
|
[showCaptions]="playerSettings.showCaptions"
|
|
>
|
|
</app-html-video-player>
|
|
|
|
<ng-container *ngIf="(activeChannel$ | async) && playerSettings.player === 'mpv'">
|
|
<div class="mpv-player">
|
|
<img src="./assets/images/custom-player.png" />
|
|
<p>The channel is played in a separate window in the MPV player. (<a [routerLink] style="cursor: pointer;" (click)="openUrl('https://github.com/4gray/iptvnator/wiki/What-is-mpv-video-player-and-how-to-install-it-on-different-operating-systems%3F')">Installation instructions</a>)</p>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<!-- channel overlay -->
|
|
<app-info-overlay
|
|
[channel]="activeChannel$ | async"
|
|
[epgProgram]="epgProgram$ | async"
|
|
></app-info-overlay>
|
|
</mat-drawer-content>
|
|
<!-- right sidebar content -->
|
|
<mat-drawer position="end" #drawerRight mode="side" disableClose>
|
|
<app-epg-list *ngIf="isElectron"></app-epg-list>
|
|
</mat-drawer>
|
|
</mat-drawer-container>
|