c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-29 15:11:58 +00:00
Code Releases Activity

stateful widget

Browse source
This commit is contained in:
Alex 2024-08-10 10:31:10 -05:00 committed by mertalev
parent a346a37743
commit 6f3ceb58b8
No known key found for this signature in database
GPG key ID: CA85EF6600C9E8AD
2 changed files with 111 additions and 77 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
mobile/lib/pages/common/gallery_viewer.page.dart
View file

@ -354,8 +354,9 @@ class GalleryViewerPage extends HookConsumerWidget {
);
} else {
final useNativePlayer =
asset.isLocal && asset.livePhotoVideoId == null;
a.isLocal && a.livePhotoVideoId == null;
debugPrint("asset.isLocal ${asset.isLocal}");
debugPrint("build video player $useNativePlayer");
return PhotoViewGalleryPageOptions.customChild(
onDragStart: (_, details, __) =>
localPosition.value = details.localPosition,
@ -374,14 +375,6 @@ class GalleryViewerPage extends HookConsumerWidget {
? NativeVideoViewerPage(
key: ValueKey(a),
asset: a,
// loopVideo: shouldLoopVideo.value,
// placeholder: Image(
// image: provider,
// fit: BoxFit.contain,
// height: context.height,
// width: context.width,
// alignment: Alignment.center,
// ),
)
: VideoViewerPage(
key: ValueKey(a),

175
mobile/lib/pages/common/native_video_viewer.page.dart
View file

@ -27,82 +27,123 @@ class NativeVideoViewerPage extends ConsumerStatefulWidget {
}
class NativeVideoViewerPageState extends ConsumerState<NativeVideoViewerPage> {
NativeVideoPlayerController? _controller;
bool isAutoplayEnabled = false;
bool isPlaybackLoopEnabled = false;
double videoWidth = 0;
double videoHeight = 0;
Future<void> _initController(NativeVideoPlayerController controller) async {
_controller = controller;
_controller?. //
onPlaybackStatusChanged
.addListener(_onPlaybackStatusChanged);
_controller?. //
onPlaybackPositionChanged
.addListener(_onPlaybackPositionChanged);
_controller?. //
onPlaybackSpeedChanged
.addListener(_onPlaybackSpeedChanged);
_controller?. //
onVolumeChanged
.addListener(_onPlaybackVolumeChanged);
_controller?. //
onPlaybackReady
.addListener(_onPlaybackReady);
_controller?. //
onPlaybackEnded
.addListener(_onPlaybackEnded);
await _loadVideoSource();
}
Future<void> _loadVideoSource() async {
final videoSource = await _createVideoSource();
await _controller?.loadVideoSource(videoSource);
}
Future<VideoSource> _createVideoSource() async {
final file = await widget.asset.local!.file;
if (file == null) {
throw Exception('No file found for the video');
}
return await VideoSource.init(
path: file.path,
type: VideoSourceType.file,
);
}
@override
void dispose() {
_controller?. //
onPlaybackStatusChanged
.removeListener(_onPlaybackStatusChanged);
_controller?. //
onPlaybackPositionChanged
.removeListener(_onPlaybackPositionChanged);
_controller?. //
onPlaybackSpeedChanged
.removeListener(_onPlaybackSpeedChanged);
_controller?. //
onVolumeChanged
.removeListener(_onPlaybackVolumeChanged);
_controller?. //
onPlaybackReady
.removeListener(_onPlaybackReady);
_controller?. //
onPlaybackEnded
.removeListener(_onPlaybackEnded);
_controller = null;
super.dispose();
}
void _onPlaybackReady() {
final videoInfo = _controller?.videoInfo;
if (videoInfo != null) {
videoWidth = videoInfo.width.toDouble();
videoHeight = videoInfo.height.toDouble();
}
setState(() {});
_controller?.play();
}
void _onPlaybackStatusChanged() {
setState(() {});
}
void _onPlaybackPositionChanged() {
setState(() {});
}
void _onPlaybackSpeedChanged() {
setState(() {});
}
void _onPlaybackVolumeChanged() {
setState(() {});
}
void _onPlaybackEnded() {
if (isPlaybackLoopEnabled) {
_controller?.play();
}
}
@override
Widget build(BuildContext context) {
final size = MediaQuery.sizeOf(context);
double videoWidth = size.width;
double videoHeight = size.height;
NativeVideoPlayerController? controller;
void initController(NativeVideoPlayerController videoCtrl) {
controller = videoCtrl;
controller?.onPlaybackReady.addListener(() {
// Emitted when the video loaded successfully and it's ready to play.
// At this point, videoInfo is available.
final videoInfo = controller?.videoInfo;
setState(() {
if (videoInfo != null) {
videoWidth = videoInfo.width.toDouble();
videoHeight = videoInfo.height.toDouble();
print(videoHeight);
print(videoWidth);
}
});
final videoDuration = videoInfo?.duration;
controller?.play();
});
controller?.onPlaybackStatusChanged.addListener(() {
final playbackStatus = controller?.playbackInfo?.status;
// playbackStatus can be playing, paused, or stopped.
});
controller?.onPlaybackPositionChanged.addListener(() {
final playbackPosition = controller?.playbackInfo?.position;
});
controller?.onPlaybackEnded.addListener(() {
// Emitted when the video has finished playing.
});
}
dispose() {
controller = null;
super.dispose();
}
return PopScope(
onPopInvoked: (pop) {
ref.read(videoPlaybackValueProvider.notifier).value =
VideoPlaybackValue.uninitialized();
},
onPopInvoked: (pop) {},
child: SizedBox(
height: videoHeight,
width: videoWidth,
child: AspectRatio(
aspectRatio: 16 / 9,
child: NativeVideoPlayerView(
onViewReady: (c) async {
// Use a local file for the video player controller
final file = await widget.asset.local!.file;
if (file == null) {
throw Exception('No file found for the video');
}
final videoSource = await VideoSource.init(
path: file.path,
type: VideoSourceType.file,
);
await c.loadVideoSource(videoSource);
initController(c);
},
onViewReady: _initController,
),
),
),