HTML5 als Designwerkzeug - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 173

Besonderheiten unter iOS

Das audio -Tag unter iOS hat einen entscheidenden Nachteil: Sie können nur eine
Sounddatei zur selben Zeit abspielen. Das Mischen oder Faden mehrerer Sounds ist
daher leider nicht möglich. Haben Sie mehrere audio -Elemente auf einer Seite, spielt
immer das zuletzt gestartete.

4

Safari auf iOS unterstützt folgende Audioformate:

unkomprimiertes Wave (. wav )

Audio Interchange File Format ( .aif )

MP3 ( .mp3 )

Advanced Audio Codec Low Complexity ( .aac )

Advanced Audio Codec High Efficiency ( .aac )

Praktische Verwendung von Sound

Neben dem Einsatz als Musikplayer in z. B. einer Radio-App können Sounds in Apps
auch noch anderweitig eingesetzt werden. Bedenken Sie aber immer, dass jede
Musikdatei vom Server geladen werden muss und damit Bandbreite kostet und die
App-Ladezeit verlängert. Vermeiden Sie den Einsatz von kontinuierlicher Hinter-
grundmusik: Was zunächst als stimmungsvolle Untermalung erscheint, kann bei
längerer Benutzung schnell nervig werden. Besonders dann, wenn Ihre App z. B. im
Hörsaal, in Konferenzen oder in der U-Bahn eingesetzt wird.

Dezente Soundeffekte können als zusätzliche akustische Unterstützung der Benut-
zeroberfläche aber durchaus hilfreich sein. Vielleicht kennen Sie das Geräusch Ihres
Instant Messengers, wenn eine neue Nachricht ankommt? Die iPhone-App von Twit-
ter macht von den Effekten ausgiebig und gleichzeitig sehr subtil Gebrauch: Wenn
im Hintergrund neue Tweets geladen wurden, deutet ein kurzes Zwitschern an, dass
die Liste aktualisiert wurde. Überlegen Sie doch mal, wo in Ihrer App ein dezentes
akustisches Feedback hilfreich sein könnte.

Beispiel-App

Im Folgenden basteln Sie eine kleine Beispiel-App. Diese besteht eigentlich nur aus
ein paar Schaltflächen, die aber bei jedem Antippen ein leises Klicken von sich geben
sollen. Dies ist besonders für Benutzer hilfreich, die viel und schnell tippen - das Kli-
cken deutet an: »Schaltfläche wurde gedrückt«.

Als Erstes benötigen Sie ein audio -Element, mit dem Sie eine Sound-Datei verknüp-
fen:

<audio src="klick.mp3" id="audio"></audio>