import 'dart:convert'; import 'dart:io' show Platform; import 'package:contacts_plus_plus/client_holder.dart'; import 'package:contacts_plus_plus/auxiliary.dart'; import 'package:contacts_plus_plus/models/message.dart'; import 'package:contacts_plus_plus/widgets/messages_list.dart'; import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; import 'package:just_audio/just_audio.dart'; class MessageAudioPlayer extends StatefulWidget { const MessageAudioPlayer({required this.message, super.key}); final Message message; @override State createState() => _MessageAudioPlayerState(); } class _MessageAudioPlayerState extends State { final AudioPlayer _audioPlayer = AudioPlayer(); final DateFormat _dateFormat = DateFormat.Hm(); double _sliderValue = 0; @override void initState() { super.initState(); if (Platform.isAndroid) { _audioPlayer.setUrl( Aux.neosDbToHttp(AudioClipContent .fromMap(jsonDecode(widget.message.content)) .assetUri), preload: true).whenComplete(() => _audioPlayer.setLoopMode(LoopMode.off)); } } Widget _createErrorWidget(String error) { return Padding( padding: const EdgeInsets.all(8.0), child: Column( crossAxisAlignment: CrossAxisAlignment.center, children: [ Icon(Icons.error_outline, color: Theme .of(context) .colorScheme .error,), const SizedBox(height: 4,), Text(error, textAlign: TextAlign.center, softWrap: true, maxLines: 3, style: Theme .of(context) .textTheme .bodySmall ?.copyWith(color: Theme .of(context) .colorScheme .error), ), ], ), ); } @override Widget build(BuildContext context) { if (!Platform.isAndroid) { return _createErrorWidget("Sorry, audio-messages are not\n supported on this platform."); } return IntrinsicWidth( child: StreamBuilder( stream: _audioPlayer.playerStateStream, builder: (context, snapshot) { if (snapshot.hasData) { final playerState = snapshot.data as PlayerState; return Column( children: [ Row( mainAxisSize: MainAxisSize.min, children: [ IconButton( onPressed: () { switch (playerState.processingState) { case ProcessingState.idle: case ProcessingState.loading: case ProcessingState.buffering: break; case ProcessingState.ready: _audioPlayer.play(); break; case ProcessingState.completed: _audioPlayer.seek(Duration.zero); _audioPlayer.play(); break; } }, icon: SizedBox( width: 24, height: 24, child: playerState.processingState == ProcessingState.loading ? const Center(child: CircularProgressIndicator(),) : Icon(((_audioPlayer.duration ?? Duration.zero) - _audioPlayer.position).inMilliseconds < 10 ? Icons.replay : (playerState.playing ? Icons.pause : Icons.play_arrow)), ), ), StreamBuilder( stream: _audioPlayer.positionStream, builder: (context, snapshot) { _sliderValue = (_audioPlayer.position.inMilliseconds / (_audioPlayer.duration?.inMilliseconds ?? 0)).clamp(0, 1); return StatefulBuilder( builder: (context, setState) { return Slider( value: _sliderValue, min: 0.0, max: 1.0, onChanged: (value) async { _audioPlayer.pause(); setState(() { _sliderValue = value; }); _audioPlayer.seek(Duration( milliseconds: (value * (_audioPlayer.duration?.inMilliseconds ?? 0)).round(), )); }, ); } ); } ) ], ), Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ const SizedBox(width: 12), StreamBuilder( stream: _audioPlayer.positionStream, builder: (context, snapshot) { return Text("${snapshot.data?.format() ?? "??"}/${_audioPlayer.duration?.format() ?? "??"}"); } ), const Spacer(), Padding( padding: const EdgeInsets.symmetric(horizontal: 4.0), child: Text( _dateFormat.format(widget.message.sendTime), style: Theme .of(context) .textTheme .labelMedium ?.copyWith(color: Colors.white54), ), ), const SizedBox(width: 4,), if (widget.message.senderId == ClientHolder .of(context) .apiClient .userId) Padding( padding: const EdgeInsets.only(right: 12.0), child: MessageStateIndicator(messageState: widget.message.state), ), ], ) ], ); } else if (snapshot.hasError) { FlutterError.reportError(FlutterErrorDetails(exception: snapshot.error!, stack: snapshot.stackTrace)); return _createErrorWidget("Failed to load audio-message."); } else { return const Center(child: CircularProgressIndicator(),); } } ), ); } }