mirrors/fcast
1
0
Fork 0
mirror of https://gitlab.com/futo-org/fcast.git synced 2025-07-24 02:46:59 +00:00
Code Activity

Hide captions button when unsupported in stream

Browse source
This commit is contained in:
Michael Hollister 2024-11-12 23:48:32 -06:00
parent f1e7363e31
commit 359acfd09e
2 changed files with 40 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
receivers/electron/src/player/Player.ts
View file

@ -203,6 +203,16 @@ export class Player {
} }
} }
isCaptionsSupported(): boolean {
if (this.playerType === PlayerType.Dash) {
return (this.player as dashjs.MediaPlayerClass).getTracksFor('text').length > 0;
} else if (this.playerType === PlayerType.Hls) {
return this.hlsPlayer.allSubtitleTracks.length > 0;
} else {
return false; // HTML captions not currently supported
}
}
isCaptionsEnabled(): boolean { isCaptionsEnabled(): boolean {
if (this.playerType === PlayerType.Dash) { if (this.playerType === PlayerType.Dash) {
return (this.player as dashjs.MediaPlayerClass).isTextEnabled(); return (this.player as dashjs.MediaPlayerClass).isTextEnabled();
@ -212,6 +222,7 @@ export class Player {
return false; // HTML captions not currently supported return false; // HTML captions not currently supported
} }
} }
enableCaptions(enable: boolean) { enableCaptions(enable: boolean) {
if (this.playerType === PlayerType.Dash) { if (this.playerType === PlayerType.Dash) {
(this.player as dashjs.MediaPlayerClass).enableText(enable); (this.player as dashjs.MediaPlayerClass).enableText(enable);

30
receivers/electron/src/player/Renderer.ts
View file

@ -309,7 +309,7 @@ enum PlayerControlEvent {
ExitFullscreen, ExitFullscreen,
} }
// UI update handler // UI update handlers
function playerCtrlStateUpdate(event: PlayerControlEvent) { function playerCtrlStateUpdate(event: PlayerControlEvent) {
switch (event) { switch (event) {
case PlayerControlEvent.Load: { case PlayerControlEvent.Load: {
@ -332,6 +332,15 @@ function playerCtrlStateUpdate(event: PlayerControlEvent) {
playerCtrlDuration.innerHTML = `/&nbsp&nbsp${formatDuration(player.getDuration())}`; playerCtrlDuration.innerHTML = `/&nbsp&nbsp${formatDuration(player.getDuration())}`;
} }
if (player.isCaptionsSupported()) {
playerCtrlCaptions.setAttribute("style", "display: block");
videoCaptions.setAttribute("style", "display: block");
}
else {
playerCtrlCaptions.setAttribute("style", "display: none");
videoCaptions.setAttribute("style", "display: none");
player.enableCaptions(false);
}
playerCtrlStateUpdate(PlayerControlEvent.SetCaptions); playerCtrlStateUpdate(PlayerControlEvent.SetCaptions);
break; break;
} }
@ -481,6 +490,25 @@ function playerCtrlStateUpdate(event: PlayerControlEvent) {
} }
} }
function scrubbingMouseUIHandler(e: MouseEvent) {
const progressBarOffset = e.offsetX - 8;
const progressBarWidth = PlayerCtrlProgressBarInteractiveArea.offsetWidth - 16;
let time = isLive ? Math.round((1 - (progressBarOffset / progressBarWidth)) * player.getDuration()) : Math.round((progressBarOffset / progressBarWidth) * player.getDuration());
time = Math.min(player.getDuration(), Math.max(0.0, time));
if (scrubbing && isLive && e.buttons === 1) {
isLivePosition = false;
playerCtrlLiveBadge.setAttribute("style", `background-color: #595959`);
}
const livePrefix = isLive && Math.floor(time) !== 0 ? "-" : "";
playerCtrlProgressBarPosition.textContent = isLive ? `${livePrefix}${formatDuration(time)}` : formatDuration(time);
let offset = e.offsetX - (playerCtrlProgressBarPosition.offsetWidth / 2);
offset = Math.min(PlayerCtrlProgressBarInteractiveArea.offsetWidth - (playerCtrlProgressBarPosition.offsetWidth / 1), Math.max(8, offset));
playerCtrlProgressBarPosition.setAttribute("style", `display: block; left: ${offset}px`);
}
// Receiver generated event handlers // Receiver generated event handlers
playerCtrlAction.onclick = () => { playerCtrlAction.onclick = () => {
if (player.isPaused()) { if (player.isPaused()) {