video_appbar

Description:

video appbar

VideoAppBar for Flutter #


A Flutter package that allows playing videos within the AppBar, and customizing each of its components.




Android
iOS
macOS
Web




Support
SDK 16+
12.0+
10.14+
Any*



Demo #



Mobile - Android
Mobile - Android (with leading)












Tablet - Android








Installation #
First, add video_appbar as a dependency in your pubspec.yaml file.
dependencies:
video_appbar: ^0.0.1+2
copied to clipboard
Dependency #
This package works using the video_player plugin. If you need any information about compatible formats or other details, you can visit the official documentation. Below are the necessary configurations for using internet-based videos:
iOS #
If you need to access videos using http (rather than https) URLs, you will need to add
the appropriate NSAppTransportSecurity permissions to your app's Info.plist file, located
in <project root>/ios/Runner/Info.plist. See
Apple's documentation
to determine the right combination of entries for your use case and supported iOS versions.
Android #
If you are using network-based videos, ensure that the following permission is present in your
Android Manifest file, located in <project root>/android/app/src/main/AndroidManifest.xml:
<uses-permission android:name="android.permission.INTERNET"/>
copied to clipboard
macOS #
If you are using network-based videos, you will need to add the
com.apple.security.network.client
entitlement
Example #
import 'package:flutter/material.dart';
import 'package:video_appbar/video_appbar.dart';

void main() {
runApp(const MainApp());
}

class MainApp extends StatelessWidget {
const MainApp({super.key});

@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: SafeArea(
child: Scaffold(
appBar: VideoAppBar(
source: VideoAppBarSource.network(
url: 'https://github.com/jorgemvv01/flutter_video_appbar/raw/main/example/res/video/video_01.mp4'
),
height: 54,
body: const Center(
child: Text(
'Video appbar body',
style: TextStyle(
fontSize: 18,
color: Colors.white
),
)
),
),
)
),
);
}
}
copied to clipboard
Acknowledgements #
The images and videos for the demo showcasing the package functionality were taken from the official valorant page.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter