mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-13 20:56:19 -08:00
94 lines
3.8 KiB
HTML
94 lines
3.8 KiB
HTML
<mat-drawer-container class="main-container">
|
|
<!-- sidebar content -->
|
|
<mat-drawer #drawer mode="side" opened disableClose>
|
|
@defer {
|
|
<app-sidebar [channels]="channels$ | async" />
|
|
} @loading {
|
|
<p>Loading...</p>
|
|
} @placeholder {
|
|
<p>Loading...</p>
|
|
}
|
|
</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"
|
|
/>
|
|
|
|
<app-audio-player
|
|
*ngIf="activeChannel.radio === 'true'; else videoPlayer"
|
|
[url]="activeChannel.url"
|
|
[icon]="activeChannel?.tvg?.logo"
|
|
/>
|
|
<ng-template #videoPlayer>
|
|
<!-- 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>
|
|
|
|
<!-- default html player component -->
|
|
<app-html-video-player
|
|
*ngIf="playerSettings.player === 'html5'"
|
|
[channel]="activeChannel"
|
|
[showCaptions]="playerSettings.showCaptions"
|
|
/>
|
|
<div
|
|
class="custom-player"
|
|
*ngIf="playerSettings.player === 'mpv'"
|
|
>
|
|
<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>
|
|
<div
|
|
class="custom-player"
|
|
*ngIf="playerSettings.player === 'vlc'"
|
|
>
|
|
<img src="./assets/images/custom-player.png" />
|
|
<p>
|
|
The channel is played in a separate window in VLC
|
|
player. Please make sure that this player is installed
|
|
in your system and the correct path is defined in the
|
|
app settings.
|
|
</p>
|
|
</div>
|
|
<!-- channel overlay -->
|
|
<app-info-overlay
|
|
[channel]="activeChannel"
|
|
[epgProgram]="epgProgram$ | async"
|
|
></app-info-overlay>
|
|
</ng-template>
|
|
</ng-container>
|
|
</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>
|