HTML5 Guidelines for Web Developers

100 Chapter 4—Video and Audio

Figure 4.10 Screen shot of the JavaScript HTML5 audio player

The individual tracks were extracted from the video’s soundtrack using the free,

cross-platform, sound editor Audacity (http://audacity.sourceforge.net). For

private use, you can also download the soundtrack without background noises

for free from the homepage of the score’s composer, Jan Morgenstern, at http://

http://www.wavemage.com/category/music.

The screen shot of the audio player will look familiar, because the new buttons

once more use certain Unicode symbols for their labels. To be specific, you can

see the symbols listed in Table 4.8.

Table 4.8 Unicode symbols for audio player buttons

Button Entity Unicode Name

Skip back ◃ WHITE LEFT-POINTING SMALL TRIANGLE

Skip forward ▹ WHITE RIGHT-POINTING SMALL TRIANGLE

Loop ↺ ANTICLOCKWISE OPEN CIRCLE ARROW

Shuffle ↝ RIGHTWARDS WAVE ARROW

The pull-down menu also looks familiar, but this time we do not jump to certain

points in the playback time as in the video player; instead, we switch between

whole tracks. The menu and the Skip backward, forward, Loop, and Shuffle but-

tons have this effect of changing from one track to the next, so the script logic

becomes a bit more complicated.

NOTE