Export Video

\n \n

\n\n {!isExporting ? (\n <>\n

\n Format\n setExportSettings(prev => ({\n ...prev,\n format: e.target.value as any\n }))}\n >\n \n \n \n \n

\n\n

\n Quality\n setExportSettings(prev => ({\n ...prev,\n quality: e.target.value as any\n }))}\n >\n {Object.entries(qualityPresets).map(([key, preset]) => (\n \n ))}\n \n

\n\n

\n Resolution\n {\n const [width, height] = e.target.value.split('x').map(Number);\n setExportSettings(prev => ({\n ...prev,\n resolution: { width, height }\n }));\n }}\n >\n {resolutionPresets.map(preset => (\n \n ))}\n \n

\n\n

\n Frame Rate\n setExportSettings(prev => ({\n ...prev,\n fps: parseInt(e.target.value)\n }))}\n >\n \n \n \n \n

\n\n

Export Summary

Duration: {Math.floor(project.duration / 60)}:{(project.duration % 60).toFixed(1).padStart(4, '0')}

Resolution: {exportSettings.resolution.width} × {exportSettings.resolution.height}

Frame Rate: {exportSettings.fps} FPS

Quality: {qualityPresets[exportSettings.quality].description}

Estimated Size: ~{Math.round(project.duration * qualityPresets[exportSettings.quality].bitrate / 8000)} MB

\n\n {exportError && (\n

\n \n {exportError}\n

\n )}\n

\n\n

\n \n \n

\n \n ) : (\n

\n \n

Exporting Video...

This may take a few minutes depending on your video length and quality settings.

\n \n

{Math.round(exportProgress)}% complete

\n )}\n

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