3 Quick Tips to Remember when using Audio in Web Design

by Saul Edmonds
iphone ringtones-web.jpg

An acknowledgment of ‘bandwidth issues’ should not prevent designers from utilising audio in a majority of web projects.


  • Richer forms of content provide many benefits - not the least of which is enhancing the user experience.
  • Richer content is particularly relevant when viewing the internet upon mobile devices, all of which feature excellent audio capabilities.
  • Many websites are ostensibly improved when audio is meaningfully integrated into the design concept. But how to use it effectively and minimise any potential bandwidth constraints?

Read on for 3 quick tips when using audio in web design.

1. Ensure your audio can play on as many web browsers as possible.

There are several ways to embed a sound in a web page. Some are better than others.

Flash makes it easy to embed audio in a way that works with most browsers. Yet, browsers such as Safari on the iPhone and iPad don’t support Flash at all. HTML5 features the new audio element This allows you to embed an audio file in a web page and control playback via JavaScript. In addition, it doesn’t require any plugin and works on most modern web browsers.

2. Stay alert to file sizes and optimise your audio files.

For bandwidth savings, don’t automatically download audio files until requested.

3. Don’t auto-play - play only when a link is clicked. This respects visitors who may not want to hear music at that time.

Audio is a great addition to your next web project.

Consider this - the most effective communication always involves both sight and sound.


Contact Roundhouse Now! 
Book an obligation free consultation to find out more and learn how to leverage mobile technology to grow your opportunities and business revenue.

Saulke (1).png

Get to know Saul Edmonds & Roundhouse

As Creative Director & Roundhouse Founder Saul Edmonds has over 20 years professional design and digital experience. 

He is an expert on Brand, Website and App Development. He has worked with clients across all industry groups - including startups, small business, government and entrepreneurs - on projects of all sizes and budgets.

Saul and his team can help you grow your business and discover new possibilities with :

  • strategic brand design
  • web design & development
  • app design and development 
  • digital marketing 
  • creative engagement 

    Saul Edmonds believes that every project begins with a story. 

    Saul and his team offer a one to one, tailored service - where he works with you closely to develop innovative solutions that will take your business to the next level. 

    Find out how Saul can help you turn your ideas into reality.

    Book an obligation free consultation with Saul Edmonds for ideas and strategies to take your business or project to the next level. Click here to arrange your booking.

    Phone : +617 1300 727 749
    email : us@roundhouse.cc

    • Learn about our web design here.
    • Learn about our app development here.
    • See our brand and logo portfolio here.

    Connect with Saul Edmonds on Linkedin here or Google+ here.
    Connect with Roundhouse on Google+ here.

    by Saul Edmonds