Adding support icons for formats and containers in the stat menu.

This commit is contained in:
Zoe Roux 2019-12-06 21:13:00 +01:00
parent d208f0f543
commit 0acf437377
2 changed files with 21 additions and 4 deletions

View File

@ -24,13 +24,13 @@
Play method: <span style="float: right">{{this.playMethod}}</span> Play method: <span style="float: right">{{this.playMethod}}</span>
<br /> <br />
<br /> <br />
Video Container: <span style="float: right"><i class="material-icons" style="vertical-align: middle">{{this.supportList?.container ? check_circle : cancel}}</i>{{this.item.container}}</span> Video Container: <span style="float: right">{{this.item.container}} <i class="material-icons" style="vertical-align: middle; font-size: 14px">{{getSupportedFeature("container")}}</i></span>
<br /> <br />
Video Codec: <span style="float: right"><i class="material-icons" style="vertical-align: middle">cancel</i> {{this.item.video.codec}}</span> Video Codec: <span style="float: right">{{this.item.video.codec}} <i class="material-icons" style="vertical-align: middle; font-size: 14px">{{getSupportedFeature("video")}}</i></span>
<br /> <br />
Audio Codec: <span style="float: right">{{this.item.audios[0].codec}}</span> Audio Codec: <span style="float: right">{{this.item.audios[0].codec}} <i class="material-icons" style="vertical-align: middle; font-size: 14px">{{getSupportedFeature("audio")}}</i></span>
<br /> <br />
Subtitle Codec: <span style="float: right">{{this.selectedSubtitle ? this.selectedSubtitle.codec : "none"}}</span> Subtitle Codec: <span style="float: right">{{this.selectedSubtitle ? this.selectedSubtitle.codec : "none"}} <i class="material-icons" style="vertical-align: middle; font-size: 14px">{{getSupportedFeature("subtitle")}}</i></span>
<br/> <br/>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>

View File

@ -612,6 +612,23 @@ export class PlayerComponent implements OnInit
} }
} }
getSupportedFeature(feature: string) : string
{
if (!this.supportList)
return "help";
switch (feature)
{
case "container":
return this.supportList.container ? "check_circle" : "cancel";
case "video":
return this.supportList.videoCodec ? "check_circle" : "cancel";
case "audio":
return this.supportList.audioCodec ? "check_circle" : "cancel";
default:
return "help";
}
}
removeHtmlTrack() removeHtmlTrack()
{ {
let elements = this.player.getElementsByTagName("track"); let elements = this.player.getElementsByTagName("track");