🎬 Luma AI Video Generator

Create stunning AI-generated videos from text prompts

\n\n

\n \n Video Prompt\n \n setPrompt(e.target.value)}\n placeholder=\"Describe the video you want to generate...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n rows={4}\n disabled={isGenerating}\n />\n

\n\n

\n \n Aspect Ratio\n \n setAspectRatio(e.target.value as GenerationRequest['aspect_ratio'])}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n disabled={isGenerating}\n >\n {aspectRatioOptions.map((option) => (\n \n ))}\n \n

\n\n \n {isGenerating ? \"Generating Video...\" : \"Generate Video\"}\n \n

\n\n {error && (\n

⚠️

Error

{error}

\n )}\n\n {currentGeneration && (\n

Generation Status

\n {getStatusDisplay(currentGeneration.state).text}\n

\n\n

\n ID:\n {currentGeneration.id}\n

\n Prompt:\n {currentGeneration.request.prompt}\n

\n Aspect Ratio:\n {currentGeneration.request.aspect_ratio}\n

\n Model:\n {currentGeneration.model}\n

\n Resolution:\n {currentGeneration.request.resolution}\n

\n Duration:\n {currentGeneration.request.duration}\n

\n Created:\n {new Date(currentGeneration.created_at).toLocaleString()}\n

\n\n {currentGeneration.state === 'completed' && currentGeneration.assets?.video && (\n

Generated Video

\n \n \n Your browser does not support the video tag.\n \n

\n \n 📥 Download Video\n \n

\n Resolution: {currentGeneration.request.resolution} • Duration: {currentGeneration.request.duration}\n

\n )}\n\n {currentGeneration.state === 'dreaming' && (\n

Your video is being generated... This may take a few minutes.

\n {currentGeneration.assets?.progress_video && (\n

Generation in progress:

\n \n \n \n

\n )}\n

\n );\n}","deleted","label",[172,173,154],"frontend","components","permalink","https://www.val.town/x/charmaine/lumalabs-starter/code/frontend/components/App.tsx","extension","actionData","errors"]