135 lines
3.7 KiB
Dart
135 lines
3.7 KiB
Dart
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:chewie/chewie.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:fluttertoast/fluttertoast.dart';
|
|
import 'package:logging/logging.dart';
|
|
import 'package:photos/models/file.dart';
|
|
import 'package:photos/ui/thumbnail_widget.dart';
|
|
import 'package:photos/ui/video_controls.dart';
|
|
import 'package:photos/utils/toast_util.dart';
|
|
import 'package:video_player/video_player.dart';
|
|
import 'package:visibility_detector/visibility_detector.dart';
|
|
|
|
import 'loading_widget.dart';
|
|
|
|
class VideoWidget extends StatefulWidget {
|
|
final File file;
|
|
final bool autoPlay;
|
|
final String tagPrefix;
|
|
VideoWidget(
|
|
this.file, {
|
|
this.autoPlay = false,
|
|
this.tagPrefix,
|
|
Key key,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
_VideoWidgetState createState() => _VideoWidgetState();
|
|
}
|
|
|
|
class _VideoWidgetState extends State<VideoWidget> {
|
|
Logger _logger = Logger("VideoWidget");
|
|
VideoPlayerController _videoPlayerController;
|
|
ChewieController _chewieController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
if (widget.file.localId == null) {
|
|
_setVideoPlayerController(widget.file.getStreamUrl());
|
|
_videoPlayerController.addListener(() {
|
|
if (_videoPlayerController.value.hasError) {
|
|
_logger.warning(_videoPlayerController.value.errorDescription);
|
|
showToast(
|
|
"The video has not been processed yet. Downloading the original one...",
|
|
toastLength: Toast.LENGTH_SHORT);
|
|
_setVideoPlayerController(widget.file.getDownloadUrl());
|
|
}
|
|
});
|
|
} else {
|
|
widget.file.getAsset().then((asset) {
|
|
asset.getMediaUrl().then((url) {
|
|
_setVideoPlayerController(url);
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_videoPlayerController.dispose();
|
|
if (_chewieController != null) {
|
|
_chewieController.dispose();
|
|
}
|
|
super.dispose();
|
|
}
|
|
|
|
VideoPlayerController _setVideoPlayerController(String url) {
|
|
return _videoPlayerController = VideoPlayerController.network(url)
|
|
..initialize().whenComplete(() {
|
|
setState(() {});
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final content = _videoPlayerController != null &&
|
|
_videoPlayerController.value.initialized
|
|
? _getVideoPlayer()
|
|
: _getLoadingWidget();
|
|
return VisibilityDetector(
|
|
key: Key(widget.file.tag()),
|
|
onVisibilityChanged: (info) {
|
|
if (info.visibleFraction < 1) {
|
|
_chewieController.pause();
|
|
}
|
|
},
|
|
child: Hero(
|
|
tag: widget.tagPrefix + widget.file.tag(),
|
|
child: content,
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _getLoadingWidget() {
|
|
return Stack(children: [
|
|
_getThumbnail(),
|
|
Container(
|
|
color: Colors.black12,
|
|
constraints: BoxConstraints.expand(),
|
|
),
|
|
loadWidget,
|
|
]);
|
|
}
|
|
|
|
Widget _getThumbnail() {
|
|
final thumbnail = widget.file.localId == null
|
|
? CachedNetworkImage(
|
|
imageUrl: widget.file.getThumbnailUrl(),
|
|
fit: BoxFit.contain,
|
|
)
|
|
: ThumbnailWidget(
|
|
widget.file,
|
|
fit: BoxFit.contain,
|
|
);
|
|
return Container(
|
|
child: thumbnail,
|
|
constraints: BoxConstraints.expand(),
|
|
);
|
|
}
|
|
|
|
Widget _getVideoPlayer() {
|
|
_chewieController = ChewieController(
|
|
videoPlayerController: _videoPlayerController,
|
|
aspectRatio: _videoPlayerController.value.aspectRatio,
|
|
autoPlay: widget.autoPlay,
|
|
autoInitialize: true,
|
|
looping: true,
|
|
allowFullScreen: false,
|
|
customControls: VideoControls(),
|
|
);
|
|
return Chewie(controller: _chewieController);
|
|
}
|
|
}
|