background preloader

Outils design sonore

Facebook Twitter

Académie des créateurs YouTube. Chrome Music Lab - Kandinsky. Chrome Music Lab. Yara'n'Yared - One Thing, Nothing. Pro Tools 10 Keyboard Shortcuts. Tableau sonore interactif project. Bruitage. SoundManager 2 Tutorial: Getting Started. Exploring the HTML5 Web Audio: Visualizing Sound. If you've read some of my other articles on this blog you probably know I'm a fan of HTML5.

Exploring the HTML5 Web Audio: Visualizing Sound

With HTML5 we get all this interesting functionality, directly in the browser, in a way that, eventually, is standard across browsers. One of the new HTML5 APIs that is slowly moving through the standardization process is the Web Audio API. With this API, currently only supported in Chrome, we get access to all kinds of interesting audio components you can use to create, modify and visualize sounds (such as the following spectrogram). So why do I start with visualizations? It looks nice, that's one reason, but not the important one. Getting Started with Web Audio API. Before the HTML5 <audio> element, Flash or another plugin was required to break the silence of the web.

Getting Started with Web Audio API

While audio on the web no longer requires a plugin, the audio tag brings significant limitations for implementing sophisticated games and interactive applications. The Web Audio API is a high-level JavaScript API for processing and synthesizing audio in web applications. The goal of this API is to include capabilities found in modern game audio engines and some of the mixing, processing, and filtering tasks that are found in modern desktop audio production applications. Web Audio API. Abstract This specification describes a high-level JavaScript API for processing and synthesizing audio in web applications.

Web Audio API

The primary paradigm is of an audio routing graph, where a number of AudioNode objects are connected together to define the overall audio rendering. The actual processing will primarily take place in the underlying implementation (typically optimized Assembly / C / C++ code), but direct JavaScript processing and synthesis is also supported. The introductory section covers the motivation behind this specification. This API is designed to be used in conjunction with other APIs and elements on the web platform, notably: XMLHttpRequest (using the responseType and response attributes). Web audio: Filter Playground. Audio Data API.

Defining an Enhanced API for Audio (Draft Recommendation) Note: this API has been deprecated in favor of the Web Audio API chosen by the W3C.

Audio Data API

Abstract The HTML5 specification introduces the <audio> and <video> media elements, and with them the opportunity to dramatically change the way we integrate media on the web. The current HTML5 media API provides ways to play and get limited information about audio and video, but gives no way to programatically access or create such media. We present a new Mozilla extension to this API, which allows web developers to read and write raw audio data. Authors David Humphrey (@humphd) Corban Brook (@corban) Al MacDonald (@F1LT3R) Yury Delendik Ricard Marxer (@ricardmp) Charles Cliffe (@ccliffe) Other Contributors Thomas Saunders Ted Mielczarek.

P/books/canvasdeepdive/chapter12.html. Overview So far I have shown you 2d drawing, animation, and hardware accelerated 3d.


When you build something with these technologies you may notice something is missing: sound! Traditionally good sound on the web without plugins has varied between horrible and impossible, but that has changed recently thanks to a new sound api called WebAudio. Note that this API is still in flux, though it's a lot more stable than it used to be. Use WebAudio for experimentation but not in production code, at least not without a fallback to Flash. Bootstrap Magic : Generate simply your own bootstrap theme. Unfolding Maps: Unfolding is a library to create interactive maps and geovisualizations in Processing and Java. AudioAPI - gears - Audio in the browser - Improving Your Web Browser. The purpose of this module is to provide an effective (and simple) Audio API through Gears.

AudioAPI - gears - Audio in the browser - Improving Your Web Browser

Playback & Recording (Basic) Multiple channels and mixing (Basic) Editing (Adv) 3D positioned audio (Adv) The scope of this document is limited to items (1) and (2) above. jRecorder – jQuery plugin for audio recording. Recently I made a jQuery plugin named jRecorder to record voice in html pages.

jRecorder – jQuery plugin for audio recording

This plugin is very easy to integrate with your web page and you DON’T need a flash server or RED5 server to do the recording What all you need is a Web Server (PHP or any server scripting language). You can find the documentation and Download the plugin HERE. JensNockert/aurora.js. Jussi-kalliokoski/sink.js. File API. Abstract This specification provides an API for representing file objects in web applications, as well as programmatically selecting them and accessing their data.

File API

This includes: A FileList interface, which represents an array of individually selected files from the underlying system. The user interface for selection can be invoked via <input type="file">, i.e. when the input element is in the File Upload state [HTML] . A Blob interface, which represents immutable raw binary data, and allows access to ranges of bytes within the Blob object as a separate Blob. Additionally, this specification defines objects to be used within threaded web applications for the synchronous reading of files. HTML Media Capture. W3C Candidate Recommendation This version: Latest published version: Latest editor's draft: Previous version:

