Embedding HTML5 Audio with Dreamweaver CS5 and max tutorial
Embedding HTML5 Audio with Dreamweaver CS5 and max tutorial
As I write this article/tutorial on embedding HTML5 audio in Dreamweaver CS5 web pages, the world of web audio is in a state of rapid and somewhat chaotic evolution. Competing web standards are being fought, with Apple and others championing HTML5 and its Audio element (max tutorial) as the wave of future online audio. HTML5 is already a viable and inviting way to present online audio, and web designers who want to reach the iPhone/iPod Touch/iPad audience with audio already need to build HTML5 support into their work.
This article explores presenting audio using the HTML5 Audio element in several pieces:
Preparing HTML5-ready digital audio files
Adding the HTML5 Pack to Dreamweaver CS5
Embedding Audio elements in web pages with Dreamweaver CS5
Defining Audio display and play parameters
Providing alternative audio for non-HTML5 environments
Troubleshooting
Whew! All that, just to let visitors play audio in your web page? I'm afraid so.
Why so complicated? Well, that's due to a few factors:
Competing media presentation alternatives (IE, Apple's assertion of HTML5 in opposition to Flash as a tool for presenting media online)
Competing browser standardsdifferent browsers support different elements of HTML5
A plethora of different audio file formats existWAV, AIFF, MP3, Ogg Vorbis (max tutorial), etc.
I wish it were simpler, but this is the world where we live. There are five or six basic steps in this process, but none of them are really complicated. Let's get started!
Preparing HTML5-Ready Audio
Riddle: There are several popular audio formats: MP3, WAV, AIFF, and more. Many browsers support HTML5 Audio: Firefox, Opera, Safari, Chrome. So, which audio file format can be used to embed HTML5 audio in all four HTML5-friendly browsers?
Answer: None!
Different HTML5-supporting browsers support different audio formats. At last count (and this is a moving target), the set of audio formats supported in different browsers looked like this:
Firefox 3.5 supports the obscure OGG format and WAV.
Safari 4 supports MP3 and WAV.
Chrome 3 supports OGG and MP3.
Opera 10 supports WAV.
As you can see, this situation presents us with a rather tough challenge. Which audio file format should we use? There is no clear answer, but I'll divulge my solution, imperfect as it is: MP3.
Why MP3? For one thing, when I implement the HTML5 Audio element, I'm aiming at the Apple crowdon iPhone/iPad/iPod Touch. They all use Apple's Safari browser, which supports MP3.
Yes, Safari also supports WAV, and if you use WAV audio, your audio files can be played in the popular Firefox browser. But WAV files are not compressed, as MP3 files arethey tend to be much larger in file size, and much longer in download time. Prohibitively longer, in my experiencevisitors give up and go away before an audio file of any significant length downloads and begins to play. And MP3 files work fine using the alternative audio options I'll integrate into this article.
But MP3 isn't a definitive answer.max tutorial A significant case can be made for embedding WAV filesor even, I guess, OGG files. And any file-format solution will be imperfect.
Preapproved Car Loans For Bad Credit Discounted Car Rentals Are Possible At Hertz Search engine optimization specialists - get fast leads to search engine through organic manner How To Sell A Motorcycle - Three Seller Tips Greatest Search engine optimisation Equipment For Key phrase Analysis From Google How Good Luggage Makes For A Better Vacation The dynamic visage of Search engine optimization in 2011 On the internet Car Restore Manuals - Routinely Asked Queries How To Load A Motorcycle Onto A Truck High three secrets uses by search engine optimization specialists State pharmaceutical approval letter alleged false case of road shows on the eve of "trouble&qu; Toyota recalls of Chinese car owners should support domestic products - Toyota, Toyota recall, Toyot How to Attract Your Target Audience to Your Trade Show Booth