For beginners, these properties can be a little tricky but with some familiarization on how these properties actually work there is no reason that said little degree of difficulty will be experienced.
The azimuth and elevation properties of aural media are properties that tell the browsers on whether the sound file should be horizontal or vertical. In layman’s language they simply mean the orientation or position of the sound file.

The azimuth property

Use the azimuth property when you like your sound file to be presented horizontally. The possible values are listed below:

• angle: means position within the range -360deg to 360deg. The value 0deg means directly ahead in the center of the sound stage. 90deg is to the right, 180deg behind, and 270deg (or, equivalently and more conveniently, -90deg) to the left.
• left-side: Same as ‘270deg’. With ‘behind’, ‘270deg’.
• far-left: Same as ‘300deg’. With ‘behind’, ‘240deg’.
• left: Same as ‘320deg’. With ‘behind’, ‘220deg’.
• center-left: Same as ‘340deg’. With ‘behind’, ‘200deg’.
• center: Same as ‘0deg’. With ‘behind’, ‘180deg’.
• center-right: Same as ‘20deg’. With ‘behind’, ‘160deg’.
• right: Same as ‘40deg’. With ‘behind’, ‘140deg’.
• far-right: Same as ‘60deg’. With ‘behind’, ‘120deg’.
• right-side: Same as ‘90deg’. With ‘behind’, ‘90deg’.
• leftwards: Moves the sound to the left and relative to the current angle. More precisely, subtracts 20 degrees.
• rightwards: Moves the sound to the right, relative to the current angle. More precisely, adds 20 degrees.

Here is one example:

<style tyle=”text/css”>
<!–
h1 { azimuth: 30deg }
td.a { azimuth: far-right } /* 60deg */
#12 { azimuth: behind far-right } /* 120deg */
p.comment { azimuth: behind } /* 180deg */
–>
</style>

Elevation property

Use the elevation property when you like the sound to be played vertically. The possible values are:

• angle: Specifies the elevation as an angle, between -90deg and 90deg. 0deg means on the forward horizon, which loosely means level with the listener. 90deg means directly overhead and -90deg means directly below.

• below: Same as ‘-90deg’.

• level: Same as ‘0deg’.

• above: Same as ‘90deg’.

• higher: Adds 10 degrees to the current elevation.

• lower: Subtracts 10 degrees from the current elevation.

Here is one example:

<style tyle=”text/css”>
<!–
h1 { elevation: above }
tr.a { elevation: 60deg }
tr.b { elevation: 30deg }
tr.c { elevation: level }
–>
</style>

You see how simple these properties can be and you should not in fact find it so hard to incorporate them in your page. All it takes is a little practice and that’s all.

Tags: Aural media: azimuth and elevation properties