JavaScript - So spielen Sie Audio?

JavaScript - So spielen Sie Audio?
Beim Erstellen einer unterhaltungsbasierten Website muss auch Audio einbezogen werden, um das Verständnis des Benutzers zu beseitigen. Beispiel. In solchen Fällen ist das Spielen von Audio in JavaScript von großer Hilfe, um das Publikum zu engagieren, wodurch der Verkehr erhöht und die Interaktion des Benutzers mit der Website verbessert wird.

In diesem Artikel wird die Ansätze zum Spielen von Audio in JavaScript beschrieben.

So spielen Sie Audio in JavaScript?

Um Audio in JavaScript abzuspielen, wenden Sie die folgenden Ansätze an:

  • spielen()" Und "Pause()”Methoden.
  • automatisches Abspielen" Eigentum.

Methode 1: Audio mit der Methode „Play ()“ in JavaScript abspielen.

Der "spielen()Methode spielt das aktuelle Audio und die “Pause()Methode stoppt das Audio, das gespielt wird. Diese Methoden können angewendet werden, um das zugehörige Audio mit Hilfe einer benutzerdefinierten Funktion zu spielen und pausieren.

Beispiel

Überlegen wir das unterbewertete Beispiel:






In den obigen Codezeilen:

  • Zunächst einfügen eine “”Element zusammen mit dem“Audio-Attribut, das es ermöglicht, das Spiel einzuschließen, und die Steuerung innehalten.
  • Danach einfügen eine “Element zum Anhängen der Audiodatei und des Gebens des Typs der Datei in der “Typ”Attribut.
  • Erstellen Sie im nächsten Schritt zwei Schaltflächen mit beigefügt ““ONCLICKEreignisse, die die angegebenen Funktionen zum Spielen und Pause der Audiodatei aufrufen.
  • Abrufen Sie nun in Javascript Code die Audiodatei nach ihrer “ab.“Ausweis" Verwendung der "GetElementById ()" Methode.
  • Definieren Sie dann eine Funktion namens “Playaudio ()”.
  • Wenden Sie in seiner Definition das an “spielen()Methode zum Spielen des zugehörigen Audio.
  • Deklarieren Sie ebenfalls eine Funktion “pauseaudio ()", und das "Pause()Die Methode in seiner Definition wird das entsprechende Audio in ähnlicher Weise pausieren.

Ausgang

In der Ausgabe ist ersichtlich, dass das mitgelieferte Audio gespielt und ordnungsgemäß innehalten wird.

Methode 2: Audio mithilfe der Autoplay -Eigenschaft in JavaScript abspielen

In dieser Methode die “automatisches AbspielenDie Eigenschaft ermöglicht das Audio, sobald sie geladen ist. Diese Eigenschaft kann verwendet werden, um das entsprechende Audio beim Laden zu spielen.

Beispiel

Das folgende Beispiel zeigt das angegebene Konzept: