Joseph Herrin (07-14-2012)
It hasn’t been easy, but it has been educational. Posting a list of audio files on a website is not as simple as one may assume. Even with the latest software, and utilizing the features built into the most recent web browsers (HTML5 Audio), I had to re-design my audio message page multiple times to finally find a configuration that works.
The lack of a standard Internet browser compounds the problem of designing an universal audio page that will work for all site visitors. I remember the day when almost all web surfers used Netscape Navigator to do their browsing. Today, the field is far more competitive.
Popular Web Browsers
A recent survey of web browsers being used worldwide revealed that there is no dominant player in this field of software. Competition is fierce and although this encourages rapid development of new features, it also leads to a lack of compatibility. Not all browsers display a webpage the same way. Some features on a webpage are fully supported in one browser, while not supported at all in another.
Complicating the issue is the fact that websites are developed in various languages. HTML (Hyper Text Mark-up Language) is the basic language of website design. This language has itself been undergoing revisions as new features are supported and some old ones are abandoned. The current iteration is HTML5.
Following is a list of browsers that currently support HTML5.
Internet Explorer 9 & 10
Firefox 7 and higher
Chrome 14 and higher
Safari 5 and higher
Opera 11 and higher
Mobile Safari 3.2 and higher
Opera Mobile 5 and higher
Android 2.1 and higher
If you don’t know what version your browser is, you can find it in the information below:
txt = "
Browser CodeName: " + navigator.appCodeName + "
"; txt+= "
Browser Name: " + navigator.appName + "
"; txt+= "
Browser Version: " + navigator.appVersion + "
"; txt+= "
Cookies Enabled: " + navigator.cookieEnabled + "
"; txt+= "
Platform: " + navigator.platform + "
"; txt+= "
User-agent header: " + navigator.userAgent + "
You should see your browser and its version listed somewhere in the last line above.
(Note: this does not work if you are reading this post in your e-mail. You have to visit the Parables Blog site.)
Creating an universal audio page is not easy. A fair percentage of folks are not using the latest Internet software. Someone wrote to me the other day who is using a computer running Windows ME (Millennium Edition) as their operating system. As the name implies, this version of Windows came out in the year 2000, and I doubt that it will support the modern browsers needed to properly render an HTML5 website.
Many modern computers and handheld devices no longer support Flash. In recent years Flash has been one of the most popular methods employed to put an audio player on a webpage. If you have an Apple product, such as an iPhone or iPad, they do not support Flash. Many of the Android phones do not support Flash either. More people are beginning to use smart phones and pads to access the Internet.
My difficulty is that I am not a web designer by trade, and I have never enjoyed, or been good at, software programming. The KISS (Keep It Simple Stupid) method has been my modus operandi when it comes to creating webpages.
For now, largely due to my limited software coding abilities, I have designed the new Heart4God website to use HTML5 with its built in Audio tag. I hope that those who desire to listen to the audios will have a browser that supports this feature. If you have an older browser, but your computer and operating system will support a newer one, I would encourage you to download the latest browser software. You may even want to try one of the other browsers offered. Some of them are excellent. For your convenience I am providing links to the latest popular browsers:
Microsoft Internet Explorer
The Need to Persevere
My trials did not end when I determined to use the HTML5 audio tag to incorporate an audio player into the Heart4God website. I found that the various parameters such as preload=“metadata” and preload=“none” are ignored by some of the browsers that claim HTML5 support. They basically take this command to NOT automatically load every audio file listed on a page as a suggestion. Evidently they frequently choose to ignore such suggestions.
After I created a webpage with more than 80 audio files on it, I tested it. To my chagrin, even when I included the command to not preload the audio files, they ALL began loading anyway. This simply would not work, for it would take hours to load the entire page. So I went back to the drawing board.
I also found that due to licensing fees, some popular browsers such as Firefox and Chrome, do not support MP3 files in their playback. They use the open source OGG audio format instead. So I had to create copies of all audio messages in both formats and upload them to my website.
In the end, I created an index page listing all of the Audio files. When a visitor clicks on a link it opens the audio file in its own separate page. This resolved the problem of the browser trying to load all of the files at once. I am sure there are more elegant solutions, but it seems to work. I have tested the pages with the latest versions of all five browsers listed above.
Now that you know what has been keeping me occupied for the past week, or two (aside from caring for my new puppy who is doing great), I would like to invite you to check out the audio files available on the Heart4God website. The index page can be found here:
You will find that there are many files that were not available on the old site. The list of topics has been expanded.
Some of the audios are what I would describe as critical messages for the saints in this hour. If you would like a recommendation, let me point you to the talk titled The Gate and the Way.
The Gate and the Way – Part 1
http://www.heart4god.ws/the gate and the way – part 1.htm
The Gate and the Way – Part 2
http://www.heart4god.ws/the gate and the way – part 2.htm
May you be blessed with peace and understanding in these days.
Heart4God Website: http://www.heart4god.ws
Parables Blog: www.parablesblog.blogspot.com
P.O. Box 804
Montezuma, GA 31063