Google vient encore de frapper fort avec un Doodle interactif très bien réalisé pour la célébration du 78ème anniversaire du pionnier du synthétiseur Robert Moog.
Google vient encore de frapper fort avec un Doodle interactif très bien réalisé pour la célébration du 78ème anniversaire du pionnier du synthétiseur Robert Moog.
Ce logo interactif, comme la plupart des autres Doodles, est réalisé en HTML5 et permet de créer des sons électroniques en pianotant sur le clavier du synthétiseur depuis la page d’accueil du moteur de recherche.
En plus de pouvoir modifier certains paramètres qui me sont totalement inconnus (comme les oscillateurs, les enveloppes ou les filtres), il est possible d’enregistrer et (ré)écouter votre création. Et même de la partager via un lien ou sur Google+ si cela vous intéresse.
Même si les Doodles interactifs qui se transforment en véritables jeux sont aussi du marketing, on peut saluer la belle performance technique qui est celle de réaliser un synthétiseur en HTML5 (celui des 183 ans de Jules Verne n’était pas mal non plus).
Lesquels vous ont le plus marqué ?
Derniers articles parCamille (voir tous)
- Vélib’ libère ses données… à moitié - 4 mai 2013
- Test du HTC One - 2 mai 2013
- Tech City : la Silicon Valley londonienne ? - 22 avril 2013
- LinkedIn fête ses 5 millions d’utilisateurs en France (+ comptes Premium à gagner) - 10 avril 2013
- Test du LG Optimus G - 9 avril 2013
Camille Bouiller 
Rénald Boulestin
Nicolas Lecointre
Thomas Estimbre 
Kévin Verger 
Valentin Pringuay 
Louis Carle
10 commentaires pour "Google Doodle rend hommage à Moog avec un synthétiseur enregistrable"
1
GiFo le 23 mai 2012 à 11:04
C’est n’est pas que du HTML5… Avec Flashblock activé, ça ne marche pas sur Firefox. Il y a un flash planqué dans une iframe cachée…
2
louis3000 le 23 mai 2012 à 11:16
En effet ça ne marche pas avec Flashblock activé sous Firefox. Ce qui est bizarre c’est que ça marche avec Flashblock sous Chromium…
3
dz le 23 mai 2012 à 12:56
http://www.youtube.com/watch?v=roNKDCxefmU
4
charles le 23 mai 2012 à 13:12
Y a quoi d’html5 la dedans ?
5
Eric le 23 mai 2012 à 13:27
@charles : ce Doodle utilise Web Audio API avec l’élément « audio » de HTML5, avec du JavaScript et du CSS3. Mais cela n fonctionne qu’avec Chrome. Pour les autres navigateurs c’est effectivement du Flash.
http://www.google.com/doodles/.....h-birthday
http://www.html5rocks.com/en/t.....dio/intro/
6
LSQR le 23 mai 2012 à 16:25
Cela marche aussi avec Safari 5.1.7, mais évidemment pas sur iPad
Dommage car ce doodle est vraiment tip top !
7
Pascal le 23 mai 2012 à 19:58
Bonjour Camille!
J’avais remarqué une image sympa sur la page d’accueil de Google qui montrait un synthétiseur en hommage à Robert Moog. Ton article m’apprend que c’est une sympathique animation. Pas mal! Je viens d’essayer.
amitiés
Pascal
8
Tayo le 23 mai 2012 à 20:10
C’est peut-être bien réalisé, mais ça bousille les oreilles ;o)
Sinon le problème de la balise audio si je me trompe pas est le bordel sur les codecs.
Il faut en effet avoir plusieurs fois le même son disponible.
Car :
Firefox ne gère pas le MP3, mais il connait le OGG.
Internet explorer gère le mp3, mais il connait rien d’autre.
Et cest à peu près pareil pour d’autres navigateurs^^
9
Dede Wilo le 23 mai 2012 à 21:54
Et bien, chez moi le doodle fonctionne parfaitement avec internet explorer mais pas avec google chrome! Ils auraient pu le tester sur leur propre navigateur avant de le mettre en service.
10
logotek77 le 19 juillet 2012 à 14:26
Bonjour Camille,
Personnellement, j’ai beaucoup apprécié le Doodle du synthétiseur car il permet une interaction simple avec l’utilisateur.
Et j’ai passé pas mal de temps à essayer de refaire des mélodies via leur synthétiseur, et à vrai dire j’ai eu du mal!
Pour répondre à ta question, un de mes Doodles préférés a été celui de l’anniversaire d’Einstein. J’ai été séduit par sa simplicité et son originalité.
Bonne continuation!