chore: Follow up videoplayer

Signed-off-by: Christian Kußowski <c.kussowski@famedly.com>
pull/1859/head
Christian Kußowski 5 months ago
parent 55705d761d
commit f3c36e0b09
No known key found for this signature in database
GPG Key ID: E067ECD60F1A0652

@ -68,49 +68,52 @@ class EventVideoPlayer extends StatelessWidget {
child: SizedBox(
width: width,
height: height,
child: Stack(
children: [
if (event.hasThumbnail)
MxcImage(
event: event,
isThumbnail: true,
width: width,
height: height,
fit: BoxFit.cover,
placeholder: (context) => BlurHash(
child: Hero(
tag: event.eventId,
child: Stack(
children: [
if (event.hasThumbnail)
MxcImage(
event: event,
isThumbnail: true,
width: width,
height: height,
fit: BoxFit.cover,
placeholder: (context) => BlurHash(
blurhash: blurHash,
width: width,
height: height,
fit: BoxFit.cover,
),
)
else
BlurHash(
blurhash: blurHash,
width: width,
height: height,
fit: BoxFit.cover,
),
)
else
BlurHash(
blurhash: blurHash,
width: width,
height: height,
fit: BoxFit.cover,
),
Center(
child: CircleAvatar(
child: supportsVideoPlayer
? const Icon(Icons.play_arrow_outlined)
: const Icon(Icons.file_download_outlined),
Center(
child: CircleAvatar(
child: supportsVideoPlayer
? const Icon(Icons.play_arrow_outlined)
: const Icon(Icons.file_download_outlined),
),
),
),
if (duration != null)
Positioned(
bottom: 8,
left: 16,
child: Text(
'${duration.inMinutes.toString().padLeft(2, '0')}:${(duration.inSeconds % 60).toString().padLeft(2, '0')}',
style: TextStyle(
color: Colors.white,
backgroundColor: Colors.black.withAlpha(32),
if (duration != null)
Positioned(
bottom: 8,
left: 16,
child: Text(
'${duration.inMinutes.toString().padLeft(2, '0')}:${(duration.inSeconds % 60).toString().padLeft(2, '0')}',
style: TextStyle(
color: Colors.white,
backgroundColor: Colors.black.withAlpha(32),
),
),
),
),
],
],
),
),
),
),

@ -70,13 +70,15 @@ class EventVideoPlayerState extends State<EventVideoPlayer> {
await videoPlayerController.initialize();
// Create a ChewieController on top.
_chewieController = ChewieController(
videoPlayerController: videoPlayerController,
useRootNavigator: !kIsWeb,
autoPlay: true,
autoInitialize: true,
looping: true,
);
setState(() {
_chewieController = ChewieController(
videoPlayerController: videoPlayerController,
useRootNavigator: !kIsWeb,
autoPlay: true,
autoInitialize: true,
looping: true,
);
});
} on IOException catch (e) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
@ -117,33 +119,46 @@ class EventVideoPlayerState extends State<EventVideoPlayer> {
final blurHash = (widget.event.infoMap as Map<String, dynamic>)
.tryGet<String>('xyz.amorgan.blurhash') ??
fallbackBlurHash;
const width = 300.0;
final infoMap = widget.event.content.tryGetMap<String, Object?>('info');
final videoWidth = infoMap?.tryGet<int>('w') ?? 400;
final videoHeight = infoMap?.tryGet<int>('h') ?? 300;
final height = MediaQuery.of(context).size.height - 52;
final width = videoWidth * (height / videoHeight);
final chewieController = _chewieController;
return chewieController != null
? Center(child: Chewie(controller: chewieController))
? Center(
child: SizedBox(
width: width,
height: height,
child: Chewie(controller: chewieController),
),
)
: Stack(
children: [
Center(
child: hasThumbnail
? MxcImage(
event: widget.event,
isThumbnail: true,
width: width,
fit: BoxFit.cover,
placeholder: (context) => BlurHash(
blurhash: blurHash,
child: Hero(
tag: widget.event.eventId,
child: hasThumbnail
? MxcImage(
event: widget.event,
isThumbnail: true,
width: width,
height: width,
height: height,
fit: BoxFit.cover,
placeholder: (context) => BlurHash(
blurhash: blurHash,
width: width,
height: height,
fit: BoxFit.cover,
),
)
: BlurHash(
blurhash: blurHash,
width: width,
height: height,
),
)
: BlurHash(
blurhash: blurHash,
width: width,
height: width,
),
),
),
const Center(child: CircularProgressIndicator.adaptive()),
],

Loading…
Cancel
Save