Discover the power of music visualization and decorate any element of your web page with it! Draw fire, stars, snow, fireworks, spectrum equalizers or waveforms – all moving on the music beat. Bind the visualization to a HTML5 MP3 Player list and choose from the supplied visualizations and customize them as you wish to fully fit your page design.
The visualizations are drawn with HTML5 Canvas, so only modern browsers with Canvas are supported. On other browsers the visualizations will just not be shown, so they will degrade gracefully.
Note: HTML5 Music Visualizer is and Add-On and requires HTML5 MP3 Player extension!
Overview
Features Highlights:
- Music visualization - You can add a music visualization to any element on your website.
- 8 HTML5 Canvas effects - The Add-on has eight effects that can be used to expand your website user experience.
- Fully customizable visualization - Each effect can be styled from the many available options to fit your site design.
- Great Dreamweaver Integration - Interactive dialog in Dreamweaver with all the options you’ll need.
- Support for modern browsers - If you run the visualization on any browser but a modern one, it won't be visible.
* For complete Features overview press the Features in Detail.
Features
- Music visualization - You can add a music visualization to any element on your website.
- 8 HTML5 Canvas effects - The Add-on has eight effects that can be used to expand your website user experience.
- Starfield Effect
- Fire Effect
- Fireworks Effect
- Shapes Effect
- Smoke Effect
- Waveform Effect
- Spectrum Effect
- Snow Effect
- Fully customizable visualization - Each effect can be styled from the many available options to fit your site design.
- Great Dreamweaver Integration - Interactive dialog in Dreamweaver with all the options you’ll need.
- Support for modern browsers - The music visualizations will run on any modern browser that supports HTML5 Canvas control. That includes IE9 beta. On older browsers it will just degrade gracefully and display nothing
- Search Engine Friendly - HTML5 Music Visualizer is made in just HTML5, CSS and jQuery. It can be nicely indexed by all search engines and web spiders.
Showcases
-
Online Manageable MP3 Playlist Showcase
In this showcase you can try how easy it is to manage your mp3 playlist online. Just use CTRL+SHIFT+2 in order the Online Page Editor Add-on to popup, type username: showcase; password: showcase and ...
-
The NightClub Showcase
When the music starts you will see the background shapes bouncing on the sound of the HTML5 MP3 Player! Each of the colorful squares, circles and triangles are attached to the bass, middle tones ...
Videos
Adding Background Shapes Bouncing on the Sound of the HTML5 MP3 Player
Adding Snow Music Visualization Effect to your Page
Requirements
This Extension Requires:
HTML5 MP3 Player
Make your website sound amazing!
Enter the world of Cross Browser HTML5 Music! Add music and sound effects to any web page with a single click! Transform automatically all your mp3 links to player links and turn any page element to music controls! Use predefined CSS player skins or create your own! The HTML5 MP3 Player and its controls are all fully CSS driven so can be easily styled to fit perfectly your site and design. By using HTML5 in combination with Flash your cross browser compatibility is guaranteed! Use the DMXzone ...
George Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com, which is visited daily by more than 30.000 people and is most popular for its over high-quality Dreamweaver extensions and templates.
