Please enable JavaScript!

MouthBreather's Web Site

Movies For Your Ears

About This Site

This site began as 'small' project of mine to have a web-based music player. Some research revealed several examples I could use, and I chose an open-source one written in JavaScript called "jPlayer for jQuery" by Happyworm Ltd. A bit of tweaking got it to where I wanted, and it forms the basis of the player.

Of course the whole site depends a great deal on a MySQL database to hold all the information. And Perl is my language of choice for web interactivity.

As well as providing a way to play music, I decided this was a good opportunity to use Scalable Vector Graphics in a web environment. SVG is becoming more popular as the major browsers offer various degrees of support. All images on this site (except the CD covers) are done with SVG - view the source code to see how it's done.

In addition to the graphics, there is also some use of AJAX. This technology is something you see whenever you use Google Maps. As you scroll around a map on the screen, the updated map is presented in the SAME web page. This makes for a much quicker response, with less overhead on the server.

To see what is meant by this, follow the link below, and check the address box in your browser. Then click one of the buttons. Notice the address hasn't change, but the content of the page has been updated. However, each button calls a Perl script which pulls the request from the database, and presents the result as HTML on the same page.

SVG & AJAX is used here:

Here are the pages that use AJAX:

To see more about my experiences with SVG visit my SVG page here.