S-Ioutok'intoumi v0.40 (preview) S'CAPE

Ioutok'intoumi? (ITTM) v 0.40

Réutilisez !

Une extension, 3 fonctionnalités :

Chat-botté :

Alexa{ndre}:

Perroquet:

Reconnaissance vocale (cliquez sur l'image)

Synthèse vocale (cliquez sur l'image)

Mini chatbot

Hello!!

Sommaire :

Bonjour, je suis Perroquet, votre assistant de synthèse vocale. Dans le tutoriel des pages suivantes, je vais vous guider pour m'utiliser ...

(cliquez)

• Interactions déclenchées avec un mot spécifique

• Voix disponibles

• Fonctionnement basique

• Interactions déclenchées avec un mot spécifique pendant la synthèse vocale "libre" (NEW)

• Configuration de la langue

• Compatibilité Tapuscript

• Contrôle de la voix

• Compatibilité avec FEEDBACKS (NEW)

• Play / Pause / stop

• Synthèse vocale "libre"

• Choix d'une voix pour tout le Genially, retour à la voix par défaut (NEW)

• Interactions au début, à la fin de la synthèse vocale

Attention : attendez la fin de la synthèse vocale avant de changer de page!!

• Test de la langue configurée par défaut dans le navigateur (NEW)

• NEW : V0.38 → V0.40

Tout d'abord, découvrez les voix disponibles dans votre navigateur en déroulant la liste suivante ... Je fonctionne avec la plupart des navigateurs modernes à jour (Chrome, Firefox, Edge, Brave, Safari). Les voix disponibles dépendent de la configuration de votre navigateur. Vous pouvez en ajouter ou en supprimer en configurant les paramètres de votre navigateur. Testez différentes voix en changeant la voix dans la liste.

fr-FR

Voix disponibles

Pour fonctionner Perroquet a besoin de 3 éléments. Tout d'abord la fonction ITTM (commune aux 3 fonctionalités synthèse vocale, reconnaissance vocale, et chatbot). L'élément LANGUE ou LANGUE INVISIBLE qui impose la langue choisie et rendra visible ou invisible le choix de la langue pour l'utilisateur, et enfin l'élément TEXTE ou TEXTE INVISIBLE qui définit le texte à synthétiser par Perroquet. Les éléments LANGUE et TEXTE doivent être groupés avec une zone de texte. Si l'élément LANGUE est absent la langue par défaut sera le français.

Éléments de base

Voici quelques exemples de code de langue configurables avec PERROQUET. La zone de texte contenant ces codes est à grouper avec un élément LANGUE ou LANGUE INVISIBLE. Pour fonctionner ces codes doivent correspondre à une langue disponible dans votre navigateur. Vous trouverez aussi ci-dessous un lien vers des codes de langue si ceux proposés ne sont pas suffisants.

langues

Cliquez sur ce lien pour obtenir plus de codes de langue

Compatibilité Tapuscript (cliquez)

PERROQUET est compatible avec l'extension TAPUSCRIPT de S'CAPE : Dans cet exemple on utilise l'élément TEXTE INVISIBLE et on a copié, ce texte dans la zone dédiée de TAPUSCRIPT. Une mise à jour est prévue pour intégrer la fonctionnalité TAPUSCRIPT dans PERROQUET.

PERROQUET est compatible avec l'extension TAPUSCRIPT de S'CAPE : Dans cet exemple on utilise l'élément TEXTE INVISIBLE et on a copié, ce texte dans la zone dédiée de TAPUSCRIPT. Une mise à jour est prévue pour intégrer la fonctionnalité TAPUSCRIPT dans PERROQUET.

• 1000
• 50
• 10
• 500

Vitesse

Si vous le décidez, l'utilisateur peut avoir accès aux caractéristiques de la voix de synthèse. Grâce aux boutons ci-contre, l'utilisateur pourra modifier le volume de la voix, sa hauteur, ou la vitesse d'élocution. Testez ces fonctionalités en modifiant les valeurs des boutons.

Hauteur de voix

Volume

Si vous le décidez, l'utilisateur peut avoir accès aux caractéristiques de la voix de synthèse. Grâce aux boutons ci-contre, l'utilisateur pourra modifier le volume de la voix, sa hauteur, ou la vitesse d'élocution. Testez ces fonctionalités en modifiant les valeurs des boutons.

Controle de la voix

• 1000
• 50
• 10
• 500

fr-FR

Jusqu'à présent le lancement de la synthèse vocale se faisait automatiquement au chargement de la page. Vous pouvez aussi utiliser les boutons de commande "Play", "Stop"et "Pause" pour lancer la synthèse vocale. Ces boutons doivent être groupés avec une image ou un objet Genially. En option un élément "Style" peut être ajouté dans la page pour animer ces boutons quand ils ont été activés. Appuyez sur les boutons.

Vous avez appuyé sur le bouton PLAY pour démarrer la synthèse vocale. Testez aussi les boutons "PAUSE" et "STOP".

Boutons de commande

• 1000
• 50
• 10
• 500

fr-FR

Dans les pages suivantes : Feedbacks de début et de fin de synthèse vocale, ou lançés avec un mot spécifique.

Texte de synthèse vocale libre

Vous pouvez donner la possibilité à l'utilisateur de synthètiser son propre texte en utilisant l'élément TEXTAREA SIMPLE. Le déclenchement de la synthèse vocale se fera en appuyant sur ENTRÉE, sur le bouton PLAY ou sur le bouton ENVOYER (La touche ENTRÉE et le bouton ENVOYER ne synthétiseront que la derniere occurence, le bouton PLAY permet de lire la totalité du texte)

ENVOYER

• 1000
• 50
• 10
• 500

fr-FR

Feedbacks de début et de fin

Configurez une action au lancement ou à la fin de la synthèse vocale en utilisant les ÉLÉMENTS FEEDBACK DÉBUT ou FEEDBACK FIN. L'interaction ou l'animation sera lancée une demi seconde après le début ou la fin de la synthèse vocale. Dans cet exemple : zoom d'une image au début, changement de page à la fin.

Animation au début

Configurez une action au lancement ou à la fin de la synthèse vocale en utilisant les ÉLÉMENTS FEEDBACK DÉBUT ou FEEDBACK FIN à grouper avec un objet Genially portant une animation ou une interactivité. L'interaction ou l'animation au clic sera lancée une demi seconde après le début ou la fin de la synthèse vocale. Dans cet exemple : zoom d'une image au début, changement de page àla fin.

Cet élément invisible possède une interaction " aller à la page suivante" 0,5s seconde après la fin de la synthèse vocale

• 1000
• 50
• 10
• 500

araignée

Vous pouvez déclencher une animation ou une interaction Genially quand un mot spécifique est synthétisé en utilisant l'élément FEEDBACK MOT. Dans cet exemple quand le mot araignée est synthètisé, on révèle une image. Quand le mot Paf! est synthétisé on la fait glisser.

Feedback Mot

Vous pouvez déclencher une animation ou une interaction Genially quand un mot spécifique est synthétisé en utilisant l'élément FEEDBACK MOT. Dans cet exemple quand le mot araignée est synthètisé, on révèle une image. Quand le mot Paf! est synthétisé on la fait glisser. Choisissez des mots sans ambiguïté! Animations et interactivités au clic.

Paf!

• 1000
• 50
• 10
• 500

Texte de synthèse vocale libre et feedback Mot

FEEDBACK MOT est aussi disponible avec l'élément Texte Libre. Rédigez un texte contenant le mot "araignée" et le le mot "Paf!". Début de la synthèse vocale avec "Entrée", les boutons "Envoyer" ou "Play" (Texte sensible à la casse et à la ponctuaction).

Paf!

ENVOYER

• 1000
• 50
• 10
• 500

araignée

fr-FR

• 1000
• 50
• 10
• 500

Feedback Mot : compatibilité avec l'extension feedbacks de s'cape (cliquez).

FEEDBACK MOT est compatible avec l'extension FEEDBACKS. Vous pouvez donc, par exemple, avec la synthèse d'une seule locution déclencher plusieurs animations ou interactions successives. Dans cet exemple quand TAXI DRIVER est synthètisé on fait apparaitre plusieurs images qui portent des animations et des interactions.

FEEDBACK MOT est compatible avec l'extension FEEDBACKS. Vous pouvez donc, par exemple, avec la synthèse d'une seule locution déclencher plusieurs animations ou interactions successives. Dans cet exemple quand TAXI DRIVER est synthètisé on fait apparaitre succesivement plusieurs images qui portent chacune des animations et des interactions.

En présence de la fonction FEEDBACKS, les éléments FeedBack MOT, DÉBUT, ou FIN deviennent des déclencheurs pour la fonction FEDDBACKS : Ils lancent des animations et des interactions au début, à la fin ou quand les mots qu'ils contiennent sont reconnus ou synthétisés...

TAXI DRIVER

2.5

fr-FR

Dans les pages suivantes : Garder une voix pour tout le Genially. Langue par défaut du navigateur.

L'élément voix permanente permet à l'utilisateur de faire un choix de voix et de langue qui sera conservé pour toutes les pages suivantes du Genially. Dans ce cas, l'élément langue n'est plus nécessaire. Sélectionnez une voix.

Voix permanente

Suppression Voix permanente

Pour supprimer la voix permanente précédemment choisie, et revenir à la voix et à la langue par défaut, cliquez sur le bouton Supprime Voix Permanente.

Le bouton suivant permet de vérifier quelle est la langue configurée par défaut dans votre navigateur...

Langue configurée par défaut

Alexa{ndre}

Reconnaissance vocale (Expérimental )

Attention !! Cette fonctionalité n'est disponible qu'en mode VIEW /PRÉSENTATION!! Vous devez aussi autoriser l'accès au micro!!

Limitation connue sous FIREFOX : Autorisez la reconnaissance vocale en tapant about:config dans la barre de recherche et passer le paramètre media.webspeech.recognition.enable à "true" Le résultat n'est pas garanti !!!

Bonjour, je suis Alexandre, votre assistant de reconnaissance vocale. Les pages suivantes vont vous guider pour m'utiliser.

Cette fonctionnalité est expérimentale. En cas de disfonctionnements constatés, faites des retours en précisant votre navigateur, sa version, et le système.

Sommaire :

(cliquez)

• Test de compatibilité du navigateur (NEW)

• Fonctionnement de la reconaissance vocale (NEW)

• Indice de confiance (NEW)

• Reconaissance d'un mot spécifique (NEW)

• Compatibilité FEEDBACKS, exemple 1 : The english lesson (NEW)

• ITTM + FEEDBACKS, exemple 2 : La baguette magique (NEW)

Alexa{ndre}

• NEW : V0.38 → V0.40

Cette page contient les éléments suivants :

Zone de texte

Zone de texte groupée avec l'élément TEXTE (visible). La zone de texte est utilisée pour imprimer le résultat du test. Perroquet (synthèse vocale d'ITTM) énnonce le résultat.

Test de compatibilité

In view mode, allow access to the microphone, then click the microphone button and speak in English

1. En mode VIEW (Présentation)

2. Autorisez l'accès au micro

3. Cliquez sur le bouton Micro

Zone de texte

4. Parlez en ANGLAIS

5. Le résultat est imprimé dans la zone de texte groupée avec l'ÉLÉMENT TRANSCRIPTION

La langue de reconnaissance ET de synthèse vocale est imposée avec l'élément LANGUE, si absent la langue par défaut est le français

L'élément TEXTE INVISIBLE (si présent) énnonce une consigne

Reconnaissance vocale

en-GB

Speak in English. Vary your British accent and speaking speed to improve voice recognition confidence score...

Parlez en ANGLAIS

Faites varier votre accent britanique et votre vitesse d'élocution pour améliorer le score de confiance de la reconnaissance vocale ...

Zone de texte

Certitude sur la reconnaissance du texte à:

000.00

Cliquez sur le BOUTON MICRO et parlez ANGLAIS

ÉLÉMENT CONFIANCE à grouper avec une zone de texte

Indice de confiance (Fonctionne sous Chrome)

en-GB

1. En mode VIEW (Présentation)

je n'aime pas les araignées

2. Autorisez l'accès au micro.

3. Cliquez sur le bouton Micro.

Zone de texte

4. Prononcez la phrase " je n'aime pas les araignées" ( Réveler une image).

5. Puis une phrase contenant le mot "peur" (animation d'une image).

Alexandre peut lancer des animations ou des interactions à la reconnaissance d'une phrase ou d'un mot.

peur

Bouton MICRO (à grouper avec un objet)

L'élément TEXTE (si présent) énnonce une consigne

Feedback Mot

Here are the sentences to say:

Clik on the microphone button and say the following sentences.

my tailor is rich

Here is what you said

see you later

you're talking to me ?

correct sentence(s) out of

XX

English lesson : Cliquez sur le bouton micro et prononcez les phrases.

XX

Correct sentences that were said:

en-GB

my tailor is rich

see you later

Compatibilité avec l'extension FEEDBACKS (exemple 1)

you're talking to me

Trouvez les bonnes formules puis cliquez sur la baguette magique pour lancer les sorts.

Formule magique

Laetitia

crypte

Compatibilité avec l'extension FEEDBACKS (exemple 2)

Page DE Création

Élément FONCTION IOUTOK'INTOUMI obligatoire et unique dans la page : Permet la synthèse vocale, reconnaissance vocale, mini chatbot.

CONFIGURATION DES LANGUES ET DES VOIX

fr-FR

Élément LANGUE optionel à grouper avec une zone de texte contenant le code BCP 47 de la langue. Impose la langue de la synthèse vocale. Si absent, par défaut la Fonction ITTM configure la langue en français avec le code BCP 47 ("fr-FR"). La zone de texte est visible en mode view/preview. La voix est celle de la première disponible dans le navigateur et correspondant à la langue du code BCP 47. ATTENTION : Les langues disponibles dépendent de la configuration du navigateur. Toutes ne sont pas disponibles.

fr-FR

Élément LANGUE INVISIBLE : Identique à l'Élément LANGUE, mais la zone de texte contenant le code de la langue est invisible en mode view/preview.

Élément SELECT VOIX optionnel. Permet de choisir la langue et la voix. Remplace le choix des ÉLEMENTS LANGUE ou LANGUE INVISIBLE (si présent(s) et si il y a un changement dans l'élément SELECT VOIX ). Visible en mode view/preview.

Élément contôle de la hauteur de voix ("pitch"), optionnel. Visible en mode view et preview. Varie de 0,1 à 2. Si absent, la hauteur de voix est fixée à 1 (hauteur de voix normale de la voix).

Élément de contrôle de la vitesse d'élocucution ("rate"), optionel. Visible en mode view et preview. Varie de 0,1 à 2. Si absent, la vitesse de lecture est fixée à 1 (vitesse normale de la voix).

Élément contôle volume, optionnel. Visible en mode view et preview. Varie de 0 à 1. Si absent, le volume est fixé à 0,5 .

Vitesse

Hauteur de voix

CONTROLES DE LA VOIX

Volume

Page DE Création

CONTRÔLE DE LA LECTURE

Exemples de zones de texte ou images à grouper

Bouton PLAY à grouper avec un objet Genially ou une zone de texte, dans la page de la fonction Perroquet optionel. Commande la lecture du texte. Si absent la lecture, la lecture se lancera automatiquement.

Play

Bouton PAUSE : à grouper avec un objet Genially ou une zone de texte dans la page de la fonction Perroquet, optionel. Commande la lecture mise en pause de la lecture. Un deuxième clic sur le bouton PAUSE redemarrera la lecture.

Pause

Bouton STOP : à grouper avec un objet Genially ou une zone de texte dans la page de la fonction Perroquet, optionel. Commande l'arrêt de la lecture.

Stop

<--- Elément Style : Invisible en mode édition, preview ou view, optionel. Permet l'ajout d'animations au clic sur les groupes contenant les boutons PLAY, PAUSE et STOP.

TEXTE À SYNTHÉTISER

Élément TEXTE à grouper avec une zone de texte ou un élement TEXTAREA : Impose le texte à synthétiser. Le texte est visible en mode view et prexiew. Les éléments de la famille "TEXTE" sont optionnels dans la page où se situe la fonction Perroquet. Si absents de la page, le texte synthétisé sera "Hello world".

Élément TEXTE INVISIBLE. Identique à l'élément TEXTE, mais le texte synthétisé est invisible en mode view et preview.

Élément TEXTAREA simple: Permet à l'utilisateur d'entrer le texte à synthétiser. A grouper avec l'élément TEXTE. La lecture se déclenche avec la touche ENTER ou avec le bouton ENVOYER (dernière occurence lue), ou avec le bouton PLAY (lecture de toutes les occurences). TEXTAREA SIMPLE est visible en mode view et preview. À personnaliser avec TEXTAREA CREATOR.

Page DE Création

FEEDBACKS / ENVOYER

Élément FEEDBACK FIN et FEEDBACK DEBUT cache l'élément avec lequel il est groupé et déclenche une animation ou une interactivité au clic sur l'élément groupé 0,5 s après le début ou la fin de la synthèse vocale. Élément FEEDBACK MOT à grouper avec une zone de texte.

Bouton ENVOYER à grouper avec un objet Genially ou une zone de texte, dans la page de la fonction qui est utilisée avec TEXTAREA Simple ou le CHATBOT. Optionel. Si utilisé avec le TEXTAREA simple, permet la synthèse vocale de la dernière occurence du TEXTAREA Simple (équivalent à l'appui sur la touche ENTER). Pour lire toutes les occurences il faut utiliser le bouton PLAY. Si utilisé dans la page du CHATBOT, remplacera l'appui sur ENTER quand le focus est dans le TEXTAREA Utilisateur.

araignée

VOIX PERMANENTE /TEST

L'ÉLÉMENT VOIX PERMANENTE permet de choisir une voix disponible dans le navigateur et de garder cette voix et la langue associée pour toutes les pages suivantes du Genially. Dans ce cas, l'élément LANGUE ou LANGUE INVISIBLE n'est plus nécessaire pour les pages suivantes : la langue est imposée.

L'ÉLÉMENT SUPPRIME VOIX PERMANENTE à grouper avec un objet Genially . Après la suppression au clic de la langue permanante, un élément LANGUE ou LANGUE INVISIBLE est nécessaire dans les pages suivantes du Genially pour faire fonctionner à nouveau la synthèse vocale.

Bouton de détection de la langue configurée par défaut dans le navigateur.

Page DE Création

FEEDBACKS / DIVERS

Élément FEEDBACK FIN et FEEDBACK DEBUT cache l'élément avec lequel il est groupé et déclenche une animation ou une interactivité au clic sur l'élément groupé 0,5 s après le début ou la fin de la synthèse vocale. Élément FEEDBACK MOT à grouper avec une zone de texte.

Bouton ENVOYER à grouper avec un objet Genially ou une zone de texte, dans la page de la fonction qui est utilisée avec TEXTAREA Simple ou le CHATBOT. Optionel. Si utilisé avec le TEXTAREA simple, permet la synthèse vocale de la dernière occurence du TEXTAREA Simple (équivalent à l'appui sur la touche ENTER). Pour lire toutes les occurences il faut utiliser le bouton PLAY. Si utilisé dans la page du CHATBOT, remplacera l'appui sur ENTER quand le focus est dans le TEXTAREA Utilisateur.

araignée

CHATBOT

Page DE Création Reconnaissance vocale

TEST RECONNAISSANCE

Bouton TEST SUPPORT DE LA RECONNAISSANCE VOCALE PAR LE NAVIGATEUR (invisible). Ce bouton permet , au chargement d'imprimer le résultat du TEST dans une zone de TEXTE groupée avec l'ÉLÉMENT TEXTE ou TEXTE INVISIBLE, puis de l'ennoncer avec la synthèse vocale. ATTENTION : Ce test ne prend pas en compte toutes les fonctionnalités de reconnaissance vocale, mais les principales. Le navigateur supportant le maximum de fonctionalité est Chrome.

DIVERS

Une des astuces consiste à lancer une interaction (le son) quand le mot magique a été prononcé sur un élément que l'on cache avec Feedbacks.

FEEDBACKS était le seul moyen d'atteindre cette crypte secrète car 2 interactions ont été lancées : lancer un son et changer de page pour 1 reconaissance d'ITTM ce que Genially ne permet pas.

Puis de lancer une seconde interaction (changement de page) retardée de quelques secondes sur un élément qui a été révélé avec le mot magique.

Pour retourner d'ou tu viens utilise cette baguette magique.

Compatibilité avec l'extension FEEDBACKS (exemple 2)

Décodés ces symboles donnent : "DES SOUS POUR LAETITIA" hummm... Étrange tout de même!!!

Taxi Driver, ou Chauffeur de taxi, est un film américain réalisé par Martin Scorsese et sorti en 1976. Écrit par Paul Schrader, il met en vedette Robert De Niro, Jodie Foster, Harvey Keitel et Cybill Shepherd.(Source Wikipedia)

Transformation de FEEDBACK MOT en déclencleur d'animations et d'interactivités en présence de la fonction FEEDBACKS :

Intérêt de FEEDBACKS :

• Multiples animations et interactions déclenchées avec une seule réussite
• Compteurs de feedbacks (activés et totaux)
• Feedback global avec interaction (cette fenêtre)

Comment ça quelle est la formule magique? Ben... Si tu veux aller dans la crypte secrète, il suffit de le demander à la baguette : "Téléporte moi dans la crypte secrète"