So ​​fügen Sie Sound zu Ihrem HTML5-Spiel hinzu - Dummies

Soundeffekte sind seit langem eine der größten Schwächen des Internets als HTML-Spieleplattform. Webbrowser hatten sehr inkonsistente und lästige Audiofunktionen. Glücklicherweise löst HTML5 das Soundproblem (zumindest auf einer bestimmten Ebene).

Die simpleGame-Bibliothek macht es sehr einfach, neue Sounds zu erstellen, indem ein Sound-Objekt hinzugefügt wird. Hier ist ein sehr einfaches Programm, das einen Klangeffekt abspielt:

Sound. html var Szene; var Ribit; function init () {scene = neue Szene (); owMP3 = neuer Sound ("ow. mp3"); owOgg = neuer Sound ("ow. ogg"); Szene. start ();} // end init Funktion update () {if (keysDown [K_SPACE]) {owMP3. abspielen(); owOgg. play ();} // end if} // end update Drücke NICHT die Leertaste! !

Soundeffekte sind mit der simpleGame-Bibliothek einfach zu verwalten:

1. Erstellen Sie Ihren Soundeffekt.

   Die besten Formate sind mp3 und ogg. Legen Sie Ihre Audiodatei in das gleiche Verzeichnis wie Ihr Programm.

   Fahren Sie mit Schritt 2 fort, um die Browserkompatibilität zu maximieren.

2. Erstellen Sie eine Variable, die Ihren Soundeffekt festhält.

   Wie bei jedem Spielgut haben Sie eine Variable, die Ihren Sound enthält. Definieren Sie die Variable außerhalb von Funktionen.

3. Erstellen Sie ein Sound-Objekt, um Ihren Soundeffekt zu initialisieren.

   Die Bibliothek simpleGame hat ein Sound-Objekt. Erstellen Sie eine Instanz dieses Objekts, um Ihren Sound zu erstellen. Das Objekt benötigt einen Parameter: den Namen der Datei, die Ihren Soundeffekt enthält. Normalerweise machst du das in der init () -Funktion deines Spiels.

4. Spielen Sie den Ton mit der play () -Methode ab.

   Nachdem Sie einen Soundeffekt definiert haben, können Sie ihn mit der play () - Methode des Soundobjekts ganz einfach wiedergeben.

   

Klangeffekte tragen viel zu deinem Spiel bei. Es war bisher sehr schwierig, mit Soundeffekten in Webseiten zu arbeiten, aber HTML5 hat ein wunderbares neues Tag, das dem Browser endlich Zugriff auf Soundeffekte ohne Drittanbieter-Plug-Ins gibt. Das Sound-Objekt in der Bibliothek simpleGame basiert auf dem HTML5-Tag.

Großartig wie das Soundelement ist, gibt es einige Probleme. Obwohl alle HTML5-kompatiblen Browser Audiodateien wiedergeben, werden nicht dieselben Dateitypen wiedergegeben. Das MP3-Format ist sehr bekannt, aber nicht alle Browser unterstützen es. Viele Browser bevorzugen das neuere (und Open Source) Ogg-Format. Wenn dies nicht verwirrend genug ist, wechselt die Unterstützung von Version zu Version des gleichen Browsers.

Mein Vorschlag ist es, sowohl MP3- als auch Ogg-Formate zu verwenden und den Browser spielen zu lassen. Das wird die meisten Probleme lösen.

Natürlich ist es nicht einfach, in beiden Formaten den gleichen Klangeffekt zu finden. Betrachten Sie den kostenlosen Audio-Editor Audacity.Mit diesem Tool können Sie Soundeffekte in mehreren Formaten aufnehmen und bearbeiten. Abhängig von der Version von Audacity, die Sie erhalten, benötigen Sie möglicherweise auch das LAME-Plug-in. Mit diesen Tools können Sie ganz einfach Ihre eigenen Soundeffekte aufnehmen und sowohl im Ogg- als auch im MP3-Format speichern.