Les actualités du Jeudi 07 aout 2014 dans les métiers du web - Marmits.com - Reims
Organisés, clairs, lisibles, visuellement intéressants : le design d’un site corporate réussi est souvent indissociable de ces caractéristiques. En parcourant le web, j’ai sélectionné pour vous 8 exemples plutôt réussis… Au cours de ces derniers mois, je suis tombé sur … Continuer la lecture
The World Wide Web Consortium’s Web Audio working draft is a high-level API that allows developers to process, synthesize, and analyze audio signals in web applications like HTML5 games or virtual musical instruments.
Web Audio uses an AudioContext interface to represent AudioNodes. Within the AudioContext an audio file, as an example, is connected to a processing node, which in turn, is connected to a destination like the speakers on your laptop. Each node in the AudioContext is modular so that a web developer can plug (or unplug) nodes like a toddler snapping Lego blocks in place to build relatively more complicated structures.
One of the best ways to become familiar with the Web Audio API is to simply use it. In this article, I am going to describe how to build a very basic virtual synth pad that will play audio samples and provide a basic reverb feature. This HTML synth pad is going to be far from the tone generating instruments that professional musicians use, but it will show us how to:
- Create an AudioContext
- Load audio files
- Play audio files
- Add a volume control
- Loop audio samples
- Stop audio playback
- Create a reverb effect
- Create an audio filter
If you want to jump ahead, visit this demo page to see what we'll be building in this tutorial.
Creating the Synth Pad in our HTML
This very basic virtual synth pad will be presented in a web browser, so let’s begin with the markup, adding four “pads” to a page.
I included the jQuery JavaScript library via Google’s content delivery network. jQuery is in no way required for the Web Audio API, but its powerful selectors will make it a lot easier to interact with the HTML pads. I am also linking to a local JavaScript file that will contain the code for working with the Web Audio API.
I have assigned a data attribute to each of the pads with information about each pad’s associated sound file. Here’s the relevant HTML:
[code language="html"]I use CSS to lay out the four pads in a two-by-two grid, since this would be a standard configuration for a small synth pad. I set a width value for the <section> element and have each ‘pad’ element display as inline-block.
Creating an AudioContext
Let’s start the scripting. I create a new AudioContext with a single line.
Continue reading %HTML5 Web Audio API Tutorial: Building a Virtual Synth Pad%
Après le succès commercial du Moto G, Motorola continue sur sa lancée et a présenté il y a peu un nouveau modèle : le Moto E. Clairement positionné sur le […]
L'article Moto E : Test du smartphone entrée de gamme double sims de Motorola est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
Google favorise les sites en HTTPS, c'est un critère officiel du référencement naturel C'est officiel : l'utilisation du protocole sécurisé HTTPS est un critère pris en compte par l'algorithme de Google (référencement naturel SEO). En résumé, Google accorde un très léger bonus aux sites sécurisés. Attention, avant de migrer de HTTP vers HTTPS, lisez bien […]
Cet article écrit par Olivier Duffez a été publié sur SEO : sites en HTTPS favorisés par Google, guide complet
Envie d’envoyer des images en toute confidentialité, en vous amusant ? Lockshot est fait pour vous.
Le « HTTPS » devient officiellement un paramètre à prendre en compte pour bien référencer un site web.
LG vient d’introduire un nouveau terminal qui sera disponible avant la fin du mois en Corée du Sud.
Rendez-vous avec Stéphane SAIDANI (CEO) pour découvrir et parler du projet 1Mile au travers d’une interview. Voici l’échange retranscrit que nous avons eu : Bonjour, je suis Stéphane SAIDANI, entrepreneur et […]
L'article 1Mile : Payer et être payé en sourire pour des services est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Microsoft a donné des indices permettant l’arrestation d’une personne accusée de pédophilie, qui a voulu envoyer des images illégales par e-mail.
Des chercheurs du MIT ont mis au point un algorithme qui permet à partir d'une image vidéo d'extraire un son en fonction des mouvements infimes de l'objet filmé. Je m'explique... Par exemple, si je vous mets dans une pièce fermée avec un paquet de chips vide et que vous discutez avec un ami (à la […]
Cet article merveilleux et sans aucun égal intitulé : Un algorithme pour extraire du son à partir d’une information visuelle ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Désormais, vous aurez la possibilité de répondre directement aux personnes qui vous envoient des épingles.
Nick et Mia se rencontrent pour la première fois. Ils ne se connaissent pas mais voient tous les 2 les "nombres". Ces nombres qui en disent beaucoup sur les gens qu'ils croisent... Sauf que parfois, mieux vaut rester dans l'ignorance.
Cet article merveilleux et sans aucun égal intitulé : Numbers [court-métrage] ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Une autre raison de bien réfléchir avant d’envoyer un formulaire à Google. Wikimédia consacre une page aux liens qui ont été désindexés.
Plus de 1000 personnes ont déjà signé des documents sur Yousign depuis son lancement fin 2013 ! La jeune société en profite pour lancer la 2° version de sa plateforme web et créer dans le même temps une offre “startups”. Caen, le 17 juillet 2014 – Yousign, la startup normande lauréate du concours 101 projets [...]
Trois mois après la sortie de WordPress 3.9.1, l’éditeur du système de gestion de contenu diffuse une mise à jour corrective qu’il invite à appliquer dans les plus brefs délais […]
L'article WordPress 3.9.2 : Mise à jour critique pour le CMS est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Loin d’être passées inaperçues, ces deux nouvelles acquisitions de Google pourraient apporter des fonctionnalités intéressantes.