I want to be able to present the user, on the same page, with a simple recorder which plays the recording back and an audio player which plays a local mp3 file. See the code. Most of the code is copied from Pub Dev, so I've got `void initState() {
super.initState();' twice. Clearly this is not accepted. Is there a simple solution?
import 'dart:async';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_sound_lite/flutter_sound.dart';
import 'package:path_provider/path_provider.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:audioplayers/audio_cache.dart';
import 'package:audioplayers/audioplayers.dart';
typedef _Fn = void Function();
class SimpleRecorder extends StatefulWidget {
@override
_SimpleRecorderState createState() => _SimpleRecorderState();
}
class _SimpleRecorderState extends State<SimpleRecorder> {
FlutterSoundPlayer _mPlayer = FlutterSoundPlayer();
FlutterSoundRecorder _mRecorder = FlutterSoundRecorder();
bool _mPlayerIsInited = false;
bool _mRecorderIsInited = false;
bool _mplaybackReady = false;
String _mPath;
@override
void initState() {
// Be careful : openAudioSession return a Future.
// Do not access your FlutterSoundPlayer or FlutterSoundRecorder before the
completion of the Future
_mPlayer.openAudioSession().then((value) {
setState(() {
_mPlayerIsInited = true;
});
});
openTheRecorder().then((value) {
setState(() {
_mRecorderIsInited = true;
});
});
super.initState();
}
@override
void dispose() {
stopPlayer();
_mPlayer.closeAudioSession();
_mPlayer = null;
stopRecorder();
_mRecorder.closeAudioSession();
_mRecorder = null;
if (_mPath != null) {
var outputFile = File(_mPath);
if (outputFile.existsSync()) {
outputFile.delete();
}
}
super.dispose();
}
Future<void> openTheRecorder() async {
var status = await Permission.microphone.request();
if (status != PermissionStatus.granted) {
throw RecordingPermissionException('Microphone permission not granted');
}
var tempDir = await getTemporaryDirectory();
_mPath = '${tempDir.path}/flutter_sound_example.aac';
var outputFile = File(_mPath);
if (outputFile.existsSync()) {
await outputFile.delete();
}
await _mRecorder.openAudioSession();
_mRecorderIsInited = true;
}
// ---------------------- Here is the code for recording and playback -------
Future<void> record() async {
assert(_mRecorderIsInited && _mPlayer.isStopped);
await _mRecorder.startRecorder(
toFile: _mPath,
codec: Codec.aacADTS,
);
setState(() {});
}
Future<void> stopRecorder() async {
await _mRecorder.stopRecorder();
_mplaybackReady = true;
}
void play() async {
assert(_mPlayerIsInited &&
_mplaybackReady &&
_mRecorder.isStopped &&
_mPlayer.isStopped);
await _mPlayer.startPlayer(
fromURI: _mPath,
codec: Codec.aacADTS,
whenFinished: () {
setState(() {});
});
setState(() {});
}
Future<void> stopPlayer() async {
await _mPlayer.stopPlayer();
}
// ----------------------------- UI --------------------------------------------
_Fn getRecorderFn() {
if (!_mRecorderIsInited || !_mPlayer.isStopped) {
return null;
}
return _mRecorder.isStopped
? record
: () {
stopRecorder().then((value) => setState(() {}));
};
}
_Fn getPlaybackFn() {
if (!_mPlayerIsInited || !_mplaybackReady || !_mRecorder.isStopped) {
return null;
}
return _mPlayer.isStopped
? play
: () {
stopPlayer().then((value) => setState(() {}));
};
}
//this is where the audio player starts. initState gives an error (has already been defined).
AudioCache _audioCache;
@override
void initState() {
super.initState();
// create this only once
_audioCache = AudioCache(prefix: "assets/", fixedPlayer: AudioPlayer()..setReleaseMode(ReleaseMode.STOP));
}
@override
Widget build(BuildContext context) {
Widget makeBody() {
return Column(
children: [
Container(
margin: const EdgeInsets.all(3),
padding: const EdgeInsets.all(3),
height: 80,
width: double.infinity,
alignment: Alignment.center,
decoration: BoxDecoration(
color: Color(0xFFFAF0E6),
border: Border.all(
color: Colors.indigo,
width: 3,
),
),
child: Row(children: [
RaisedButton(
onPressed: getRecorderFn(),
color: Colors.white,
disabledColor: Colors.grey,
child: Text(_mRecorder.isRecording ? 'Stop' : 'Record'),
),
SizedBox(
width: 20,
),
Text(_mRecorder.isRecording
? 'Recording in progress'
: 'Recorder is stopped'),
]),
),
Container(
margin: const EdgeInsets.all(3),
padding: const EdgeInsets.all(3),
height: 80,
width: double.infinity,
alignment: Alignment.center,
decoration: BoxDecoration(
color: Color(0xFFFAF0E6),
border: Border.all(
color: Colors.indigo,
width: 3,
),
),
child: Row(children: [
RaisedButton(
onPressed: getPlaybackFn(),
color: Colors.white,
disabledColor: Colors.grey,
child: Text(_mPlayer.isPlaying ? 'Stop' : 'Play'),
),
SizedBox(
width: 20,
),
Text(_mPlayer.isPlaying
? 'Playback in progress'
: 'Player is stopped'),
]),
),
//this is the button which plays the local file
Container(
alignment: Alignment.centerLeft,
margin: const EdgeInsets.all(3),
padding: const EdgeInsets.all(5),
color: Colors.blue,
height: 65,
width: 300,
child: Row(
children: [
RaisedButton
(onPressed: () => _audioCache.play('hello_and_welcome.mp4'),
child:Icon(Icons.arrow_right),
color: Colors.grey[400],
),
SizedBox(width:10),
Text('Hello and Welcome.
'
'Xin Ciao udj anll.'),
],
),
)
],
);
}
return Scaffold(
backgroundColor: Colors.blue,
appBar: AppBar(
title: const Text('Simple Recorder'),
),
body: makeBody(),
);
}
}enter code here
