soapbox/app/soapbox/utils/media.ts

88 wiersze
2.4 KiB
TypeScript

const truncateFilename = (url: string, maxLength: number) => {
const filename = url.split('/').pop();
if (!filename) {
return filename;
}
if (filename.length <= maxLength) return filename;
return [
filename.substr(0, maxLength / 2),
filename.substr(filename.length - maxLength / 2),
].join('…');
};
const formatBytes = (bytes: number, decimals: number = 2) => {
if (bytes === 0) return '0 Bytes';
const k = 1024;
const dm = decimals < 0 ? 0 : decimals;
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
};
const getVideoDuration = (file: File): Promise<number> => {
const video = document.createElement('video');
const promise = new Promise<number>((resolve, reject) => {
video.addEventListener('loadedmetadata', () => {
// Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=642012
if (video.duration === Infinity) {
video.currentTime = Number.MAX_SAFE_INTEGER;
video.ontimeupdate = () => {
video.ontimeupdate = null;
resolve(video.duration);
video.currentTime = 0;
};
} else {
resolve(video.duration);
}
});
video.onerror = (event: any) => reject(event.target.error);
});
video.src = window.URL.createObjectURL(file);
return promise;
};
const domParser = new DOMParser();
enum VideoProviders {
RUMBLE = 'rumble.com'
}
const addAutoPlay = (html: string): string => {
const document = domParser.parseFromString(html, 'text/html').documentElement;
const iframe = document.querySelector('iframe');
if (iframe) {
const url = new URL(iframe.src);
const provider = new URL(iframe.src).host;
if (provider === VideoProviders.RUMBLE) {
url.searchParams.append('pub', '7a20');
url.searchParams.append('autoplay', '2');
} else {
url.searchParams.append('autoplay', '1');
url.searchParams.append('auto_play', '1');
iframe.allow = 'autoplay';
}
iframe.src = url.toString();
// DOM parser creates html/body elements around original HTML fragment,
// so we need to get innerHTML out of the body and not the entire document
return (document.querySelector('body') as HTMLBodyElement).innerHTML;
}
return html;
};
export { getVideoDuration, formatBytes, truncateFilename, addAutoPlay };