Pre-requisites

Sign in to Firebase Studio

In Firebase Studio

  1. You can import an existing project. Or you can start from scratch by entering what you want to build.

  2. We start with the following requirements.

    Create an app that takes video file as input, and capture a snapshot of the playback every 10 seconds. 
Images are stored into a new folder, with filename labelled using running number.

  3. Firebase Studio proposes a list of features and styling for the App. You could modify on top of this.

  4. Click "Prototype this App" to generate the code. After 2 minutes, the code is ready.

  5. A preview of the app is also presented. We can see the color theme is similar to what was set earlier.

Test Our App

  1. First, we select a video from the local storage.

  2. Click the "Capture Snapshots" button.

  3. We can see 3 images are created.

  4. This is correct because the original video length is 00:21

  5. Next, we click on the download button, and a zip file containing these images is downloaded.