In my previous post I showed how to upload videos to Firebase Cloud Storage using client side encoding. This approach puts the encoding burden on the client, but can save server transcoding costs.
Note: The method we’ll see here solved the security issue I described in this post, as the API key and secret aren’t used in the client at all.
The processing pipeline for each video file is as follows:
Here’s what the screen will look like:
I’m assuming you have a flutter dev env set up. If not, you can use Flutter’s Getting Started.
Now let’s create a new project named
flutter_login_video. In the terminal run:
flutter create --org com.learningsomethingnew.fluttervideo --project-name flutter_login_video flutter_login_video
It’s a good idea to do your first commit at this point
We’ll use the video_player plugin to display the video in the background. …
We’ll see how to build a flutter app for iOS/Android that allows users to view and share videos. In my previous post I showed how to do this with Publitio as our video storage API. In this tutorial we’ll use Firebase Cloud Storage to host the videos instead. We’ll also add client-side encoding and HLS support, so the client can stream the videos with adaptive bitrate.