Introduction
Effecting audio into a web has been a tiresome process over many years. This was mainly because of relying greatly on 3rd party plugins like Flash. This remained so until the entry of iPhone into the market and its inability to accept the plugin and also the news that Adobe will no longer be compatible with Flash for mobile. That is when web developers turned to different means to incorporate audio into their works. HTML5 audio has so far been ranked as one of the best tool for audio incorporation into the websites. This article highlights five paramount tips to bear in mind for a successful HTML5 audio fitting into any website.
Accessibility
This is support to be the first thing to ask yourself as a freelance web designer singapore. Is your audio accessible not just from multiple browsers but to users with limited hearing as well. This is achieved through presenting the audio with alternative pathways or content that suits their needs like transcription of the audio.
Utilize HTML5 attributes
Knowing how Incorporate an audio into the website is not enough. HTML5 gives you an opportunity to do it perfectly thus easing out the efforts of the viewers and visitors. This is through use of inbuilt attributes such as;
Autoplay
The attribute allows you to decide whether the track will automatically play upon the page being loaded or otherwise. This element is discouraging to some extend considering that the audio might find the viewers unprepared and cause unnecessary noise and panic in quit or crowded places.
Control
These include play, pause, Seeking and Volume. In the utilization of these controls, it is recommended that they are displayed or shown as buttons.
Loop
This is where the developer decides whether the audio plays again and again once it has ended.
Preload
Enabling this attribute implies that the audio loads along with the page and thus becomes ready to play as soon as the page is fully loaded. It is a good idea that the preload is enabled to ensure the viewers spend as less time as possible in getting what they want.
Supported formats and Browsers
Html5 audio tag < audio> is known to support only MP3, Ogg and Wav, formats. MP3 is so far the only format supported by all the browsers such as Internet Explorer, Chrome , Firefox, Safari and Opera. To ensure your audio reaches many audiences, use a suitable format preferably MP3. This is the area where you need to be consistent in your audio player choice. If you choose MP3, then always upload your audios in this format.
Mind about audio player styles
It should be noted that same audio files are displayed differently by different browsers. Thus it is important to set fixed heights or widths. This is performed by CSS – cascading style sheet- which basically is a style sheet language used in describing the manner in which the audio is presented. Enables the positioning of the audio at the right location on the website and constant height as well as width.
Conclusion
To incorporate an audio file into a website depends a number of factors and not just a personally perspective. That is why the above tips helps to eliminate overdoing some aspects and keeping the viewers in mind as the first priority and keeping the viewers in mind as the first priority.