beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Media_kit: Add hero animation for new video widget

Browse source
This commit is contained in:
ashilkn 2023-09-06 06:55:24 +05:30
parent d030a6ddd1
commit 6c70c039b8
2 changed files with 42 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
lib/ui/viewer/file/file_widget.dart
View file

@ -40,7 +40,10 @@ class FileWidget extends StatelessWidget {
// tagPrefix: tagPrefix,
// playbackCallback: playbackCallback,
// );
return VideoWidgetNew(file);
return VideoWidgetNew(
file,
tagPrefix: tagPrefix,
);
} else {
Logger('FileWidget').severe('unsupported file type ${file.fileType}');
return const Icon(Icons.error);

70
lib/ui/viewer/file/video_widget_new.dart
View file

@ -17,7 +17,12 @@ import "package:photos/utils/toast_util.dart";
class VideoWidgetNew extends StatefulWidget {
final EnteFile file;
const VideoWidgetNew(this.file, {super.key});
final String? tagPrefix;
const VideoWidgetNew(
this.file, {
this.tagPrefix,
super.key,
});
@override
State<VideoWidgetNew> createState() => _VideoWidgetNewState();
@ -25,9 +30,7 @@ class VideoWidgetNew extends StatefulWidget {
class _VideoWidgetNewState extends State<VideoWidgetNew> {
static const verticalMargin = 100.0;
// Create a [Player] to control playback.
late final player = Player();
// Create a [VideoController] to handle video output from [Player].
VideoController? controller;
final _progressNotifier = ValueNotifier<double?>(null);
@ -72,35 +75,38 @@ class _VideoWidgetNewState extends State<VideoWidgetNew> {
@override
Widget build(BuildContext context) {
final colorScheme = getEnteColorScheme(context);
return GestureDetector(
//This gestureDetector is to stop swiping the pageView when seeking the
//video using the seekbar.
onHorizontalDragUpdate: (details) {},
child: MaterialVideoControlsTheme(
normal: MaterialVideoControlsThemeData(
seekBarMargin: const EdgeInsets.only(bottom: verticalMargin),
bottomButtonBarMargin: const EdgeInsets.only(bottom: 112),
controlsHoverDuration: const Duration(seconds: 3),
seekBarHeight: 4,
seekBarBufferColor: Colors.transparent,
seekBarThumbColor: backgroundElevatedLight,
seekBarColor: fillMutedDark,
seekBarPositionColor: colorScheme.primary300.withOpacity(0.8),
topButtonBarMargin: const EdgeInsets.only(top: verticalMargin),
bottomButtonBar: [
const Spacer(),
PausePlayAndDuration(controller?.player),
const Spacer(),
],
primaryButtonBar: [],
),
fullscreen: const MaterialVideoControlsThemeData(),
child: Center(
child: controller != null
? Video(
controller: controller!,
)
: _getLoadingWidget(),
return Hero(
tag: widget.tagPrefix! + widget.file.tag,
child: GestureDetector(
//This gestureDetector is to stop swiping the pageView when seeking the
//video using the seekbar.
onHorizontalDragUpdate: (details) {},
child: MaterialVideoControlsTheme(
normal: MaterialVideoControlsThemeData(
seekBarMargin: const EdgeInsets.only(bottom: verticalMargin),
bottomButtonBarMargin: const EdgeInsets.only(bottom: 112),
controlsHoverDuration: const Duration(seconds: 3),
seekBarHeight: 4,
seekBarBufferColor: Colors.transparent,
seekBarThumbColor: backgroundElevatedLight,
seekBarColor: fillMutedDark,
seekBarPositionColor: colorScheme.primary300.withOpacity(0.8),
topButtonBarMargin: const EdgeInsets.only(top: verticalMargin),
bottomButtonBar: [
const Spacer(),
PausePlayAndDuration(controller?.player),
const Spacer(),
],
primaryButtonBar: [],
),
fullscreen: const MaterialVideoControlsThemeData(),
child: Center(
child: controller != null
? Video(
controller: controller!,
)
: _getLoadingWidget(),
),
),
),
);