feat: Mise à jour à la version 1.1.14 et refonte du support Audio/TTS pour le Web
- Mise à jour de la version de l'application à `1.1.14` dans `app_version.dart` et `version.json`. - Migration de `AudioFeedbackService` vers l'API Web native (`dart:js_interop`, `package:web`) pour corriger les problèmes d'autoplay et supprimer la dépendance `audioplayers`. - Réécriture de `TextToSpeechService` utilisant `window.speechSynthesis` en remplacement de `flutter_tts` pour une meilleure compatibilité Web (notamment sous Linux). - Suppression des dépendances obsolètes `audioplayers` et `flutter_tts` du `pubspec.yaml`. - Ajout d'une gestion de file d'attente (`_scanQueue`) dans `EventPreparationPage` pour traiter les scans de codes-barres de manière séquentielle. - Intégration d'un bouton de diagnostic (`AudioDiagnosticButton`) pour tester manuellement l'audio et la synthèse vocale. - Ajout d'un script de test JavaScript `test_audio_tts.js` pour faciliter le débogage dans la console du navigateur. - Ajout de directives de style et d'architecture Dart/Flutter dans `.github/agents/`.
This commit is contained in:
ElPoyo
@@ -21,6 +21,7 @@ import 'package:em2rp/views/widgets/event_preparation/add_equipment_to_event_dia
|
||||
import 'package:em2rp/utils/debug_log.dart';
|
||||
import 'package:em2rp/views/widgets/equipment/missing_equipment_dialog.dart';
|
||||
import 'package:em2rp/utils/colors.dart';
|
||||
import 'package:em2rp/views/widgets/common/audio_diagnostic_button.dart';
|
||||
|
||||
/// Type d'étape de préparation
|
||||
enum PreparationStep {
|
||||
@@ -73,6 +74,10 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
|
||||
final TextEditingController _manualCodeController = TextEditingController();
|
||||
final FocusNode _manualCodeFocusNode = FocusNode();
|
||||
|
||||
// 🆕 File d'attente pour traiter les scans séquentiellement
|
||||
final List<String> _scanQueue = [];
|
||||
bool _isProcessingQueue = false;
|
||||
|
||||
// Détermine l'étape actuelle selon le statut de l'événement
|
||||
PreparationStep get _currentStep {
|
||||
final prep = _currentEvent.preparationStatus ?? PreparationStatus.notStarted;
|
||||
@@ -119,6 +124,9 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
|
||||
// Initialiser le service de synthèse vocale
|
||||
TextToSpeechService.initialize();
|
||||
|
||||
// Initialiser et débloquer l'audio (pour éviter les problèmes d'autoplay)
|
||||
AudioFeedbackService.unlockAudio();
|
||||
|
||||
// Vérification de sécurité et chargement après le premier frame
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
if (_isCurrentStepCompleted()) {
|
||||
@@ -827,13 +835,33 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
|
||||
Future<void> _handleManualCodeEntry(String code) async {
|
||||
if (code.trim().isEmpty) return;
|
||||
|
||||
await _handleScannedCode(code.trim());
|
||||
// Ajouter le code à la file d'attente
|
||||
_scanQueue.add(code.trim());
|
||||
|
||||
// Effacer le champ après traitement
|
||||
// Effacer le champ immédiatement pour permettre le prochain scan
|
||||
_manualCodeController.clear();
|
||||
|
||||
// Maintenir le focus sur le champ pour permettre une saisie continue
|
||||
_manualCodeFocusNode.requestFocus();
|
||||
|
||||
// Démarrer le traitement de la file si pas déjà en cours
|
||||
if (!_isProcessingQueue) {
|
||||
_processQueue();
|
||||
}
|
||||
}
|
||||
|
||||
/// Traite la file d'attente des scans un par un
|
||||
Future<void> _processQueue() async {
|
||||
if (_isProcessingQueue) return;
|
||||
|
||||
_isProcessingQueue = true;
|
||||
|
||||
while (_scanQueue.isNotEmpty) {
|
||||
final code = _scanQueue.removeAt(0);
|
||||
await _handleScannedCode(code);
|
||||
}
|
||||
|
||||
_isProcessingQueue = false;
|
||||
}
|
||||
|
||||
/// Obtenir les quantités actuelles selon l'étape
|
||||
@@ -1199,6 +1227,9 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
|
||||
appBar: AppBar(
|
||||
title: Text(stepTitle),
|
||||
backgroundColor: AppColors.bleuFonce,
|
||||
actions: const [
|
||||
AudioDiagnosticButton(),
|
||||
],
|
||||
),
|
||||
body: Stack(
|
||||
children: [
|
||||
|
||||
147
em2rp/lib/views/widgets/common/audio_diagnostic_button.dart
Normal file
147
em2rp/lib/views/widgets/common/audio_diagnostic_button.dart
Normal file
@@ -0,0 +1,147 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:web/web.dart' as web;
|
||||
import 'package:em2rp/services/audio_feedback_service.dart';
|
||||
import 'package:em2rp/services/text_to_speech_service.dart';
|
||||
import 'package:em2rp/utils/debug_log.dart';
|
||||
|
||||
/// Bouton de diagnostic pour tester l'audio et le TTS
|
||||
class AudioDiagnosticButton extends StatelessWidget {
|
||||
const AudioDiagnosticButton({super.key});
|
||||
|
||||
Future<void> _testAudio(BuildContext context) async {
|
||||
try {
|
||||
DebugLog.info('[AudioDiagnostic] ========== AUDIO TEST START ==========');
|
||||
DebugLog.info('[AudioDiagnostic] User Agent: ${web.window.navigator.userAgent}');
|
||||
DebugLog.info('[AudioDiagnostic] Platform: ${web.window.navigator.platform}');
|
||||
|
||||
// Débloquer l'audio
|
||||
DebugLog.info('[AudioDiagnostic] Step 1: Unlocking audio...');
|
||||
await AudioFeedbackService.unlockAudio();
|
||||
await Future.delayed(const Duration(milliseconds: 500));
|
||||
|
||||
// Tester le son de succès
|
||||
DebugLog.info('[AudioDiagnostic] Step 2: Playing success beep...');
|
||||
await AudioFeedbackService.playSuccessBeep();
|
||||
await Future.delayed(const Duration(milliseconds: 1000));
|
||||
|
||||
// Tester le son d'erreur
|
||||
DebugLog.info('[AudioDiagnostic] Step 3: Playing error beep...');
|
||||
await AudioFeedbackService.playErrorBeep();
|
||||
|
||||
DebugLog.info('[AudioDiagnostic] ========== AUDIO TEST END ==========');
|
||||
|
||||
if (context.mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(
|
||||
content: Text('Test audio terminé - Vérifiez la console (F12)'),
|
||||
backgroundColor: Colors.green,
|
||||
duration: Duration(seconds: 3),
|
||||
),
|
||||
);
|
||||
}
|
||||
} catch (e) {
|
||||
DebugLog.error('[AudioDiagnostic] Error during audio test', e);
|
||||
if (context.mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text('Erreur audio: $e'),
|
||||
backgroundColor: Colors.red,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _testTTS(BuildContext context) async {
|
||||
try {
|
||||
DebugLog.info('[AudioDiagnostic] ========== TTS TEST START ==========');
|
||||
DebugLog.info('[AudioDiagnostic] User Agent: ${web.window.navigator.userAgent}');
|
||||
DebugLog.info('[AudioDiagnostic] Platform: ${web.window.navigator.platform}');
|
||||
DebugLog.info('[AudioDiagnostic] Language: ${web.window.navigator.language}');
|
||||
|
||||
await TextToSpeechService.initialize();
|
||||
await Future.delayed(const Duration(milliseconds: 500));
|
||||
|
||||
DebugLog.info('[AudioDiagnostic] Speaking test phrase...');
|
||||
await TextToSpeechService.speak('Test de synthèse vocale. Un, deux, trois.');
|
||||
|
||||
DebugLog.info('[AudioDiagnostic] ========== TTS TEST END ==========');
|
||||
|
||||
if (context.mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(
|
||||
content: Text('Test TTS terminé - Vérifiez la console (F12)'),
|
||||
backgroundColor: Colors.green,
|
||||
duration: Duration(seconds: 3),
|
||||
),
|
||||
);
|
||||
}
|
||||
} catch (e) {
|
||||
DebugLog.error('[AudioDiagnostic] Error during TTS test', e);
|
||||
if (context.mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text('Erreur TTS: $e'),
|
||||
backgroundColor: Colors.red,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return PopupMenuButton<String>(
|
||||
icon: const Icon(Icons.bug_report, color: Colors.grey),
|
||||
tooltip: 'Diagnostic Audio/TTS',
|
||||
onSelected: (value) async {
|
||||
switch (value) {
|
||||
case 'audio':
|
||||
await _testAudio(context);
|
||||
break;
|
||||
case 'tts':
|
||||
await _testTTS(context);
|
||||
break;
|
||||
case 'both':
|
||||
await _testAudio(context);
|
||||
await Future.delayed(const Duration(milliseconds: 1000));
|
||||
await _testTTS(context);
|
||||
break;
|
||||
}
|
||||
},
|
||||
itemBuilder: (context) => [
|
||||
const PopupMenuItem(
|
||||
value: 'audio',
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.volume_up, size: 20),
|
||||
SizedBox(width: 8),
|
||||
Text('Test Audio'),
|
||||
],
|
||||
),
|
||||
),
|
||||
const PopupMenuItem(
|
||||
value: 'tts',
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.record_voice_over, size: 20),
|
||||
SizedBox(width: 8),
|
||||
Text('Test TTS'),
|
||||
],
|
||||
),
|
||||
),
|
||||
const PopupMenuItem(
|
||||
value: 'both',
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.play_circle, size: 20),
|
||||
SizedBox(width: 8),
|
||||
Text('Test Audio + TTS'),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user