beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

add fallback logic to check if video is not playable and convert it

Browse source
This commit is contained in:
Abhinav 2023-06-01 11:12:31 +05:30
parent deffab0dc8
commit e9c67d0f20
1 changed files with 38 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
apps/photos/src/utils/photoFrame/index.ts
View file

@ -3,6 +3,9 @@ import { EnteFile } from 'types/file';
import { MergedSourceURL } from 'types/gallery';
import { logError } from 'utils/sentry';
import { t } from 'i18next';
import { getFileFromURL, getPlayableVideo } from 'utils/file';
import { addLogLine } from 'utils/logging';
import { getFileType } from 'services/typeDetectionService';
const WAIT_FOR_VIDEO_PLAYBACK = 1 * 1000;
@ -106,6 +109,30 @@ export async function updateFileSrcProps(
file.originalVideoURL = originalVideoURL;
if (file.metadata.fileType === FILE_TYPE.VIDEO) {
if (isPlayable) {
file.html = `
<video controls onContextMenu="return false;">
<source src="${convertedVideoURL}" />
Your browser does not support the video tag.
</video>
`;
} else {
addLogLine(
'video not playable, downloading original video and converting it to playable format'
);
const fileObject = await getFileFromURL(originalVideoURL);
const fileType = getFileType(fileObject);
logError(Error(''), 'video format not supported', {
fileType,
});
const originalFileData = new Uint8Array(
await fileObject.arrayBuffer()
);
const convertedVideoURL = URL.createObjectURL(
await getPlayableVideo(file.metadata.title, originalFileData)
);
addLogLine("video converted, updating it's url");
const isPlayable = await isPlaybackPossible(convertedVideoURL);
if (isPlayable) {
file.html = `
<video controls onContextMenu="return false;">
@ -126,6 +153,7 @@ export async function updateFileSrcProps(
</div>
`;
}
}
} else if (file.metadata.fileType === FILE_TYPE.LIVE_PHOTO) {
if (isPlayable) {
file.html = `