Video Editor

\n \n

fileInputRef.current?.click()}\n style={{ \n height: 'calc(100vh - 60px)',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center'\n }}\n >\n \n

Import your videos to get started

Drag and drop video files here or click to browse

\n \n

\n\n e.target.files && handleFileUpload(e.target.files)}\n />\n

\n );\n }\n\n return (\n

Video Editor

\n \n \n

\n \n {Math.floor(currentTime / 60)}:{(currentTime % 60).toFixed(1).padStart(4, '0')}\n \n \n

\n\n

\n \n \n

\n \n \n \n \n \n\n

\n setCurrentTime(parseFloat(e.target.value))}\n className=\"w-full\"\n />\n

\n\n

\n Zoom:\n setZoom(parseFloat(e.target.value))}\n className=\"w-20\"\n />\n

\n\n c.id === selectedClip) : null}\n onAddEffect={addEffect}\n onRemoveEffect={removeEffect}\n onUpdateClip={updateClip}\n />\n

\n\n \n\n {showExportModal && (\n setShowExportModal(false)}\n />\n )}\n\n e.target.files && handleFileUpload(e.target.files)}\n />\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/awaui/untitled-6832/code/frontend/components/App.tsx","extension","actionData","errors"]