text to speech, call comments & voice record added.
Sikander Saleem
1 year ago
parent
e65d2a44ed
commit
a9042a834c
@ -0,0 +1,3 @@
|
||||
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.05 14.95C2.26 16.11 3.28 17 4.5 17H14.5C15.88 17 17 15.88 17 14.5V10.5C17 9.12 15.88 8 14.5 8H14V2.5C14 1.12 12.88 0 11.5 0H2.5C1.12 0 0 1.12 0 2.5V12.5C0 13.72 0.88 14.74 2.05 14.95ZM3.5 3H10.5C10.78 3 11 3.22 11 3.5C11 3.78 10.78 4 10.5 4H3.5C3.22 4 3 3.78 3 3.5C3 3.22 3.22 3 3.5 3ZM3.5 5.5H9.5C9.78 5.5 10 5.72 10 6C10 6.28 9.78 6.5 9.5 6.5H3.5C3.22 6.5 3 6.28 3 6C3 5.72 3.22 5.5 3.5 5.5ZM3 10.5C3 9.67 3.67 9 4.5 9H11.5C11.78 9 12 8.78 12 8.5V7.71L13.15 8.86C13.25 8.96 13.37 9.01 13.5 9.01H14.5C15.33 9.01 16 9.68 16 10.51V14.51C16 15.34 15.33 16.01 14.5 16.01H4.5C3.67 16.01 3 15.34 3 14.51V10.51V10.5Z" fill="#7D859A"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 744 B |
@ -0,0 +1,352 @@
|
||||
import 'dart:async';
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:fluttertoast/fluttertoast.dart';
|
||||
import 'package:path_provider/path_provider.dart';
|
||||
import 'package:permission_handler/permission_handler.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:record_mp3/record_mp3.dart';
|
||||
import 'package:rive/rive.dart';
|
||||
import 'package:speech_to_text/speech_recognition_error.dart';
|
||||
import 'package:speech_to_text/speech_recognition_result.dart';
|
||||
import 'package:speech_to_text/speech_to_text.dart';
|
||||
import 'package:test_sa/controllers/providers/settings/setting_provider.dart';
|
||||
import 'package:test_sa/extensions/context_extension.dart';
|
||||
import 'package:test_sa/extensions/int_extensions.dart';
|
||||
import 'package:test_sa/extensions/text_extensions.dart';
|
||||
import 'package:test_sa/extensions/widget_extensions.dart';
|
||||
import 'package:test_sa/views/widgets/sound/sound_player.dart';
|
||||
|
||||
import '../../../new_views/app_style/app_color.dart';
|
||||
import '../../../new_views/common_widgets/app_text_form_field.dart';
|
||||
|
||||
class TextSpeechRecordWidget extends StatefulWidget {
|
||||
final Function(String) onRecord;
|
||||
final Function(String) onStop;
|
||||
final bool enabled;
|
||||
final Function(String) onMessageChange;
|
||||
final String initialMessage;
|
||||
|
||||
const TextSpeechRecordWidget({Key key, @required this.onRecord, this.onStop, this.enabled = true, this.onMessageChange, this.initialMessage}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<TextSpeechRecordWidget> createState() => _RecordSoundState();
|
||||
}
|
||||
|
||||
class _RecordSoundState extends State<TextSpeechRecordWidget> {
|
||||
// FlutterSoundRecorder _myRecorder = FlutterSoundRecorder();
|
||||
|
||||
bool _recorderIsOpened = false;
|
||||
bool _recording = false;
|
||||
bool _played = false;
|
||||
String _record;
|
||||
Artboard _rive;
|
||||
Timer _timer;
|
||||
TextEditingController _timeController;
|
||||
TextEditingController _commentController;
|
||||
bool _speechEnabled = false;
|
||||
|
||||
FocusNode node = FocusNode();
|
||||
|
||||
@override
|
||||
void setState(VoidCallback fn) {
|
||||
if (mounted) super.setState(fn);
|
||||
}
|
||||
|
||||
final SpeechToText _speechToText = SpeechToText();
|
||||
|
||||
/// This has to happen only once per app
|
||||
void _initSpeech() async {
|
||||
_speechEnabled = await _speechToText.initialize(
|
||||
onError: (SpeechRecognitionError error) async {
|
||||
Fluttertoast.showToast(msg: "failed to convert text to speech");
|
||||
setState(() {});
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
SettingProvider _settingProvider;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_initSpeech();
|
||||
_timeController = TextEditingController();
|
||||
_commentController = TextEditingController();
|
||||
node.unfocus();
|
||||
_recorderIsOpened = true;
|
||||
// RecordMp3.instance.start(recordFilePath, (type) {
|
||||
// // record fail callback
|
||||
// });
|
||||
// _myRecorder.openRecorder().then((value) {
|
||||
// _recorderIsOpened = true;
|
||||
// setState(() {});
|
||||
// });
|
||||
|
||||
// Load the animation file from the bundle, note that you could also
|
||||
// download this. The RiveFile just expects a list of bytes.
|
||||
rootBundle.load('assets/rives/recording.riv').then(
|
||||
(data) async {
|
||||
// Load the RiveFile from the binary data.
|
||||
final file = RiveFile.import(data);
|
||||
// The artboard is the root of the animation and gets drawn in the
|
||||
// Rive widget.
|
||||
final artboard = file.mainArtboard;
|
||||
// Add a controller to play back a known animation on the main/default
|
||||
// artboard.We store a reference to it so we can toggle playback.
|
||||
artboard.addController(SimpleAnimation('recording'));
|
||||
_rive = artboard;
|
||||
|
||||
setState(() {});
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_timeController?.dispose();
|
||||
// Be careful : you must `close` the audio session when you have finished with it.
|
||||
RecordMp3.instance.stop();
|
||||
//_myRecorder.closeRecorder();
|
||||
// _myRecorder = null;
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
String recordingFileDirectory;
|
||||
|
||||
_startRecording() async {
|
||||
PermissionStatus status = await Permission.microphone.request();
|
||||
if (!status.isGranted) {
|
||||
PermissionStatus status = await Permission.microphone.request();
|
||||
if (!status.isGranted) {
|
||||
Fluttertoast.showToast(msg: "Permission Denied");
|
||||
return;
|
||||
}
|
||||
}
|
||||
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
|
||||
setState(() {
|
||||
String duration = Duration(seconds: timer?.tick).toString();
|
||||
duration = duration.substring(duration.indexOf(":") + 1, duration.indexOf("."));
|
||||
|
||||
String recordTime = ((timer?.tick ?? 0) / 60)?.toStringAsFixed(2)?.replaceFirst(".", ":");
|
||||
// print("recordTime:$recordTime");
|
||||
if (recordTime.length == 4 || recordTime.length == 7) {
|
||||
recordTime = "0$recordTime";
|
||||
}
|
||||
_timeController.text = duration;
|
||||
});
|
||||
});
|
||||
_rive.addController(SimpleAnimation('recording'));
|
||||
if (!_recorderIsOpened) {
|
||||
// await _myRecorder.openRecorder();
|
||||
_recorderIsOpened = true;
|
||||
}
|
||||
final Directory tempDir = await getTemporaryDirectory();
|
||||
recordingFileDirectory = "${tempDir.path}/record_${DateTime.now().millisecondsSinceEpoch}.mp3";
|
||||
RecordMp3.instance.start(recordingFileDirectory, (type) {
|
||||
// record fail callback
|
||||
});
|
||||
|
||||
// await _myRecorder.startRecorder(toFile: "record_${DateTime.now().millisecondsSinceEpoch}.mp3", codec: Codec.aacADTS, sampleRate: 360000, bitRate: 360000);
|
||||
|
||||
_recording = true;
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
_stopRecording() async {
|
||||
if (!_recording) {
|
||||
setState(() {});
|
||||
return;
|
||||
}
|
||||
if (_timer?.isActive ?? false) {
|
||||
_timer.cancel();
|
||||
}
|
||||
RecordMp3.instance.stop();
|
||||
|
||||
//String path = (await _myRecorder.stopRecorder()).toString();
|
||||
_record = recordingFileDirectory;
|
||||
widget.onRecord(recordingFileDirectory);
|
||||
_recording = false;
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
void _startListening() async {
|
||||
_speechEnabled = _speechToText.isAvailable;
|
||||
if (_speechToText.isListening) {
|
||||
Fluttertoast.showToast(msg: "Currently in use");
|
||||
return;
|
||||
}
|
||||
if (!_speechEnabled) return;
|
||||
await _speechToText.listen(
|
||||
onResult: (SpeechRecognitionResult result) {
|
||||
_commentController.text = result.recognizedWords;
|
||||
widget.onMessageChange(_commentController.text);
|
||||
setState(() {});
|
||||
},
|
||||
localeId: _settingProvider.speechToText);
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
void _stopListening() async {
|
||||
await _speechToText.stop();
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
_cancelRecording() async {
|
||||
if (!_recording) return;
|
||||
RecordMp3.instance.stop();
|
||||
// String path = await _myRecorder.stopRecorder();
|
||||
// _myRecorder.deleteRecord(fileName: path);
|
||||
_rive.addController(SimpleAnimation('delete'));
|
||||
|
||||
// rebuild();
|
||||
_recording = false;
|
||||
await Future.delayed(const Duration(seconds: 1));
|
||||
if (!_recording) setState(() {});
|
||||
// _message.memoryAudio.;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (node.hasFocus && widget.enabled) node.unfocus();
|
||||
_settingProvider ??= Provider.of<SettingProvider>(context);
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
if (!_recording) ...[
|
||||
AppTextFormField(
|
||||
controller: _commentController,
|
||||
labelText: _speechToText.isListening ? "Listening..." : context.translation.callComments,
|
||||
alignLabelWithHint: true,
|
||||
showWithoutDecoration: true,
|
||||
backgroundColor: Colors.transparent,
|
||||
textInputType: TextInputType.multiline,
|
||||
// suffixIcon:
|
||||
// (_recording ? "record".toLottieAsset(height: 24) : (_record != null ? "trash" : "mic").toSvgAsset(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20, height: 24))
|
||||
// .paddingOnly(end: 16),
|
||||
initialValue: widget.initialMessage,
|
||||
onChange: (text) {
|
||||
widget.onMessageChange(text);
|
||||
},
|
||||
onSaved: (text) {
|
||||
widget.onMessageChange(text);
|
||||
},
|
||||
).expanded,
|
||||
(_speechToText.isListening
|
||||
? SizedBox(
|
||||
height: 24.toScreenHeight,
|
||||
width: 24.toScreenWidth,
|
||||
child: const Icon(
|
||||
Icons.fiber_manual_record,
|
||||
color: Colors.red,
|
||||
)).onPress(() {
|
||||
_stopListening();
|
||||
})
|
||||
: PopupMenuButton<String>(
|
||||
child: SizedBox(
|
||||
height: 24.toScreenHeight,
|
||||
width: 24.toScreenWidth,
|
||||
child: "speech_to_text".toSvgAsset(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20, height: 24, width: 24),
|
||||
),
|
||||
onSelected: (String selectedLanguage) {
|
||||
_settingProvider.setSpeechToText(selectedLanguage);
|
||||
_startListening();
|
||||
},
|
||||
itemBuilder: (BuildContext context) {
|
||||
return [
|
||||
const PopupMenuItem<String>(
|
||||
value: 'ar',
|
||||
child: Text('Arabic'),
|
||||
),
|
||||
const PopupMenuItem<String>(
|
||||
value: 'en',
|
||||
child: Text('English'),
|
||||
),
|
||||
];
|
||||
},
|
||||
))
|
||||
.paddingOnly(end: 16,top: 16),
|
||||
],
|
||||
|
||||
if (_recording)
|
||||
AppTextFormField(
|
||||
enable: widget.enabled,
|
||||
node: node,
|
||||
backgroundColor: Colors.transparent,
|
||||
showWithoutDecoration: true,
|
||||
controller: _timeController,
|
||||
labelText: context.translation.recordVoice,
|
||||
textInputType: TextInputType.multiline,
|
||||
alignLabelWithHint: true,
|
||||
initialValue: (_timeController?.text?.isEmpty ?? true) ? "00:00" : _timeController?.text,
|
||||
// suffixIcon:
|
||||
// (_recording ? "record".toLottieAsset(height: 24) : (_record != null ? "trash" : "mic").toSvgAsset(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20, height: 24))
|
||||
// .paddingOnly(end: 16),
|
||||
).expanded,
|
||||
|
||||
// SizedBox(
|
||||
// height: 24.toScreenHeight,
|
||||
// width: 24.toScreenWidth,
|
||||
// child: "speech_to_text".toSvgAsset(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20, height: 24, width: 24),
|
||||
// ).paddingOnly(end: 16).onPress(_speechEnabled
|
||||
// ? () async {
|
||||
// if (!_speechEnabled) {
|
||||
// Fluttertoast.showToast(msg: "microphone not available");
|
||||
// return;
|
||||
// }
|
||||
// if (_speechToText.isListening) {
|
||||
// _stopListening();
|
||||
// } else {
|
||||
// PopupMenuButton<String>(
|
||||
// onSelected: (String selectedLanguage) {
|
||||
// _settingProvider.setSpeechToText(selectedLanguage);
|
||||
// _startListening();
|
||||
// },
|
||||
// itemBuilder: (BuildContext context) => <PopupMenuEntry<String>>[
|
||||
// const PopupMenuItem<String>(
|
||||
// value: "ar",
|
||||
// child: Text('Arabic'),
|
||||
// ),
|
||||
// const PopupMenuItem<String>(
|
||||
// value: "en",
|
||||
// child: Text('English'),
|
||||
// ),
|
||||
// ],
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
// : null),
|
||||
SizedBox(
|
||||
height: _recording ? 40 : 24.toScreenHeight,
|
||||
width: _recording ? 40 : 24.toScreenWidth,
|
||||
child: (_recording
|
||||
? "record".toLottieAsset(height: 24)
|
||||
: (_record != null ? "trash" : "mic").toSvgAsset(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20, height: 24, width: 24)),
|
||||
).paddingOnly(end: 16,top: 16).onPress(() {
|
||||
if (_recording) {
|
||||
_stopRecording();
|
||||
} else if (_record != null) {
|
||||
_timeController?.text = "00:00";
|
||||
widget.onRecord(null);
|
||||
_record = null;
|
||||
setState(() {});
|
||||
} else {
|
||||
_startRecording();
|
||||
}
|
||||
}),
|
||||
],
|
||||
),
|
||||
if (_record != null) ...[
|
||||
//8.height,
|
||||
const Divider().defaultStyle(context),
|
||||
ASoundPlayer(audio: _record).paddingOnly(top: 8, bottom: 16, start: 16, end: 16),
|
||||
]
|
||||
],
|
||||
).toShadowContainer(context, padding: 0);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue