fluffychat/lib/views/widgets/audio_player.dart

207 lines
6.3 KiB
Dart
Raw Normal View History

2020-03-15 11:27:51 +01:00
import 'dart:async';
2021-04-30 17:22:29 +02:00
import 'dart:io';
2020-03-15 11:27:51 +01:00
2021-04-03 13:09:20 +02:00
import 'package:adaptive_page_layout/adaptive_page_layout.dart';
2021-04-30 17:22:29 +02:00
import 'package:audioplayers/audioplayers.dart';
2020-03-15 11:27:51 +01:00
import 'package:famedlysdk/famedlysdk.dart';
2021-04-30 17:22:29 +02:00
import 'package:fluffychat/utils/sentry_controller.dart';
2021-04-09 16:15:03 +02:00
import 'package:fluffychat/views/widgets/message_download_content.dart';
2021-04-03 13:09:20 +02:00
2020-03-15 11:27:51 +01:00
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
2021-04-30 17:22:29 +02:00
import 'package:path_provider/path_provider.dart';
2021-04-21 14:19:54 +02:00
import 'package:universal_html/html.dart' as html;
2021-02-13 13:27:44 +01:00
import 'package:flutter_gen/gen_l10n/l10n.dart';
2021-04-09 16:15:03 +02:00
import '../../utils/ui_fake.dart' if (dart.library.html) 'dart:ui' as ui;
2020-08-22 11:20:15 +02:00
import 'matrix.dart';
2021-04-09 16:15:03 +02:00
import '../../utils/event_extension.dart';
2020-03-15 11:27:51 +01:00
2021-04-30 17:22:29 +02:00
class AudioPlayerWidget extends StatefulWidget {
2020-03-15 11:27:51 +01:00
final Color color;
2020-03-29 20:13:25 +02:00
final Event event;
2020-03-15 11:27:51 +01:00
2020-03-29 20:13:25 +02:00
static String currentId;
2020-03-15 14:15:45 +01:00
2021-04-30 17:22:29 +02:00
const AudioPlayerWidget(this.event, {this.color = Colors.black, Key key})
2020-03-15 11:27:51 +01:00
: super(key: key);
@override
_AudioPlayerState createState() => _AudioPlayerState();
}
2021-04-14 10:37:15 +02:00
enum AudioPlayerStatus { notDownloaded, downloading, downloaded }
2020-03-15 11:27:51 +01:00
2021-04-30 17:22:29 +02:00
class _AudioPlayerState extends State<AudioPlayerWidget> {
2021-04-14 10:37:15 +02:00
AudioPlayerStatus status = AudioPlayerStatus.notDownloaded;
2021-04-30 17:22:29 +02:00
final AudioPlayer audioPlayer = AudioPlayer();
2020-03-15 11:27:51 +01:00
2021-04-30 17:22:29 +02:00
StreamSubscription onAudioPositionChanged;
StreamSubscription onDurationChanged;
StreamSubscription onPlayerStateChanged;
StreamSubscription onPlayerError;
2020-03-15 11:27:51 +01:00
2020-05-13 15:58:59 +02:00
String statusText = '00:00';
2020-03-15 11:27:51 +01:00
double currentPosition = 0;
double maxPosition = 0;
2021-04-30 17:22:29 +02:00
File audioFile;
2020-08-22 11:20:15 +02:00
String webSrcUrl;
@override
void initState() {
super.initState();
if (kIsWeb) {
ui.platformViewRegistry.registerViewFactory(
'web_audio_player',
(int viewId) => html.AudioElement()
..src = webSrcUrl
..autoplay = false
..controls = true
..style.border = 'none');
}
}
2020-03-15 11:27:51 +01:00
@override
void dispose() {
2021-04-30 17:22:29 +02:00
if (audioPlayer.state == AudioPlayerState.PLAYING) {
audioPlayer.stop();
}
2021-04-30 17:22:29 +02:00
onAudioPositionChanged?.cancel();
onDurationChanged?.cancel();
onPlayerStateChanged?.cancel();
onPlayerError?.cancel();
2020-03-15 11:27:51 +01:00
super.dispose();
}
2020-05-13 15:58:59 +02:00
Future<void> _downloadAction() async {
2021-04-14 10:37:15 +02:00
if (status != AudioPlayerStatus.notDownloaded) return;
setState(() => status = AudioPlayerStatus.downloading);
2020-12-25 09:58:34 +01:00
try {
final matrixFile =
await widget.event.downloadAndDecryptAttachmentCached();
2021-04-30 17:22:29 +02:00
final tempDir = await getTemporaryDirectory();
final fileName = matrixFile.name.contains('.')
? matrixFile.name
: '${matrixFile.name}.mp3';
final file = File('${tempDir.path}/$fileName');
await file.writeAsBytes(matrixFile.bytes);
2020-12-25 09:58:34 +01:00
setState(() {
2021-04-30 17:22:29 +02:00
audioFile = file;
2021-04-14 10:37:15 +02:00
status = AudioPlayerStatus.downloaded;
2020-12-25 09:58:34 +01:00
});
_playAction();
} catch (e, s) {
Logs().v('Could not download audio file', e, s);
2021-04-03 13:09:20 +02:00
AdaptivePageLayout.of(context).showSnackBar(
SnackBar(
content: Text(e.toLocalizedString(context)),
),
);
2020-12-25 09:58:34 +01:00
}
2020-03-15 11:27:51 +01:00
}
2020-05-13 15:58:59 +02:00
void _playAction() async {
2021-04-30 17:22:29 +02:00
if (AudioPlayerWidget.currentId != widget.event.eventId) {
if (AudioPlayerWidget.currentId != null) {
if (audioPlayer.state != AudioPlayerState.STOPPED) {
await audioPlayer.stop();
2020-03-15 17:12:16 +01:00
setState(() => null);
2020-03-15 12:00:25 +01:00
}
}
2021-04-30 17:22:29 +02:00
AudioPlayerWidget.currentId = widget.event.eventId;
2020-03-15 12:00:25 +01:00
}
2021-04-30 17:22:29 +02:00
switch (audioPlayer.state) {
case AudioPlayerState.PLAYING:
await audioPlayer.pause();
2020-03-15 11:27:51 +01:00
break;
2021-04-30 17:22:29 +02:00
case AudioPlayerState.PAUSED:
await audioPlayer.resume();
2020-03-15 11:27:51 +01:00
break;
2021-04-30 17:22:29 +02:00
case AudioPlayerState.STOPPED:
default:
2021-04-30 17:22:29 +02:00
onAudioPositionChanged ??=
audioPlayer.onAudioPositionChanged.listen((state) {
setState(() => currentPosition = state.inMilliseconds.toDouble());
2020-03-15 11:27:51 +01:00
});
2021-04-30 17:22:29 +02:00
onDurationChanged ??= audioPlayer.onDurationChanged.listen((max) =>
setState(() => maxPosition = max.inMilliseconds.toDouble()));
onPlayerStateChanged ??= audioPlayer.onPlayerStateChanged
.listen((_) => setState(() => null));
onPlayerError ??= audioPlayer.onPlayerError.listen((e) {
AdaptivePageLayout.of(context).showSnackBar(
SnackBar(
content: Text(L10n.of(context).oopsSomethingWentWrong),
),
);
SentryController.captureException(e, StackTrace.current);
});
await audioPlayer.play(audioFile.path);
2020-03-15 11:27:51 +01:00
break;
}
}
@override
Widget build(BuildContext context) {
2020-08-22 11:20:15 +02:00
if (kIsWeb) {
if (widget.event.content['url'] is String) {
webSrcUrl = Uri.parse(widget.event.content['url'])
2021-04-21 14:19:54 +02:00
.getDownloadLink(Matrix.of(context).client)
.toString();
2020-08-22 11:20:15 +02:00
return Container(
height: 50,
width: 300,
child: HtmlElementView(viewType: 'web_audio_player'),
);
}
return MessageDownloadContent(widget.event, widget.color);
}
2020-03-15 11:27:51 +01:00
return Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Container(
2020-03-15 11:47:35 +01:00
width: 30,
2021-04-14 10:37:15 +02:00
child: status == AudioPlayerStatus.downloading
2020-03-15 11:47:35 +01:00
? CircularProgressIndicator(strokeWidth: 2)
2020-03-15 11:27:51 +01:00
: IconButton(
icon: Icon(
2021-04-30 17:22:29 +02:00
audioPlayer.state == AudioPlayerState.PLAYING
2021-01-23 11:20:31 +01:00
? Icons.pause_outlined
: Icons.play_arrow_outlined,
2020-03-15 11:27:51 +01:00
color: widget.color,
),
2021-04-30 17:22:29 +02:00
tooltip: audioPlayer.state == AudioPlayerState.PLAYING
2021-02-13 13:27:44 +01:00
? L10n.of(context).audioPlayerPause
: L10n.of(context).audioPlayerPlay,
2020-03-15 11:27:51 +01:00
onPressed: () {
2021-04-14 10:37:15 +02:00
if (status == AudioPlayerStatus.downloaded) {
2020-03-15 11:27:51 +01:00
_playAction();
} else {
_downloadAction();
}
},
),
),
2020-03-15 11:47:35 +01:00
Expanded(
child: Slider(
value: currentPosition,
2021-04-30 17:22:29 +02:00
onChanged: (double position) =>
audioPlayer.seek(Duration(milliseconds: position.toInt())),
2021-04-14 10:37:15 +02:00
max: status == AudioPlayerStatus.downloaded ? maxPosition : 0,
2020-03-15 11:47:35 +01:00
min: 0,
),
2020-03-15 11:27:51 +01:00
),
Text(
statusText,
style: TextStyle(
color: widget.color,
),
),
],
);
}
}