Add URL to Generate Video

\n \n ×\n \n

\n\n

\n \n Website URL\n \n setUrl(e.target.value)}\n placeholder=\"https://example.com\"\n className=\"w-full px-4 py-3 bg-white bg-opacity-10 backdrop-blur-lg rounded-lg border border-gray-600 focus:border-pink-500 focus:outline-none text-white placeholder-gray-400\"\n disabled={loading}\n required\n />\n {error && (\n

{error}

\n )}\n

\n\n

\n setShowAdvanced(!showAdvanced)}\n className=\"text-sm text-gray-400 hover:text-white transition-colors\"\n >\n {showAdvanced ? '▼' : '▶'} Advanced Options\n \n

\n\n {showAdvanced && (\n

\n \n Video Generation Prompt\n \n setPrompt(e.target.value)}\n rows={6}\n className=\"w-full px-4 py-3 bg-white bg-opacity-10 backdrop-blur-lg rounded-lg border border-gray-600 focus:border-pink-500 focus:outline-none text-white placeholder-gray-400 resize-none\"\n placeholder=\"Describe how you want the video to be generated...\"\n disabled={loading}\n />\n

\n Customize how the AI generates your video. The prompt will be combined with the page summary and screenshot.\n

\n\n

\n setPrompt(DEFAULT_VIDEO_PROMPT)}\n className=\"text-sm px-3 py-1 bg-gray-600 hover:bg-gray-500 rounded transition-colors\"\n disabled={loading}\n >\n Reset to Default\n \n

\n )}\n\n

\n \n {loading ? (\n <>\n

\n Generating...\n \n ) : (\n 'Generate Video'\n )}\n \n \n Cancel\n \n

\n\n

How it works:

1. 📄 Fetch the page content as markdown
2. 📸 Take a screenshot of the page
3. 🤖 Generate an AI summary using Gemini
4. 🎬 Create a TikTok-style video using Veo AI

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/paulkinlan/veo-feed/code/frontend/components/URLInput.tsx","extension","actionData","errors"]