OpenContacts/lib/widgets/messages/message_audio_player.dart

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/message_state_indicator.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<MessageAudioPlayer> createState() => _MessageAudioPlayerState();
}

class _MessageAudioPlayerState extends State<MessageAudioPlayer> {
  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<PlayerState>(
          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.toLocal()),
                          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(),);
            }
          }
      ),
    );
  }
}