Schnellstart: Hinzufügen von Audio zu Apps (HTML)

Artikel
02/16/2016

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation ]

In diesem Thema werden die Audiostreamingkategorien sowie die Verwendung des <audio>-Tags zum Hinzufügen von Audiostreamingfunktionalität zu Ihrer App erläutert.

Windows 8 stellt eine Plattform bereit, mit der es vergleichsweise einfach ist, einer Windows Store-App mit HTML5 Audiostreamingfunktionalität hinzuzufügen.

Das Audiotag hat die folgenden Attribute.

Attribut	Zulässige Werte	Beschreibung
autoplay	autoplay	Gibt an, dass die Audiowiedergabe sofort startet
controls	controls	Gibt an, dass Audiosteuerelemente angezeigt werden sollen (z. B. die Wiedergabe/Pause-Leere Anwendung usw.)
loop	loop	Gibt an, dass die Audiowiedergabe immer wieder von vorne beginnt
preload	auto metadata keine	Gibt an, ob und wie Audio beim Laden der Seite laut Autor geladen werden soll
src	<Dateipfad>	Gibt den Pfad zur Audiodatei an

Microsoft stellt mit msAudioCategory ein zusätzliches Attribut bereit, mit dem Sie das Verhalten einer audiofähigen App verbessern können. In der folgenden Tabelle werden die zulässigen Werte für dieses Attribut sowie eine kurze Beschreibung ihrer Funktion aufgeführt.

Streamkategorie	Beschreibung	Ausführung im Hintergrund?
Alert	Benachrichtigungsklänge im Loop oder für längere Zeit: Alarme Klingeltöne Klingeltonbenachrichtigung Klänge, die vorhandene Klänge dämpfen müssen	Nein
BackgroundCapableMedia	Für Audio, das im Hintergrund weiter abgespielt werden muss. Beispiele sind die folgenden Szenarien für die lokale Medienwiedergabe: Lokale Wiedergabeliste Radiostreams Streaming von Wiedergabelisten Musikvideos Audio-/Radiostreams, YouTube, Netflix usw.	Ja
Communications	Für das Streamen von Kommunikationsaudio. Beispiele: VOIP Echtzeitchat oder andere Arten von Anrufen	Ja
ForeGroundOnlyMedia	Spiele und andere Sounds, die nur für die Wiedergabe im Vordergrund entwickelt wurden, durch die vorhandene Hintergrundmediensounds jedoch stummgeschaltet werden. Game-Audio, das für das Spielerlebnis benötigt wird (Tanzspiele, Musikspiele) Spielfilme (die angehalten werden, wenn sie in den Hintergrund wechseln)	Nein
GameEffects	Soundeffekte für Spiele, die sich mit vorhandenem Audio vermischen Sprache von Charakteren Alle Klänge außer Musik	Nein
GameMedia	Hintergrundmusik zur Wiedergabe in Spielen	Nein
SoundEffects	Effekte in Spielen oder andere Effekte, die sich mit vorhandenem Audio vermischen Sprache von Charakteren Pieptöne, Klingeln und andere kurze Klänge	Nein
Other	Standardaudiotyp, der für alle Audiomedien empfohlen wird, die nicht im Hintergrund wiedergegeben werden müssen.	Nein

Ziel: So wird´s gemacht: Hinzufügen von Audiofunktionen zu einer Windows Store-App mit der einfachsten Methode

Voraussetzungen

Sie müssen mit HTML, JavaScript, Windows-Ereignissen und der Ereignisbehandlung vertraut sein.

Es muss ein Media Player installiert sein, der MP3-Dateien (MPEG-Layer 3) oder andere digitale Musikdateien wiedergeben kann.

Zeitaufwand: 15 Minuten.

Anweisungen

Hinzufügen von Audio mit dem <audio>-Tag

Wenn Sie das <audio>-Tag hinzufügen, müssen Sie mit dem "controls"-Attribut angeben, dass die Steuerelemente (die Schaltflächen) angezeigt werden. In den folgenden Schritten wird dies beschrieben.

Kopieren Sie den folgenden Code, und fügen Sie ihn an der Stelle in Ihrer HTML-Datei ein, an der die Audiosteuerelemente angezeigt werden sollen:
```
// Adding the <audio> tag to your app
<audio controls="controls"> 
<source src="song.mp3"/> 
</audio>
```

Hinzufügen des msAudioCategory-Attributs

Wenn Sie das msAudioCategory-Attribut zum <audio>-Tag hinzufügen, wird mehr Funktionalität bereitgestellt. Das msAudioCategory-Attribut verknüpft bestimmte erweiterte Verhaltensweisen mit dem <audio>-Tag. Dies verbessert die Benutzerfreundlichkeit Ihrer App. In den folgenden Schritten wird erläutert, wie das msAudioCategory-Attribut hinzugefügt wird.

Fügen Sie das msAudioCategory-Attribut wie folgt in das <audio>-Tag ein:

// Enhancing behavior of audio tag
// with the msAudioCategory attribute
<audio msAudioCategory="BackgroundCapableMedia" controls="controls"> 
<source src="song.mp3"/> 
</audio>

Zusammenfassung und nächste Schritte

Sie sollten sich überlegen, unter welche Kategorie Ihr Stream fällt, da Ihre App sich in den einzelnen Fällen jeweils anders verhält.

Im nächsten Thema Konfigurieren von Schaltflächen zur Mediensteuerung wird dargestellt, wie Sie Medienschaltflächen für die Windows Store-App hinzufügen und konfigurieren. Sie können diese Schaltflächen anschließend zur Wiedergabe, zum Anhalten und Beenden oder sogar zum Vorspulen von Audiostreams verwenden.

Share via