Des ressources Javascript pour ajouter un contrôle vocal à son site

Le 14/10/2015

Dans Développement

Les mobiles et leurs assistantes personnelles comme Google Now ou Siri aidant, les interfaces vocales sont de plus en plus banalisées. Que ce soit pour manipuler son téléphone avec les mains prises, ou pour faire une tache annexe sans lâcher son clavier, le passage par la voix est vraiment quelque chose de pratique.

Vous savez ce qui est le plus beau ? C'est maintenant une formalité à intégrer à son site ! Si vous avez envie d'essayer, je vous propose ces ressources Javascript pour vous y aider.

Annyang

Bien que j'en donne quelques autres pour vous laisser le choix de la ressource que vous choisirez d'utiliser, je dois vous avouer que personellement, mon choix est fait : c'est Annyang. Plus rapide, plus précis, multilangue, Annyang est pour moi vraiment superieur sur tout les points aux autres ressources présentées dans cet article. ( A l'exception de Voicebox).

Interface annyang

Son utilisation est vraiment simple : il suffit de définir des patterns comme par exemple "bonjour", ou "Executer la commande :cmd_name", et d'y relier les fonctions correspondantes. Que ce soit pour enregistrer une ressource en favoris, commenter un article, ou décider de mettre un article en pannier, ce mode de fonctionnement permet vraiment d'executer des ordres en quelques secondes, et peut donc améliorer la conversion de son site.

Pour vous expliquer son fonctionnement d'un point de vue plus technique, je vous propose ce petit pen très simple. Libre à vous de le forker et l'étendre pour commencer sans attendre à jouer avec Annyang !

Utilisation vocal annyang

Je vous ai aussi trouvé ci-dessous deux autres exemples d'utilisation de Annyang.

Attention, les deux sont configuré pour de l'anglais, il va donc falloir sortire votre meilleur accent pour réussir à les utiliser.

Voicebox

Voicebox est un tout jeune projet fonctionnant avec Electron et NodeJS qui vous permettra de créer une sorte d'aide personelle du style SIRI. L'application ne reconnais évidemment que très peu de commandes pour l'instant, mais il est vraiment simple d'en ajouter de nouvelles. Je vous conseille de l'installer pour y jeter un coup d'oeil, c'est très intéressant.

Voicebox github

JuliusJS

Github juliusjs

PocketSphinx

Pocketsphinx

Dictate

Dictate