mirrors/fcast
1
0
Fork 0
mirror of https://gitlab.com/futo-org/fcast.git synced 2025-06-24 21:25:23 +00:00
Code Activity

Receivers: Added support for viewing browser supported generic file content

Browse source
This commit is contained in:
Michael Hollister 2025-05-12 23:49:10 -05:00
parent e3c437a280
commit 45b8e915e3
8 changed files with 346 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

61
receivers/common/web/viewer/Renderer.ts Normal file
View file

@ -0,0 +1,61 @@
import { PlayMessage, SeekMessage, SetSpeedMessage, SetVolumeMessage } from 'common/Packets';
import { supportedImageTypes } from 'common/MimeTypes';
import * as connectionMonitor from '../ConnectionMonitor';
import { toast, ToastIcon } from '../components/Toast';
const logger = window.targetAPI.logger;
const imageViewer = document.getElementById('viewer-image') as HTMLImageElement;
const genericViewer = document.getElementById('viewer-generic') as HTMLIFrameElement;
function onPlay(_event, value: PlayMessage) {
logger.info("Handle play message renderer", JSON.stringify(value));
const src = value.url ? value.url : value.content;
if (src && value.container && supportedImageTypes.find(v => v === value.container.toLocaleLowerCase()) && imageViewer) {
logger.info("Loading image viewer");
genericViewer.style.display = "none";
genericViewer.src = "";
imageViewer.src = src;
imageViewer.style.display = "block";
}
else if (src && genericViewer) {
logger.info("Loading generic viewer");
imageViewer.style.display = "none";
imageViewer.src = "";
genericViewer.src = src;
genericViewer.style.display = "block";
} else {
logger.error("Error loading content");
imageViewer.style.display = "none";
imageViewer.src = "";
genericViewer.style.display = "none";
genericViewer.src = "";
}
};
window.targetAPI.onPause(() => { logger.warn('onPause handler invoked for generic content viewer'); });
window.targetAPI.onResume(() => { logger.warn('onResume handler invoked for generic content viewer'); });
window.targetAPI.onSeek((_event, value: SeekMessage) => { logger.warn('onSeek handler invoked for generic content viewer'); });
window.targetAPI.onSetVolume((_event, value: SetVolumeMessage) => { logger.warn('onSetVolume handler invoked for generic content viewer'); });
window.targetAPI.onSetSpeed((_event, value: SetSpeedMessage) => { logger.warn('onSetSpeed handler invoked for generic content viewer'); });
connectionMonitor.setUiUpdateCallbacks({
onConnect: (connections: string[], initialUpdate: boolean = false) => {
if (!initialUpdate) {
toast('Device connected', ToastIcon.INFO);
}
},
onDisconnect: (connections: string[]) => {
toast('Device disconnected. If you experience playback issues, please reconnect.', ToastIcon.INFO);
},
});
window.targetAPI.onPlay(onPlay);