https://github.com/shadow60539/flutter_preload_videos

Preloading videos in Flutter 💙
https://github.com/shadow60539/flutter_preload_videos

api bloc dart flutter preload provider video video-player

Last synced: 3 months ago
JSON representation

Preloading videos in Flutter 💙

• Host: GitHub
• URL: https://github.com/shadow60539/flutter_preload_videos
• Owner: Shadow60539
• Created: 2021-07-25T09:16:37.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-04-23T07:33:52.000Z (almost 3 years ago)
• Last Synced: 2025-05-18T16:54:20.928Z (9 months ago)
• Topics: api, bloc, dart, flutter, preload, provider, video, video-player
• Language: Dart
• Homepage: https://medium.com/@sanjeevmadhav03/preloading-videos-in-flutter-4b65cf0681c6
• Size: 39.2 MB
• Stars: 134
• Watchers: 1
• Forks: 40
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![Dart](https://img.shields.io/badge/Dart-0175C2?logo=dart&logoColor=white)](https://pub.dev/packages/fancy_text_reveal)  ![Flutter](https://img.shields.io/badge/Flutter-02569B?logo=flutter&logoColor=white)

![lib](images/poster.png)

# Flutter Preload Videos from API

### Introduction 🚀

> Preloading logic to reduce video initialization using isolate to fetch videos in the background so that the video experience is not disturbed.

> Without the use of isolate, the video will be paused whenever there is an API call because the main thread will be busy fetching new video URLs.

> More about isolate: 🌐 https://blog.codemagic.io/understanding-flutter-isolates/

### Demo 👀

![Output sample](images/demo.gif)

### Logic 🎯

![lib](images/logic.png)

### Usage 🎨

To clone and run this application, you'll need [git](https://git-scm.com) and [flutter](https://flutter.dev/docs/get-started/install) installed on your computer. From your command line:

```bash

# Clone this repository

$ git clone https://github.com/Shadow60539/flutter_preload_videos.git

# Go into the repository

$ cd flutter_preload_videos

# Install dependencies

$ flutter packages get

# Run the app

$ flutter run

```

### Packages 📦

Package | Description

---|---

[video_player](https://pub.flutter-io.cn/packages/video_player) | Render videos in Flutter

[build_runner](https://pub.flutter-io.cn/packages/build_runner) | Build Custom Models

[flutter_bloc](https://pub.flutter-io.cn/packages/flutter_bloc) | BLoC State Management

[freezed](https://pub.flutter-io.cn/packages/freezed) | Code generation for immutable classes

### Directory Structure 🏢

The project directory structure is as follows:

```

├── android

├── asset

├── build

├── images

├── ios

├── lib

├── test

├── analysis_options.yaml

├── pubspec.lock

├── pubspec.yaml

```