flutter/MovieLab
1
0
Fork 0
mirror of https://github.com/ErfanRht/MovieLab.git synced 2025-05-17 22:15:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix voice search problems.

Browse Source
This commit is contained in:
Erfan Rahmati
2022-05-06 20:13:26 +04:30
parent bfee22ce86
commit f5a58849bc
6 changed files with 125 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
lib/pages/main/home/sections/navbar/navbar.dart
View File

@ -33,8 +33,9 @@ class HomeNavbar extends StatelessWidget {
color: Colors.white,
size: 22.5,
),
onPressed: () {
Get.find<MainController>().controller.jumpToTab(1);
onPressed: () async {
await Future.delayed(const Duration(milliseconds: 250));
Get.find<MainController>().changeIndex(1);
},
),
],

19
lib/pages/main/search/search_bar/search_bar.dart
View File

@ -86,18 +86,17 @@ class SearchBar extends StatelessWidget {
),
),
_.fieldText == ""
? GestureDetector(
onTap: () async {
// await _.speechToText.listen(onResult: _onSpeechResult);
// Get.find<SearchBarController>()
// .updateSpeechToText(listening: true);
? IconButton(
splashColor: Colors.transparent,
highlightColor: Colors.transparent,
onPressed: () async {
showDialog(
context: context,
builder: (context) {
return const VoiceSearchAlertDialog();
});
},
child: const Padding(
icon: const Padding(
padding: EdgeInsets.only(right: 15, left: 5),
child: Icon(
FontAwesomeIcons.microphoneAlt,
@ -106,13 +105,15 @@ class SearchBar extends StatelessWidget {
),
),
)
: GestureDetector(
onTap: () {
: IconButton(
splashColor: Colors.transparent,
highlightColor: Colors.transparent,
onPressed: () {
_.updateFieldState(tapped: false, text: "");
_.updateResult(result: null);
_.controller.clear();
},
child: const Padding(
icon: const Padding(
padding: EdgeInsets.only(right: 15),
child: Icon(
Icons.close_rounded,

11
lib/pages/main/search/search_bar/search_bar_controller.dart
View File

@ -7,10 +7,6 @@ class SearchBarController extends GetxController {
bool fieldTapped = false;
String fieldText = "";
TextEditingController controller = TextEditingController();
SpeechToText speechToText = SpeechToText();
String recognizedText = "";
bool speechEnabled = false;
bool isListening = false;
// ignore: avoid_init_to_null
List? result = null;
@ -21,13 +17,6 @@ class SearchBarController extends GetxController {
update();
}
updateSpeechToText({bool? enabled, bool? listening, String? recognized}) {
speechEnabled = enabled ?? speechEnabled;
isListening = listening ?? isListening;
recognizedText = recognized ?? recognizedText;
update();
}
updateResult({required result}) {
this.result = result;
update();

198
lib/pages/main/search/search_bar/voice_search.dart
View File

@ -4,110 +4,120 @@ import 'package:get/get.dart';
import 'package:movielab/constants/colors.dart';
import 'package:movielab/modules/api_requester.dart';
import 'package:movielab/pages/main/search/search_bar/search_bar_controller.dart';
import 'package:speech_to_text/speech_recognition_result.dart';
import 'package:speech_to_text/speech_to_text.dart';
import 'package:speech_to_text/speech_to_text.dart' as stt;
import 'package:avatar_glow/avatar_glow.dart';
class VoiceSearchAlertDialog extends StatelessWidget {
class VoiceSearchAlertDialog extends StatefulWidget {
const VoiceSearchAlertDialog({Key? key}) : super(key: key);
@override
State<VoiceSearchAlertDialog> createState() => _VoiceSearchAlertDialogState();
}
class _VoiceSearchAlertDialogState extends State<VoiceSearchAlertDialog> {
final stt.SpeechToText _speech = stt.SpeechToText();
bool _isListening = false;
double _confidence = 1.0;
TextEditingController controller = Get.find<SearchBarController>().controller;
String _text = "Tap to talk!";
@override
Widget build(BuildContext context) {
return StatefulBuilder(builder: (context, setState) {
TextEditingController controller =
Get.find<SearchBarController>().controller;
double halfScreen =
((MediaQuery.of(context).size.width.round().toDouble()) / 2) - 150;
return GetBuilder<SearchBarController>(
builder: (_) {
SpeechToText speechToText = _.speechToText;
_initSpeech() async {
_.speechEnabled = await _.speechToText.initialize();
}
initState() {
super.initState();
_listen();
}
_initSpeech();
Future<void> _onSpeechResult(SpeechRecognitionResult result) async {
_.updateSpeechToText(recognized: result.recognizedWords);
// _.controller.text = result.recognizedWords;
//_.updateResult(result: []);
//search(expression: result.recognizedWords);
//await Future.delayed(const Duration(seconds: 1));
//_.updateSpeechToText(listening: false);
//Navigator.pop(context);
}
void _stopListening() async {
await _.speechToText.stop();
setState(() {});
}
return Padding(
padding: EdgeInsets.symmetric(horizontal: halfScreen),
child: AlertDialog(
contentPadding: const EdgeInsets.all(5),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20),
),
content: Container(
height: 200.0,
width: 200,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15),
color: kBackgroundColor),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.symmetric(vertical: 20),
child: InkWell(
onTap: () async {
if (_.isListening) {
_stopListening();
_.updateSpeechToText(listening: false);
} else {
await _.speechToText
.listen(onResult: _onSpeechResult);
_.updateSpeechToText(listening: true);
}
},
child: CircleAvatar(
backgroundColor:
!_.isListening ? Colors.white : kBlueColor,
radius: 35,
child: Icon(
FontAwesomeIcons.microphoneAlt,
color: _.isListening ? Colors.white : kBlueColor,
size: 25,
),
),
double halfScreen =
((MediaQuery.of(context).size.width.round().toDouble()) / 2) - 150;
return Padding(
padding: EdgeInsets.symmetric(horizontal: halfScreen),
child: AlertDialog(
contentPadding: const EdgeInsets.all(5),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20),
),
content: Container(
height: 200.0,
width: 200,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15), color: kBackgroundColor),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.symmetric(vertical: 10),
child: InkWell(
onTap: _listen,
child: AvatarGlow(
animate: _isListening,
glowColor: kLightBlueColor,
endRadius: 50.0,
duration: const Duration(milliseconds: 2000),
repeatPauseDuration: const Duration(milliseconds: 100),
repeat: true,
child: CircleAvatar(
backgroundColor:
!_isListening ? Colors.white : kBlueColor,
radius: 35,
child: Icon(
FontAwesomeIcons.microphoneAlt,
color: _isListening ? Colors.white : kBlueColor,
size: 25,
),
),
_.recognizedText != ""
? Text(
_.recognizedText,
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w700),
)
: !_.isListening
? const Text(
"Tap to talk!",
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w700),
)
: Text(
"Talk now!",
style: const TextStyle(
color: Colors.white,
fontWeight: FontWeight.w700),
)
],
),
),
),
),
);
},
Text(
_text,
style: TextStyle(
color: _isListening
? kLightBlueColor.withOpacity(0.75)
: Colors.white,
fontWeight: FontWeight.w700),
)
],
),
),
),
);
}
void _listen() async {
if (!_isListening) {
bool available = await _speech.initialize(
onStatus: (val) => print('onStatus: $val'),
onError: (val) => print('onError: $val'),
);
});
if (available) {
setState(() => _isListening = true);
setState(() => _text = "Listening...");
print('>>> Listening started...');
_speech.listen(
onResult: (val) => setState(() async {
_text = val.recognizedWords;
_confidence = val.confidence;
if (val.hasConfidenceRating && val.confidence > 0) {
SearchBarController _ = Get.find<SearchBarController>();
print('Word: $_text, Confidence: $_confidence');
_.controller.text = _text;
_.fieldText = _text;
await Future.delayed(const Duration(seconds: 1));
_.updateResult(result: []);
Navigator.pop(context);
search(expression: _text);
}
}),
);
}
} else {
setState(() => _isListening = false);
setState(() => _text = "Tap to talk!");
_speech.stop();
print('>>> Listening stopped.');
}
}
}

7
pubspec.lock
View File

@ -8,6 +8,13 @@ packages:
url: "https://pub.dartlang.org"
source: hosted
version: "2.8.2"
avatar_glow:
dependency: "direct main"
description:
name: avatar_glow
url: "https://pub.dartlang.org"
source: hosted
version: "2.0.2"
boolean_selector:
dependency: transitive
description:

1
pubspec.yaml
View File

@ -28,6 +28,7 @@ dependencies:
floating_action_bubble: ^1.1.4
fab_circular_menu: ^1.0.2
flutter_slidable: ^1.2.0
avatar_glow: ^2.0.2
dev_dependencies:
flutter_test: