Menu

1 / 2

Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage

DEV Community·Connie Leung·6 months ago
#2fVLmSTq
#extendvideocounter#ai#angular#veo#firebase
Reading 0:00
15s threshold

Google released the Veo 3.1 Lite model for AI video generation in the Gemini API, Gemini in Vertex AI, and Gemini AI Studio. This model solves a common developer pain point: generating high-quality videos quickly and at a lower cost.

In this blog post, I migrate my application to use the Veo 3.1 Lite model and implement a new Firebase Cloud Function to extend a video using the GenAI TypeScript SDK.

The application supports image-to-video generation, video interpolation using the first and last frames, and extending Veo videos.

Prerequisites

The technical stack of the project:

Angular 21 , the latest version as of April 2026.

Node LTS , the LTS version as of April 2026.

Firebase Remote Config: To manage dynamic parameters.

Firebase Cloud Functions: To be called by the frontend to generate a video, interpolate a video between two images, or extend a Veo video.

Firebase Cloud Storage: To host the generated video files in the default Firebase Storage bucket.

Firebase Local Emulator Suite: To test the…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.