Real AI Video Generator
Create Videos From Your Images
Upload an image and we'll animate it for you
Your Generated Video
Based on: "{{ animationPrompt }}"
Generating Your Video
Applying: "{{ animationPrompt }}"
// server.js
require('dotenv').config();
const express = require('express');
const multer = require('multer');
const axios = require('axios');
const FormData = require('form-data');
const fs = require('fs');
const app = express();
const upload = multer({ dest: 'uploads/' });
app.post('/api/generate-video', upload.single('image'), async (req, res) => {
try {
const { prompt } = req.body;
const imagePath = req.file.path;
// Example for Pika Labs API
const form = new FormData();
form.append('image', fs.createReadStream(imagePath));
form.append('prompt', prompt);
const response = await axios.post('https://api.pika.labs/generate', form, {
headers: {
'Authorization': `Bearer ${process.env.PIKA_API_KEY}`,
...form.getHeaders()
}
});
// Clean up
fs.unlinkSync(imagePath);
res.json({ videoUrl: response.data.video_url });
} catch (error) {
console.error(error);
res.status(500).json({ error: 'Video generation failed' });
}
});
const PORT = process.env.PORT || 3001;
app.listen(PORT, () => console.log(`Server running on port ${PORT}`));
const generateVideo = async () => {
if (!image.value || !animationPrompt.value) {
alert('Please upload an image and provide animation instructions');
return;
}
isGenerating.value = true;
progress.value = 0;
try {
const formData = new FormData();
formData.append('image', image.value.file);
formData.append('prompt', animationPrompt.value);
const response = await fetch('http://your-backend-url/api/generate-video', {
method: 'POST',
body: formData
});
const data = await response.json();
videoUrl.value = data.videoUrl;
} catch (error) {
console.error(error);
alert('Failed to generate video');
} finally {
isGenerating.value = false;
progress.value = 100;
}
};
Comments
Post a Comment