Audio-based Image Distortion Effects with WebGL
By Yannis Yannakopoulos on
Some experiments that show how to make audio-based distortion effects on images with p5.js and its sound library.
audio
How to Create a Webcam Audio Visualizer with Three.js
By Ryota Takemoto on
A tutorial on how to create a Three.js powered audio visualizer that takes input from the user's webcam.
Creative Audio Visualizers
By Yannis Yannakopoulos on
An exploration of modern, line-style sound visualization powered by p5.js and its p5.sound library.
Interactive Musical Instruments
By Mary Lou on
Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.
Above & Beneath: Featured Content Layout Effect
By Mary Lou on
A landing page template with a featured content section and background sounds that change according to the view.
Interactive Record Player
By Mary Lou on
An experimental template with an interactive old school record player powered by the Web Audio API.
How to Create an Interactive Animated SVG Drum Kit
By Josh Ellis on
A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.
Web Audio Stylophone
By Stuart Memo on
Get started with the Web Audio API by learning how to recreate the classic miniature synthesizer.
Responsive & Touch-Friendly Audio Player
By Osvaldas Valutis on
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
Old School Cassette Player with HTML5 Audio
By Mary Lou on
Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school mu
Audio Slideshow with jPlayer
By Tyler Craft on
Today we'll share an audio slideshow with you, i.e. a slideshow that will be synced with some audio. We are using the open source audio framework jPlayer.
Fullscreen Slideshow with HTML5 Audio and jQuery
By Jay Salvat on
In today’s tutorial we'll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to gi
Circular Discography Template with jQuery
By Mary Lou on
Today we want to share a simple website template with you. The template will show some discography or music albums in a rounded fashion, rotating the albums when cli
Music Portfolio Template with HTML5 and jQuery
By Mary Lou on
Today we want to share a music portfolio template with you. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer. The
Multimedia Gallery for Images, Video and Audio
By Mary Lou on
This multimedia gallery for images, video and audio is a progression of our previous galleries. The idea for this new gallery is to integrate video and audio as exhi