Audio-based Image Distortion Effects with WebGL
Some experiments that show how to make audio-based distortion effects on images with p5.js and its sound library.
+ more#audio
How to Create a Webcam Audio Visualizer with Three.js
A tutorial on how to create a Three.js powered audio visualizer that takes input from the user's webcam.
+ more
Creative Audio Visualizers
An exploration of modern, line-style sound visualization powered by p5.js and its p5.sound library.
+ more
Interactive Musical Instruments
by Manoela Ilic
Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.
+ more
Artsy Media Pop Up Effect
by Manoela Ilic
A fun experiment with proof-of-concepts for various simple media pop ups on hover or touch. The idea is to show images, videos or other media in a pop up style with
+ more
Above & Beneath: Featured Content Layout Effect
by Manoela Ilic
A landing page template with a featured content section and background sounds that change according to the view.
+ more
Interactive Record Player
by Manoela Ilic
An experimental template with an interactive old school record player powered by the Web Audio API.
+ more
How to Create an Interactive Animated SVG Drum Kit
by Josh Ellis
A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.
+ more
Web Audio Stylophone
by Stuart Memo
Get started with the Web Audio API by learning how to recreate the classic miniature synthesizer.
+ more
Responsive & Touch-Friendly Audio Player
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
+ more
Old School Cassette Player with HTML5 Audio
by Manoela Ilic
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
+ more
Audio Slideshow with jPlayer
by Tyler Craft
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.
+ more
Fullscreen Slideshow with HTML5 Audio and jQuery
by Jay Salvat
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
+ more
Circular Discography Template with jQuery
by Manoela Ilic
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
+ more
Music Portfolio Template with HTML5 and jQuery
by Manoela Ilic
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
+ more
Multimedia Gallery for Images, Video and Audio
by Manoela Ilic
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
+ more