How to put Audio on the Web or blog with HTML5 Audio?

Until now, most audio files are played through a plug-in (like flash).On the other hand, we can play by upload to other web hosting server that serve files hosting and embed the code to show on our web or blog. As my previous article, I wrote about How to post audio file in blogger?  which allow you to post audio file playing on our blog.The file is host free at Kiwi6.com.They offer for free package and if you would like buy premium package from them.

There has not been a standard for playing audio files on web or blog, just recently HTML5 release with a new element which specifies a standard way to embed an audio file on a web or blog.However, It seem does not yet support with latest browser version.

If we want to embed video is easy, because we can use YouTube as a file hosting to host those video for saving our storage space.Just upload to it and right click to copy embed code to paste in our HTML Editor post and the result is nice.One more way, if we use blogger there is an option to upload video directly to blogger blogspot hosting and that is easy for us.They just allow us to upload video not audio files.

Here the look of  HTML5 audio.It is a basic look which you may modify as you know.See the following code source

<audio controls="" height="100" width="100">
  <source src="horse.mp3" type="audio/mpeg"></source>
  <source src="horse.ogg" type="audio/ogg"></source>
  <embed height="50" src="horse.mp3" width="100"></embed>
</audio>

Look at the src="horse.mp3" is your audio file URL source.Replace it with your host url file.

I finally, wish this article useful for you that would bring more benefit for your blog.