video_view 1.1.4 copy "video_view: ^1.1.4" to clipboard
video_view: ^1.1.4 copied to clipboard

A lightweight media player with subtitle rendering and audio track switching support, leveraging system or app-level components for seamless playback.

About #

video_view is a lightweight media player with subtitle rendering1 and audio track switching support, leveraging system or app-level components for seamless playback. For API documentation, please visit here.

NOTE: video_view requires Flutter 3.32 or higher. For older versions, please use av_media_player instead.


Demo #

You may try the online demo, or run the demo app locally by cloning this repository:

git clone -c core.symlinks=true https://github.com/xxoo/flutter_video_view.git
cd flutter_video_view/example

For basic usage, just run:

flutter run

For advanced usage, please run:

flutter run lib/main_advanced.dart

Installation #

  1. Add dependency in your project by running:
flutter pub add video_view
  1. Reference video_view in your Dart code:
import 'package:video_view/video_view.dart';
  1. If your project has web support, you may also need to initialize the web entry point by running the following command after installing or updating video_view package:
dart run video_view:webinit
  1. If you encounter "setState while widget is building or locked" issue, then you probably need to install set_state_async package as well.

Platform support #

Platform Version Backend
Android 6+ ExoPlayer
iOS 15+ AVPlayer
macOS 12+ AVPlayer
Windows 10+ MediaPlayer
Linux N/A libmpv2
Web Chrome 84+ / Safari 15+ / Firefox 90+ <video>, ShakaPlayer3

Supported media formats #

For user who only cares about Android and iOS, the following formats are supported without condition:

Type Formats
Video Codec H.264, H.265
Audio Codec AAC, MP3
Container Format MP4, TS
Subtitle Format WebVTT, CEA-608/708
Transfer Protocol HTTP, HLS, LL-HLS

A more complete list with conditions:

Type Formats
Video Codec H.264, H.265(HEVC)4, AV15
Audio Codec AAC, MP3
Container Format MP4, TS, WebM5
Subtitle Format WebVTT6, CEA-608/708
Transfer Protocol HTTP, HLS, LL-HLS, DASH7, MSS7

How to specify format manually #

Most backends don't support manually specifying media format, with Android and Web being the exceptions. Therefore, there's no formal API planned for this feature. However, supported platforms can automatically detect the format from the URL. You can simply append a file extension to the query string or hash fragment to specify the format. Please note that only 3 extensions are recognized: .m3u8, .mpd, and .ism/manifest. If multiple extensions are found, the last one takes precedence. For example:

// No need to specify format, the url already contains `.m3u8`
final example0 = 'https://example.com/video.m3u8';

// Missing extension in path, add `.m3u8` in hash fragment
final example1 = 'https://example.com/video#.m3u8';

// Or in query string
final example1 = 'https://example.com/video?.m3u8';

// Override HLS to DASH
final example2 = 'https://example.com/video.m3u8#.mpd';
3
likes
160
points
720
downloads

Publisher

unverified uploader

Weekly Downloads

A lightweight media player with subtitle rendering and audio track switching support, leveraging system or app-level components for seamless playback.

Repository (GitHub)
View/report issues

Topics

#player #video #media #subtitles #hls

Documentation

API reference

License

BSD-2-Clause (license)

Dependencies

flutter, flutter_web_plugins, set_state_async

More

Packages that depend on video_view