🎥 Video Vision AI

\n \n {videoFile && (\n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: 'Arial, sans-serif',\n maxWidth: '600px',\n margin: '0 auto',\n padding: '20px',\n textAlign: 'center',\n },\n title: {\n color: '#333',\n marginBottom: '20px',\n },\n fileInput: {\n marginBottom: '15px',\n },\n uploadButton: {\n backgroundColor: '#4CAF50',\n color: 'white',\n padding: '10px 20px',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer',\n },\n analysisBox: {\n marginTop: '20px',\n padding: '15px',\n backgroundColor: '#f0f0f0',\n borderRadius: '5px',\n }\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === 'POST') {\n try {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n // Parse the JSON payload\n const payload = await request.json();\n const { frameDataUrl } = payload;\n\n if (!frameDataUrl) {\n return new Response('No video frame uploaded', { status: 400 });\n }\n\n // Remove the data URL prefix to get pure base64\n const base64Image = frameDataUrl.split(',')[1];\n\n // Use OpenAI Vision to analyze the image frame\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n {\n role: \"user\",\n content: [\n { \n type: \"text\", \n text: \"Describe the key contents, actions, and notable elements in this video frame. Provide a concise but comprehensive analysis.\" \n },\n { \n type: \"image_url\", \n image_url: { \n url: `data:image/jpeg;base64,${base64Image}` \n } \n }\n ]\n }\n ],\n max_tokens: 300\n });\n\n const analysis = completion.choices[0].message.content || \"No analysis available\";\n return new Response(analysis, { \n headers: { 'Content-Type': 'text/plain' } \n });\n\n } catch (error) {\n console.error('Video analysis error:', error);\n return new Response('Error processing video', { status: 500 });\n }\n }\n\n // Serve HTML for GET requests\n return new Response(`\n \n \n Video Vision AI\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/RuthvikBandari/videoVisionAnalysis/code/main.tsx","extension","actionData","errors"]

🎥 Video Vision AI

AI Analysis: