README_FR.md

Défi 6: Reconnaissance vocale

⏲️ temps estimé pour terminer: 30 min. ⏲️

Voici ce que vous allez apprendre 🎯

Dans ce défi, vous apprendrez comment:

• Créer un service Azure : Speech API
• Connectez votre service Speech API avec votre application
• Transmettez la clé API à votre application à l'aide des variables secretes GitHub
• Dialoguer avec l'application

Table des matières

Ressources informatives supplémentaires

• Qu'est-ce qu'une ressource / groupe de ressources / abonnement?
• API de parole
• Régions et zones de disponibilité dans Azure
• Secrets chiffrés GitHub

Commencer

• Utilisez le même service cognitif que vous avez créé dans le défi Vision

Intégrer les informations d'identification du service Speech API dans les "secrets" GitHub

Encore une fois, vous devez partager les informations de cette ressource avec l'application Web, afin qu'elle puisse utiliser l'intelligence du service Speech API. Par conséquent, nous allons créer un autre secret GitHub et le partager avec l'application.

• Naviguez vers GitHub > Paramètres > Secrets > Actions et ajoutez un Nouveau secret de dépôt.

• Nom: VITE_SPEECH_API_KEY

• Valeur: La clé de votre service Speech API que vous avez copiée auparavant

• Ajouter un secret.

  

Maintenant, nous allons faire comprendre à notre application quand nous parlons à notre application de médias sociaux Milligram.

Exécutez à nouveau le pipeline Frontend

• Naviguez vers Actions > Pages et Exécutez le workflow

Cliquez sur le lien frontend (coté client) affiché sous l'étape de déploiement sous votre pipeline https://<yourgithubhandle>.github.io/... ou ouvrez l'application sur votre téléphone.

Notre application frontend (coté client) devrait maintenant avoir un nouveau bouton avec un symbole de microphone qui nous permet de parler à notre application en anglais et en allemand et d'avoir notre discours transcrit.

Ni ce que vous dites ni ce qui est transcrit ne sera sauvegardé et n'apparaîtra pas sur la chronologie ou le fil d'actualité.

Jouez et testez l'application !

Alors allez-y et dites au moins 5 phrases et dites-nous à quel point votre application vous comprend bien.

Jetez également un œil à votre application ou demandez à d'autres personnes de parler à travers un téléphone, vous pourriez être surpris.

Par défaut, il ne comprendra que l'allemand et l'anglais, si vous voulez changer la langue, vous pouvez changer le repo dans Frontend > scr > views > Microphone.vue à la ligne 7 et ajouter par exemple l'ukrainien <option value="uk-UA">Ukrainien</option>

Comme vous pouvez le voir, la langue est représentée par quatre lettres. Pour l'allemand, c'est de-DE, pour l'anglais (USA) c'est en-US et pour l'ukrainien c'est uk-UA. Ici vous pouvez trouver toutes les langues prises en charge avec leur code.

◀ Défi précédent | 🔼 Accueil | Prochain défi ▶

Dépassé? Nous vous avons couvert

Demandez à votre coach si vous n'avez pas réussi. Nous vous avons couvert avec une sauvegarde. ⚠️

Utilisez le service Backend Milligram préparé

Regardez l'application préparée avec nos photos pour pouvoir tester Milligram.