background preloader


Facebook Twitter

60+ Tools and Services for API and Webhook Logging, Debugging, Testing, Monitoring, Documentation and Discovery — John Sheehan. Pretty much every day someone asks me if there's a tool for solving a specific API problem.

60+ Tools and Services for API and Webhook Logging, Debugging, Testing, Monitoring, Documentation and Discovery — John Sheehan

While Runscope solves many API problems (particularly debugging, testing and monitoring) for app developers, there are many things we don't do. My goal with this post is to list out all the API tools that I know of and frequently recommend to people. Some even compete with us, but the more the merrier. I've left out code libraries and frameworks since that would make the post too long. Webhook Debugging RequestBin - The original POST catcher, formerly Webhook Utilities Hookify - Filter, manipulate, combine and forward webhook events. Local Tunneling ngrok - Introspected tunnels to localhost (Free + Donations)Runscope Passageway - A version of ngrok tightly integrated with other Runscope tools.

Title. Web Audio. Web Audio Examples The Web Audio API introduces a variety of new audio features to the web platform.

Web Audio

It can be used with the canvas 2D and WebGL 3D graphics APIs for creating a new generation of games and interactive applications. The API is capable of dynamically positioning/spatializing and mixing multiple sound sources in three-dimensional space. It has a powerful modular routing system, supporting effects, a convolution engine for room simulation, multiple sends, submixes, etc. Scheduled sound playback is provided for musical applications requiring a high degree of rhythmic precision. These APIs are currently under development and are described in this specification document. Please direct any feedback to the W3C audio mailing list - Getting Started *** These samples require a browser which supports the Web Audio API Mac OS X, Windows, and Linux Builds are available in stable releases of Chrome. More cutting-edge builds are available in the Canary builds. Mac OS X. Mixing Positional Audio and WebGL.

This article discusses APIs that are not yet fully standardized and still in flux.

Mixing Positional Audio and WebGL

Be cautious when using experimental APIs in your own projects. Introduction In this article I’m going to talk about how to use the positional audio feature in the Web Audio API to add 3D sound into your WebGL scenes. 5 Libraries and APIs for Manipulating HTML5 Audio. Over the past few months, I’ve come across a number of different libraries that take advantage of the relatively new HTML5 Audio API as well as the more well known HTML5 Audio Element and its simpler API.

5 Libraries and APIs for Manipulating HTML5 Audio

I thought I would share a small handful of these libraries in this post to show you what’s possible and what options you have if you choose to create a game or app that requires manipulation of sound files. Some of the demos included with some of these libraries are pretty nice, and the code for each of these is pretty clean and easy to use. AnalyserNode - Web API Interfaces. The AnalyserNode interface represents a node able to provide real-time frequency and time-domain analysis information.

AnalyserNode - Web API Interfaces

It is an AudioNode that passes the audio stream unchanged from the input to the output, but allows you to take the generated data, process it, and create audio visualizations. An AnalyzerNode has exactly one input and one output. The node works even if the output is not connected. Number of inputs 1 Number of outputs 1 (but may be left unconnected) Channel count mode "explicit" Channel count 1 Channel interpretation "speakers" Inheritance This interface inherits from the following parent interfaces: Properties Inherits properties from its parent, AudioNode.

AnalyserNode.fftSize Is an unsigned long value representing the size of the FFT (Fast Fourier Transform) to be used to determine the frequency domain. Visualizations with Web Audio API - Web API Interfaces. One of the most interesting features of the Web Audio API is the ability to extract frequency, waveform, and other data from your audio source, which can then be used to create visualizations.

Visualizations with Web Audio API - Web API Interfaces

This article explains how, and provides a couple of basic use cases. Basic concepts To extract data from your audio source, you need an AnalyserNode, which is created using the AudioContext.createAnalyser() method, for example: var audioCtx = new (window.AudioContext || window.webkitAudioContext)();var analyser = audioCtx.createAnalyser(); This node is then connected to your audio source: source = audioCtx.createMediaStreamSource(stream); source.connect(analyser); analyser.connect(distortion); Note: you don't need to connect the analyer's output to another node for it to work, as long as the input is connected to the source, either directly or via another node.

These methods copy data into a specified array, so you need to create a new array to receive the data before invoking one. Function draw() { Web Audio API. This chapter covers topics that are very important, but slightly more complex than the rest of the book.

Web Audio API

We will dive into adding effects to sounds, generating synthetic sound effects without any audio buffers at all, simulating effects of different acoustic environments, and spatializing sound in 3D space. Adding Effects via Filters Using the Web Audio API, we can apply the filters discussed above using BiquadFilterNodes. Web Audio API. By Boris Smus.

Web Audio API