Loicgotta/Dioula

dioula # Chat Vocal Bambara avec Djelia et ElevenLabs Application web de chat vocal en bambara utilisant l'IA de Djelia pour la reconnaissance vocale et ElevenLabs pour les réponses conversationnelles. ## 🌟 Fonctionnalités - **Reconnaissance vocale en bambara** : Utilise l'API Djelia pour transcrire la parole en bambara - **Conversation IA** : Agent conversationnel ElevenLabs pour des réponses naturelles - **Interface intuitive** : Interface web simple et élégante - **Audio en temps réel** : Réponses vocales de l'assistant ## 🚀 Comment utiliser ### Lancement de l'application 1. Ouvrez le fichier `index.html` dans votre navigateur web moderne (Chrome, Firefox, Edge, Safari) 2. Autorisez l'accès au microphone lorsque demandé 3. Cliquez sur "Appuyer pour parler" et commencez à parler en bambara 4. Cliquez à nouveau pour arrêter l'enregistrement 5. L'application va : - Transcrire votre parole avec Djelia - Envoyer la transcription à l'agent ElevenLabs - Afficher et jouer la réponse ### Serveur local (recommandé) Pour éviter les problèmes CORS et de permissions, lancez un serveur HTTP local : #### Avec Python 3 ```bash python3 -m http.server 8000 ``` #### Avec Node.js (npx) ```bash npx http-server -p 8000 ``` #### Avec PHP ```bash php -S localhost:8000 ``` Puis ouvrez localhost dans votre navigateur. ## 🔧 Technologies utilisées ### Djelia API - **Service** : Reconnaissance vocale bambara - **Endpoint** : `djelia.cloud` - **Authentification** : Header `x-api-key` - **Documentation** : djelia.cloud ### ElevenLabs Conversational AI - **Service** : Agent conversationnel vocal - **Connexion** : WebSocket `wss://api.elevenlabs.io` - **Agent ID** : `agent_7801k3yd7xb4fgfva2r76j2fk9dm` - **Documentation** : ElevenLabs Docs ## 📁 Structure du projet ``` . ├── index.html # Interface utilisateur principale ├── style.css # Styles de l'application ├── app.js # Logique JavaScri …