Format VideoEditor component code and fix upload headers

This commit is contained in:
SrGooglo 2025-04-24 09:39:25 +00:00
parent 69c4497671
commit 480efdef63

View File

@ -20,21 +20,22 @@ const VideoEditor = (props) => {
props.onChange(key, value)
}
return <div className="video-editor">
return (
<div className="video-editor">
<h1>
<Icons.MdVideocam />
Video
</h1>
{
(!props.videoSourceURL) && <antd.Empty
{!props.videoSourceURL && (
<antd.Empty
image={<Icons.MdVideocam />}
description="No video"
/>
}
)}
{
props.videoSourceURL && <div className="video-editor-preview">
{props.videoSourceURL && (
<div className="video-editor-preview">
<VideoPlayer
controls={[
"play",
@ -47,7 +48,7 @@ const VideoEditor = (props) => {
src={props.videoSourceURL}
/>
</div>
}
)}
<div className="flex-column align-start gap10">
<div className="flex-row align-center gap10">
@ -64,7 +65,10 @@ const VideoEditor = (props) => {
<antd.TimePicker
showNow={false}
defaultValue={props.startSyncAt && dayjs((props.startSyncAt), "mm:ss:SSS")}
defaultValue={
props.startSyncAt &&
dayjs(props.startSyncAt, "mm:ss:SSS")
}
format={"mm:ss:SSS"}
onChange={(time, str) => {
handleChange("startSyncAt", str)
@ -78,19 +82,15 @@ const VideoEditor = (props) => {
onSuccess={(id, response) => {
handleChange("videoSourceURL", response.url)
}}
accept={[
"video/*",
]}
accept={["video/*"]}
headers={{
"transmux": "mq-hls",
transformations: "mq-hls",
}}
disabled={props.loading}
>
Upload video
</UploadButton>
or
<antd.Input
placeholder="Set a video HLS URL"
onChange={(e) => {
@ -101,6 +101,7 @@ const VideoEditor = (props) => {
/>
</div>
</div>
)
}
export default VideoEditor