fluffychat/lib/pages/chat/events/video_player.dart

144 lines
4.9 KiB
Dart
Raw Normal View History

2021-12-27 09:35:07 +01:00
import 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
2021-12-27 12:37:16 +01:00
import 'package:chewie/chewie.dart';
2021-12-27 09:35:07 +01:00
import 'package:flutter_blurhash/flutter_blurhash.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:matrix/matrix.dart';
import 'package:path_provider/path_provider.dart';
import 'package:universal_html/html.dart' as html;
import 'package:video_player/video_player.dart';
import 'package:fluffychat/pages/chat/events/image_bubble.dart';
import 'package:fluffychat/utils/localized_exception_extension.dart';
2022-12-30 17:54:01 +01:00
import 'package:fluffychat/utils/matrix_sdk_extensions/event_extension.dart';
import '../../../utils/error_reporter.dart';
2021-12-27 09:35:07 +01:00
class EventVideoPlayer extends StatefulWidget {
final Event event;
const EventVideoPlayer(this.event, {Key? key}) : super(key: key);
@override
2022-08-14 16:59:21 +02:00
EventVideoPlayerState createState() => EventVideoPlayerState();
2021-12-27 09:35:07 +01:00
}
2022-08-14 16:59:21 +02:00
class EventVideoPlayerState extends State<EventVideoPlayer> {
2021-12-27 12:37:16 +01:00
ChewieController? _chewieManager;
2021-12-27 09:35:07 +01:00
bool _isDownloading = false;
String? _networkUri;
File? _tmpFile;
void _downloadAction() async {
setState(() => _isDownloading = true);
try {
final videoFile = await widget.event.downloadAndDecryptAttachment();
if (kIsWeb) {
final blob = html.Blob([videoFile.bytes]);
_networkUri = html.Url.createObjectUrlFromBlob(blob);
} else {
2022-01-27 21:01:29 +01:00
final tempDir = await getTemporaryDirectory();
2022-01-28 20:43:59 +01:00
final fileName = Uri.encodeComponent(
widget.event.attachmentOrThumbnailMxcUrl()!.pathSegments.last,
);
2022-01-29 08:04:48 +01:00
final file = File('${tempDir.path}/${fileName}_${videoFile.name}');
2021-12-27 09:35:07 +01:00
if (await file.exists() == false) {
await file.writeAsBytes(videoFile.bytes);
}
_tmpFile = file;
}
2021-12-27 14:42:06 +01:00
final tmpFile = _tmpFile;
final networkUri = _networkUri;
if (kIsWeb && networkUri != null && _chewieManager == null) {
_chewieManager ??= ChewieController(
videoPlayerController: VideoPlayerController.network(networkUri),
autoPlay: true,
autoInitialize: true,
);
} else if (!kIsWeb && tmpFile != null && _chewieManager == null) {
_chewieManager ??= ChewieController(
videoPlayerController: VideoPlayerController.file(tmpFile),
autoPlay: true,
autoInitialize: true,
);
}
2021-12-27 09:35:07 +01:00
} on MatrixConnectionException catch (e) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(e.toLocalizedString(context)),
),
);
2021-12-27 09:35:07 +01:00
} catch (e, s) {
ErrorReporter(context, 'Unable to play video').onErrorCallback(e, s);
2021-12-27 09:35:07 +01:00
} finally {
2021-12-27 14:42:06 +01:00
// Workaround for Chewie needs time to get the aspectRatio
await Future.delayed(const Duration(milliseconds: 100));
2021-12-27 09:35:07 +01:00
setState(() => _isDownloading = false);
}
}
@override
void dispose() {
2021-12-27 12:37:16 +01:00
_chewieManager?.dispose();
2021-12-27 09:35:07 +01:00
super.dispose();
}
static const String fallbackBlurHash = 'L5H2EC=PM+yV0g-mq.wG9c010J}I';
@override
Widget build(BuildContext context) {
final hasThumbnail = widget.event.hasThumbnail;
final blurHash = (widget.event.infoMap as Map<String, dynamic>)
.tryGet<String>('xyz.amorgan.blurhash') ??
fallbackBlurHash;
2021-12-27 12:37:16 +01:00
final chewieManager = _chewieManager;
2021-12-27 14:42:06 +01:00
return Material(
2021-12-28 19:44:55 +01:00
color: Colors.black,
2021-12-27 14:42:06 +01:00
child: SizedBox(
height: 300,
child: chewieManager != null
? Center(child: Chewie(controller: chewieManager))
: Stack(
children: [
if (hasThumbnail)
2021-12-28 19:44:55 +01:00
Center(
child: ImageBubble(
widget.event,
tapToView: false,
),
)
2021-12-27 14:42:06 +01:00
else
BlurHash(hash: blurHash),
Center(
child: OutlinedButton.icon(
style: OutlinedButton.styleFrom(
backgroundColor: Theme.of(context).colorScheme.surface,
),
icon: _isDownloading
? const SizedBox(
width: 24,
height: 24,
child: CircularProgressIndicator.adaptive(
strokeWidth: 2,
),
2021-12-27 14:42:06 +01:00
)
: const Icon(Icons.download_outlined),
label: Text(
_isDownloading
? L10n.of(context)!.loadingPleaseWait
: L10n.of(context)!.videoWithSize(
widget.event.sizeString ?? '?MB',
),
2021-12-27 14:42:06 +01:00
),
onPressed: _isDownloading ? null : _downloadAction,
),
),
],
2021-12-27 09:35:07 +01:00
),
),
);
}
}