parent
c24905ea5f
commit
b5bcee3842
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 841 B |
|
After Width: | Height: | Size: 754 B |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,180 @@
|
||||
import 'dart:async';
|
||||
import 'dart:math';
|
||||
|
||||
import 'package:aku_new_community/constants/sars_api.dart';
|
||||
import 'package:aku_new_community/extensions/num_ext.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:just_audio/just_audio.dart';
|
||||
|
||||
class VoicePlayer extends StatefulWidget {
|
||||
final String url;
|
||||
|
||||
const VoicePlayer({Key? key, required this.url}) : super(key: key);
|
||||
|
||||
@override
|
||||
_VoicePlayerState createState() => _VoicePlayerState();
|
||||
}
|
||||
|
||||
class _VoicePlayerState extends State<VoicePlayer>
|
||||
with SingleTickerProviderStateMixin {
|
||||
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;
|
||||
int _voiceLength = 0;
|
||||
|
||||
void stopPlay() {
|
||||
inAnimate = false;
|
||||
controller.stop();
|
||||
player.stop();
|
||||
_timer?.cancel();
|
||||
_timer = null;
|
||||
if (mounted) {
|
||||
setState(() {});
|
||||
}
|
||||
}
|
||||
|
||||
void startPlay() {
|
||||
inAnimate = true;
|
||||
controller.forward();
|
||||
player.play();
|
||||
_timer = Timer.periodic(Duration(seconds: 1), (timer) async {
|
||||
_voiceLength--;
|
||||
if (_voiceLength <= 0) {
|
||||
_voiceLength = (player.duration?.inSeconds) ?? 0;
|
||||
_timer?.cancel();
|
||||
_timer = null;
|
||||
controller.stop();
|
||||
inAnimate = false;
|
||||
}
|
||||
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();
|
||||
}
|
||||
});
|
||||
Future.delayed(Duration(milliseconds: 0), () async {
|
||||
await player.setUrl(SARSAPI.image(widget.url));
|
||||
var length = await player.load();
|
||||
_voiceLength = length?.inSeconds ?? 0;
|
||||
if (mounted) {
|
||||
setState(() {});
|
||||
}
|
||||
});
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
stopPlay();
|
||||
player.dispose();
|
||||
controller.dispose();
|
||||
animation.removeListener(() {});
|
||||
animation.removeStatusListener((status) {});
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
if (player.playing) {
|
||||
stopPlay();
|
||||
} else {
|
||||
startPlay();
|
||||
}
|
||||
},
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child: 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('${_voiceLength}\"'),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue