aku_new_community/lib/widget/voice_player.dart

import 'dart:async';
import 'dart:math';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:just_audio/just_audio.dart';

import 'package:aku_new_community/constants/saas_api.dart';
import 'package:aku_new_community/extensions/num_ext.dart';

class VoicePlayer extends StatefulWidget {
  final String? url;
  final VoidCallback? onDelete;
  final bool showXmark;
  final String? path;

  const VoicePlayer(
      {Key? key, this.url, this.onDelete, this.showXmark = false, this.path})
      : super(key: key);

  @override
  _VoicePlayerState createState() => _VoicePlayerState();
}

class _VoicePlayerState extends State<VoicePlayer>
    with SingleTickerProviderStateMixin {
  bool get nullVoice => widget.url == null && widget.path == null;
  final double width = 150.w;
  final double height = 45.w;
  late Animation<int> animation;
  late AnimationController controller;
  late Tween<int> _rotation;
  bool inAnimate = false;
  final player = AudioPlayer();
  Timer? _timer;
  Duration? _voiceLength;
  int _currentLength = 0;

  void stopPlay() {
    inAnimate = false;
    controller.stop();
    player.pause();
    _timer?.cancel();
    _timer = null;
    if (mounted) {
      setState(() {});
    }
  }

  void startPlay() async {
    inAnimate = true;
    controller.forward();
    player.play();
    _timer = Timer.periodic(Duration(seconds: 1), (timer) async {
      _currentLength--;
      if (_currentLength <= 0) {
        resetPlay();
      } else {
        if (mounted) {
          setState(() {});
        }
      }
    });
  }

  Future initVoice() async {
    if (nullVoice) {
      return;
    }
    if (widget.url != null) {
      await player.setUrl(SAASAPI.image(widget.url));
    } else {
      await player.setFilePath(widget.path!);
    }
    _voiceLength = await player.load();
    _currentLength = _voiceLength?.inSeconds ?? 0;
    await player.setClip(start: Duration(seconds: 0), end: _voiceLength);
    if (mounted) {
      setState(() {});
    }
  }

  Future resetPlay() async {
    if (nullVoice) {
      return;
    }
    _timer?.cancel();
    _timer = null;
    controller.stop();
    inAnimate = false;
    player.stop();
    _currentLength = _voiceLength?.inSeconds ?? 0;
    await player.setClip(start: Duration(seconds: 0), end: _voiceLength);
    if (mounted) {
      setState(() {});
    }
  }

  @override
  void initState() {
    controller = AnimationController(
      vsync: this,
      duration: Duration(seconds: 1),
    );
    _rotation = IntTween(begin: 1, end: 3);
    animation = _rotation
        .animate(CurvedAnimation(parent: controller, curve: Curves.decelerate))
      ..addListener(() {
        // _current = animation.value;
        if (mounted) {
          setState(() {});
        }
      })
      ..addStatusListener((status) {
        if (status == AnimationStatus.completed) {
          controller.repeat();
        } else if (status == AnimationStatus.dismissed) {
          controller.forward();
        }
      });
    initVoice();
    super.initState();
  }

  @override
  void didUpdateWidget(covariant VoicePlayer oldWidget) {
    resetPlay();
    super.didUpdateWidget(oldWidget);
  }

  @override
  void dispose() {
    _timer?.cancel();
    _timer = null;
    player.dispose();
    controller.dispose();
    animation.removeListener(() {});
    animation.removeStatusListener((status) {});
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return nullVoice
        ? SizedBox.shrink()
        : GestureDetector(
            onTap: () {
              if (player.playing) {
                stopPlay();
              } else {
                startPlay();
              }
            },
            child: Material(
              color: Colors.transparent,
              child: Stack(
                fit: StackFit.passthrough,
                clipBehavior: Clip.none,
                children: [
                  Container(
                    width: width,
                    // height: height,
                    padding:
                        EdgeInsets.symmetric(vertical: 14.w, horizontal: 20.w),
                    decoration: BoxDecoration(
                        color: Color(0xFFFFE7BA),
                        borderRadius: BorderRadius.circular(8.w)),
                    child: Row(
                      children: [
                        CustomPaint(
                          painter: VoicePlayerPainter(
                              inAnimate ? animation.value : 3),
                        ),
                        40.wb,
                        Text('${_currentLength}\"'),
                      ],
                    ),
                  ),
                  if (widget.showXmark)
                    Positioned(
                        top: -10.w,
                        right: -10.w,
                        child: GestureDetector(
                          onTap: widget.onDelete,
                          child: Icon(
                            CupertinoIcons.xmark_circle_fill,
                            size: 30.w,
                          ),
                        ))
                ],
              ),
            ),
          );
  }
}

class VoicePlayerPainter extends CustomPainter {
  final int tween;

  VoicePlayerPainter(this.tween);

  @override
  void paint(Canvas canvas, Size size) {
    var startAngel = -pi / 4;
    var sweepAngel = pi / 2;
    var paint = Paint()
      ..color = Colors.black
      ..style = PaintingStyle.fill;
    canvas.drawArc(
        Rect.fromCircle(center: Offset(0, size.height / 2), radius: 5),
        startAngel,
        sweepAngel,
        true,
        paint);
    paint.style = PaintingStyle.stroke;
    paint.strokeWidth = 2;
    if (tween >= 2) {
      canvas.drawArc(
          Rect.fromCircle(center: Offset(0, size.height / 2), radius: 8),
          startAngel,
          sweepAngel,
          false,
          paint);
    }
    if (tween >= 3) {
      canvas.drawArc(
          Rect.fromCircle(center: Offset(0, size.height / 2), radius: 12),
          startAngel,
          sweepAngel,
          false,
          paint);
    }
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) {
    return true;
  }
}