background preloader

Outils design sonore

Facebook Twitter

Welcome to CandyVoice website - CandyVoice. BBC Sound Effects - Research & Education Space. Académie des créateurs YouTube. Chrome Music Lab - Kandinsky. 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. 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. 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. Items (3) and (4) are briefly discussed. The Audio API is designed similar to the HTMLAudioElement in the HTML5 specification. 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. 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.

The section on Requirements and Use Cases [REQ] covers the motivation behind this specification. HTML Media Capture. W3C Candidate Recommendation This version: Latest published version: Latest editor's draft: Previous version: Editors: Anssi Kostiainen, Intel.

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. Scene Kit. 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. 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: Playing and pausing audio playback in JavaScript All other functionality of the audio player is controlled from JavaScript, as shown in the following script. Specifying audio files and managing playback in JavaScript In the next example, a text input element is added in the HTML portion where you can paste in the path of an MPEG-Layer 3 (MP3) audio file.

Catching errors. Web Audio API – Getting started. Recording html5 audio. HTML Speech Input API Specification. [XNA] Enregistrement audio. Aerotwist. Theming · senchalabs/jQTouch Wiki. Included Themes jQTouch ships with two themes by default, jqtouch.css and apple.css. While the themes are generally just CSS files you include, they are created using Sass and Compass — Ruby gems which precompile CSS, adding useful features like variables and functions. Additionally, the theming system is augmented with Compass Recipes, another open source project David Kaneda works on. Recipes includes a "layer effect"-like system, making advanced CSS styling super-easy. Installation If you're on a Mac, just run: sudo gem install compass And you'll have everything you need. If you are using the GitHub repo to stay up to date, you will also need the Compass Recipes submodule, which you can get by running git submodule init from the root jQTouch directory.

Creating a Custom Theme with Sass Although jQTouch comes with two separate themes, both are powered by the same SCSS file (_skeleton.scss), and therefore both use the same set of variables and rules which create their look. Note on iOS5. 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. Demos...

SoundManager 2: JavaScript Sound For The Web. 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. 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.

Kill Demo. Tutorials. First sketch. Real life demo - Buzz, a Javascript HTML5 Audio library. 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.