HTML Media Capture

Getting Started with Web Audio API. Graphics and Animation - Mac OS X Technology Overview. Sprite Kit Sprite Kit is a powerful graphics framework for 2D games such as side-scrolling shooters, puzzle games, and platformers.

Graphics and Animation - Mac OS X Technology Overview

A flexible API lets developers control sprite attributes such as position, size, rotation, gravity, and mass. Sprite Kit’s OpenGL-based renderer efficiently animates 2D scenes. Built-in support for physics makes animations look real, and particle systems create essential game effects such as fire, explosions, and smoke. To assist SpriteKit-based game development, Xcode supports texture atlas creation and includes a particle creator. Quartz Composer. BigScreen. BigScreen.request(element[, onEnter, onExit, onError]) Request that an element go into full screen.

If the element is falsy, the documentElement will be used instead. You can only call this from a user-initiated event, otherwise the browser will deny the request. That means click, key, or touch events. In addition, if your page is inside an <iframe> it will need to have the allowfullscreen (and webkitallowfullscreen and mozallowfullscreen) attribute set on the <iframe>. Finally, BigScreen will try to fall back to full screen for <video> if there is a child <video> in the element you pass and the browser supports it (see BigScreen.videoEnabled)). Elektronaut/jquery.livetwitter @ GitHub. Chant UTAU outil de synthèse vocale UTAU-Synth / MagicTouch/samples/tracker.html at master · borismus/MagicTouch. Song Networks: Interative Network Tutorial. WebGL Globe. Chrome Experiments - Home. SVG To RaphaelJS Converter - Ready.Set.Raphael. Beta 2.

GMaps.js - Use the potential of Google Maps in a much, much simpler way. Javascript/Added on June 1, 2012/Add to favorites GMaps.js allows you to use the potential of Google Maps in a much, much simpler way. You will not need to sift through extensive documentation or plow through large amounts of code. Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. Animating a Million Letters Using Three.js.

Introduction My goal in this article is to draw a million animated letters on the screen at a smooth frame rate. This task should be quite possible with modern GPUs. Each letter consists of two textured triangles, so we're only talking about two million triangles per frame. If you're coming from a traditional JavaScript animation background, this all sounds like madness. Edit this Fiddle. Sketch.js – A tiny boilerplate for creating JavaScript based coding experiments. Using JavaScript to Control the Audio Object. This section includes the following topics: Web Audio API – Getting started. Recording html5 audio. HTML Speech Input API Specification. [XNA] Enregistrement audio. Aerotwist. Theming · senchalabs/jQTouch Wiki. Included Themes. Paper.js. Developing for Multi-Touch Web Browsers. Introduction Les terminaux mobiles comme les smartphones et les tablettes ont, pour la plupart, un écran tactile capacitif qui capture les interactions faites avec les doigts de l'utilisateur.

Alors que le web mobile évolue pour permettre des applications toujours plus sophistiquées, les développeurs web ont besoin de prendre en charge ces évènements. Par exemple, un jeu peut exiger de presser plusieurs boutons simultanément, ce qui, dans le contexte d'un écran tactile, implique d'utiliser le multi-touch. Demos... SoundManager 2: JavaScript Sound For The Web. Bonus. Hammer.js — A javascript library for multi touch gestures. Code.compartmental.

Audiolet - JavaScript library for audio synthesis and composition. Speak.js: Text-to-Speech on the Web. QR voice. Demo. Eliza, Therapeute electronique. Timbre.js - JavaScript Library for Objective Sound Programming. Calculate note frequencies in JavaScript with MUSIC.js. MUSIC.js is a music creation library containing functions and data sets to generate notes, intervals, chords, and scales. BonsaiJS - A Graphics Library. Holder.js - client side image placeholders. Processing.js. Incremental Delaunay Triangulationby. Kill Demo Want to create cool visuals using CoffeeScript and Processing.js? Tutorials. First sketch. Real life demo - Buzz, a Javascript HTML5 Audio library. This is a demo of Buzz, a Javascript HTML5 Audio library - Turn the volume up and play! Buzz! Demo dmzze! The Best jQuery Plugins for Twitter.

Twitter can be one of the largest sources of traffic for many websites, and is a great way to grow and engage your audience. However, with the sheer number of users on Twitter, it can be hard to make an impression, and it’s also getting harder to connect with likeminded, active and engaging followers. By integrating Twitter into your blog, portfolio or other website, you can encourage visitors to follow you and interact with you, which can result in new professional connections, clients or just friends. Here is our selection for the best jQuery plugins for Twitter, that will allow you to leverage the power of Twitter for your website.