• Samples

Web Audio API

Demo 001 Play Audio File 1 Read audio file using ajax, play sound with sliders for start, end, and rate.
Demo 002 Play Audio File 2 Read audio file using ajax, play sound.
Demo 003 Play Audio File 3 Read audio file using ajax, play sound, all callbacks are named functions.
Demo 004 Play Audio File 4 Read audio file using ajax, play sound, visualize time data with line graph.
Demo 005 Play Audio File 5 Read audio file using ajax, play sound, visualize byte frequency data with bar graph.
Demo 006 Audio Buffer 1 Make white noise using audio buffer.
Demo 007 Audio Buffer 2 Make sine wave using audio buffer.
Demo 008 Canvas 1 Display sine wave as colored bars using 2d context.
Demo 009 Canvas 2 Display random colored squares using 2d context.
Demo 010 Canvas 3 Display random sized colored squares using 2d context.
Demo 011 CSV File 1 Read csv file from local drive, display as bar graph.
Demo 012 Sliders 1 Sliders put results in text boxes.
Demo 013 Sliders 2 Make sine wave using audio buffer with sliders for start, end, and rate.
Demo 014 Sliders 3 Make sine wave using audio buffer with sliders for start, end, and rate, visualize frequency data with bar graph.
Demo 015 Sweep 1 Make sine wave using oscillator with exponential frequency sweep.
Demo 016 Sweep 2 Make sine wave using oscillator, display frequency data with bar graph.
Demo 017 Sweep 3 Make sine wave using oscillator, display frequency data with bar graph.
Demo 018 Sweep 4 Make sine wave using oscillator, display frequency data with bar graph.
Demo 019 Sweep 5 Make sine wave using oscillator, display time data with line graph.
Demo 020 GPS 1 Read current position from GPS, display coordinates.
Demo 021 GPS 2 Read current position from GPS, display coordinates, store on server.
Demo 022 Form 1 Transaction Entry Form
Demo 023 Graph 1 Graph two dimensional array with 2d context.
Demo 024 Accelerometer 1 Accelerometer Javascript Test
Demo 025 Text 1 Read text file from local drive, display on page.
Demo 026 Text 2 Read text file from local drive, display on page as table.
Demo 027 Text 3 Read text file from local drive, play sound.
Demo 028 Text 4 Read text file from server, play sound.
Demo 029 DFT 1 Load sound, analyze sound, display frequency data.
Demo 030 DFT 2 Load sound, analyze sound, display frequency data with bar graph.
Demo 031 Play Audio File 6 Read audio file using ajax, play sound, visualize float frequency data with bar graph.
Demo 032 Play Audio File 7 Read audio file using ajax, play sound, visualize float frequency data with bar graph. Capture fft data.
Demo 033 Play Audio File 8 Read audio file using ajax, play sound, visualize float frequency data with bar graph. Capture fft data. Save fft data.
Demo 034 Sweep 6 Make sine waves using oscillators.
Demo 035 Analysis 1 Analyze white noise, download numeric results.
Demo 036 Analysis 2 Analyze white noise, visualize frequency data with bar graph.
Demo 037 Analysis 3 Read audio with ajax, visualize frequency data with bar graph.
Demo 038 Analysis 4 Read audio with ajax, visualize frequency data with bar graph, save results.
Demo 039 Audio Buffer 3 Make sine wave using audio buffer with amplitude modulation.
Demo 040 Audio Buffer 4 Make sine wave using audio buffer with frequency modulation.
Demo 041 Audio Buffer 5 Make sine wave using audio buffer with amplitude modulation with line graph.
Demo 042 Audio Buffer 6 Make sine wave using audio buffer with frequency modulation with line graph.
Demo 043 Pass-Through 1 Pass thru audio input to audio output.
Demo 044 Pass-Through 2 Pass thru audio input to audio output with named promises.
Demo 045 Pass-Through 3 Pass thru audio input to audio output with named callbacks.
Demo 046 Frequency Modulation 1 Frequency Modulation using oscillators.
Demo 047 Amplitude Modulation 1 Amplitude Modulation using oscillators.
Demo 048 Amplitude Modulation 2 Amplitude Modulation using oscillators with offset.
Demo 049 Sweep 7 Make sine waves using oscillators.
Demo 050 Database 1 Store and Retrieve Data using IndexedDB Api.
Demo 051 Audio Buffer 7 Make pink noise using audio buffer.
Demo 052 Web Midi 1 Web Midi demo 1.
Demo 053 Web Midi 2 Web Midi demo 2.
Demo 054 Web Midi 3 Web Midi demo 3.
Demo 055 Canvas 4 Display rainbow using 2d context.
Demo 056 Canvas 5 Display rainbow using 2d context.
Demo 057 Spectrogram 1 Read csv file from local drive, display as bit map.
Demo 058 Monosynth 1 Monosynth using Web Midi.
Demo 059 Tale of Two Clocks 1 Schedule Events using Timers.
Demo 060 Polysynth 1 Polysynth using Web MIDI.
Demo 061 Audio Worklet 1 An AudioWorkletNode that bypasses the incoming audio stream to its output. The sound source a sine oscillator at 440Hz.
Demo 062 Audio Worklet 2 An AudioWorkletNode that generates pink noise to its output.
Demo 063 Pixel Manipulation 1 Convert image to svg, grayscale, download svg.
Demo 064 Pixel Manipulation 2 Convert image to svg, color, download svg.
Demo 065 Pixel Manipulation 3 Convert image to svg, edge detection, download svg.
Demo 066 Pixel Manipulation 4 Convert image to grayscale, download image.
Demo 067 Pixel Manipulation 5 Convert image to grayscale, 4 levels, download image.
Demo 068 Pixel Manipulation 6 Convert image to grayscale, 6 levels, download image.
Demo 069 Pixel Manipulation 7 Adjust image brightness and contrast using sliders, download image.
Demo 070 Pixel Manipulation 8 Adjust image brightness and contrast using sliders, fully saturate colors, download image.
Demo 071 Load Local Audio File 1 Load local audio file, play sound.
Demo 072 Audio Worklet 3 Measures microphone volume with AudioWorkletNode.
Demo 073 Download Audio 1 Download audio buffer as wav file.
Demo 074 Download Audio 2 Download audio buffer as stereo wav file.