Many people who want to host audio on their sites are surprised that it’s harder than hosting video.
If you’re not careful, audio inserted incorrectly won’t play at all in most web browsers, or worse, your audio file will play automatically and there is no way to turn it off. Worse still, multiple audio files playing simultaneously. Not good.
The challenge with audio files is similar to the challenge with video, and you’d think audio would be simpler, but it’s not. If you’re confused by this you can blame it on all of the music pirates. There are many places to host videos for free, but hosting audio is surprisingly challenging by comparison.
If you were hosting video clips, I’d recommend YouTube or Vimeo, which enable you to upload videos in MP4 and other video formats and then simply embed a little code in your site to insert videos that play easily for your visitors using just about any web browser or device — and these services are free (or very reasonably priced in the case of Vimeo for businesses).
Hosting video on YouTube, Vimeo, or any of the other video sharing sites, gives you several advantages:
1. You save on hosting fees (video and audio files are much larger than text and images sand can get expensive to host on your own server)
2. Video hosting sites automatically convert video files for you and deliver your video in the best formats for each of your visitors based on the type of web browser, computer, or mobile device your visitor is using.
3. Video hosting sites have nice, clean players that make it easy for visitors to start, stop, rewind, etc.
So if you use Vimeo and YouTube to host video files, why can’t you do something similar with audio files?
The simple answer is that no one has created a YouTube-like solution for audio files, mostly because there is so much piracy in the world of music that few, if any sites, want to take the risk they will be used by music pirates.
So here’s a crazy solution many people are using to get around this seeming paradox and make hosting audio files as easy as it is to host video.
The first step is to turn your audio files into videos… the second step, if you’re jumping ahead, is to host your video/audio files on YouTube or Vimeo…
The good new is that converting audio files to video files is not as hard as you might imagine.
Simply create a new file in a video editor, such as iMovie or Adobe Premiere (Pro or Elements).
Next, place a still image, such a photo of the person signing the song in the audio file.
And finally, import the audio file into the video editor.
The result, is that your audio will play like a video, and you can then save it as an MP4 (a recommended web video format), upload it to a video site (such as YouTube or Vimoe), and then embed the video code from the the video hosting site into your web page, complete with a video player.
The ultimate solution — a great audio player with one or more images for your visitors to look at while they listen to your audio file.
It’s not a perfect solution, but if your goal is to make it easy for visitors to listen to an audio file on your website with the option to stop, start, play, rewind, etc. and you want to host your audio file for free in a way that will work on mobile devices, desktop computers, and just about any web browser that might visit your site — this solution works.
As an alternative, you can host the audio files on your own web hosting service and set up any of a number of dedicated audio players to play the audio file on your own site. If you like that option better, consider searching for an audio player extension for Dreamweaver or some other way to host and play audio, such as a Flash player.
If you’re not sure how to add the embed code from YouTube or Vimeo into your web pages in Dreamweaver, this tutorial shows you how to copy code into code view in Dreamweaver.
Hope that helps,
Janine
Thanks so much! That’s a great solution and I really appreciate you sharing this. Simple and elegant. I think that’s what I’ll do for the audios on the membership site I’m creating. I’ll just do some pretty images as a slideshow or something, and I can make the embedded youtube player small, too. And just make the videos private/accessible only to members. Does that seem like it would work? Thanks again for the idea!.
Glad you found that helpful Laura. Since I wrote that article, SoundCloud.com has become a popular place to post and share audio so you might also want to check out that option.
Thank you, Janine for sharing the info. Appreciated it very much!
Janine,
I liked your short article. I desire to create a website that will host some audio and text files of some great sermons of the past that are from the 1940’s to 1960’s. There are over 170 audio files in length from 30 minutes to an hour in length. How can I do this? Where would I host this to make it available to anyone, worldwide? Also, I would prefer to have it hosted on a Israeli hosting service but a U.S. service would work as well. How much does something like this cost and is there a way that I could set up a server in my home that anyone could access via the internet to play individual sermons or to select pdf protected files from? What is the best way that you suggest to accomplish this? Thank you very much!
Tim
I am trying to build a small project on jsfiddle (https://jsfiddle.net/www139/k4x6vbet/101/) and right now the background audio is being streamed from Google Drive. However, is seems as though after only a few reloads, Google denies access to the file because it has been requested too many times.
Are you aware of a hosting service for just audio that could do what I am looking for without needing to pay for a service?
Hm. You could try SoundCloud? That’s a free option. Unfortunately, the sad fact is that any free audio hosting service usually gets quickly swarmed by music pirates and then shut down by the musicians and record companies – if it hasn’t already been swarmed with malware, spam, pr0n, and other webnasties.
Elegant, simple solution, thanks!
I was wondering the same thing and I am going to implement your idea of converting audio to video and hosting them on YouTube. These type of videos will be very short (seconds) so one photo will be enough.
There are a TON of videos like that on YouTube. Do us all a favor, and try to change the photos every so often, OK? It shouldn’t take that much effort, and it will help people stomach the wait through the song, eh?