Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use imgproxy to generate video posters

Browse Source
This commit is contained in:
Kieran 2023-10-16 15:53:31 +01:00
parent 2ce5bd153b
commit 28fa0b4bc8
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/app/src/Element/Embed/MediaElement.tsx
View File

@ -1,4 +1,5 @@
import { ProxyImg } from "Element/ProxyImg";
import useImgProxy from "Hooks/useImgProxy";
import React from "react";
interface MediaElementProps {
@ -11,12 +12,14 @@ interface MediaElementProps {
}
export function MediaElement(props: MediaElementProps) {
const { proxy } = useImgProxy();
if (props.mime.startsWith("image/")) {
return <ProxyImg key={props.url} src={props.url} onClick={props.onMediaClick} />;
} else if (props.mime.startsWith("audio/")) {
return <audio key={props.url} src={props.url} controls />;
} else if (props.mime.startsWith("video/")) {
return <video key={props.url} src={props.url} controls />;
return <video key={props.url} src={props.url} controls poster={proxy(props.url)} />;
} else {
return (
<a