JavaScript - Jak odtwarzać dźwięk?

Podczas tworzenia strony internetowej opartej na rozrywce może istnieć wymóg uwzględnienia dźwięku, aby wyjaśnić zrozumienie użytkownika. Na przykład dołączenie dźwięku istotnego do dodanej treści. W takich przypadkach odtwarzanie audio w JavaScript jest bardzo pomocne w angażowaniu odbiorców, zwiększając w ten sposób ruch i poprawiając interakcję użytkownika z witryną.

W tym artykule opisano podejścia do odtwarzania dźwięku w JavaScript.

Jak odtwarzać dźwięk w JavaScript?

Aby odtwarzać audio w JavaScript, zastosuj poniżej podanie:

• "grać()" I "pauza()”Metody.
• "Automatyczne odtwarzanie" nieruchomość.

Metoda 1: Odtwórz dźwięk za pomocą metody „Play ()” w JavaScript.

„„grać()„Metoda odgrywa aktualny dźwięk i„pauza()”Metoda zatrzymuje odtwarzane dźwięki. Metody te można zastosować do odtwarzania i zatrzymania powiązanego dźwięku za pomocą funkcji zdefiniowanej przez użytkownika.

Przykład

Przeglądajmy poniżej podany przykład:

Grać
Pauza

W powyższych liniach kodu:

• Po pierwsze, dołącz „”Element wraz z„audio”Atrybut, który pozwala uwzględnić grę i zatrzymać sterowanie.
• Potem dołącz „„Element do załączania pliku audio i określenie typu pliku w„typ" atrybut.
• W następnym kroku utwórz dwa przyciski z załączonym „na kliknięcie„Wydarzenia wywołujące podane funkcje do odtwarzania i wstrzymania pliku audio.
• Teraz, w kodzie JavaScript, pobieraj plik audio według „ID" używając "getElementById ()" metoda.
• Następnie zdefiniuj funkcję o nazwie „Playaudio ()".
• W swojej definicji zastosuj „grać()„Metoda odtwarzania powiązanego dźwięku.
• Podobnie zadeklaruj funkcję „Pauseaudio ()”I„ „pauza()„Metoda w swojej definicji podobnie wstrzyma odpowiedni dźwięk.

Wyjście

W wyjściu można zauważyć, że dołączony dźwięk jest odtwarzany i zatrzymywany prawidłowo.

Metoda 2: Odtwórz dźwięk za pomocą właściwości AutoDOLAY w JavaScript

W tej metodzie „Automatyczne odtwarzanie„Własność umożliwia dźwięku, gdy tylko zostanie załadowany. Ta właściwość można wykorzystać do odtwarzania odpowiedniego dźwięku po załadowaniu.

Przykład

Poniższy przykład ilustruje podaną koncepcję:

Grać

W swojej definicji generuje ostrzeżenie o powiadomieniu o grze dźwięku.

W następnym kroku „src”Atrybut określa ścieżkę audio.

„„Automatyczne odtwarzanie”Właściwość wskazuje, że dźwięk będzie odtwarzany, gdy funkcja zostanie wywołana.

"pętla„Właściwość określa, że ​​plik audio będzie odtwarzany do następnej akcji.

Wreszcie, podobnie zadeklaruj funkcję o nazwie „Pauseaudio ()".

W swojej definicji wyświetl okno dialogowe Alert odnoszące się do powiadomienia przed zatrzymaniem dźwięku.

Wyjście

Powyższe wyjście wskazuje, że po kliknięciu przycisków, dźwięk został odtwarzany i zatrzymany odpowiednio.

Wniosek

Aby odtwarzać dźwięk w JavaScript, zastosuj „grać()" I "pauza()„Metody w połączeniu lub„Automatyczne odtwarzanie" nieruchomość. Poprzednie metody można wdrożyć do odtwarzania i wstrzymania powiązanego pliku audio odpowiednio za pomocą kontroli. To ostatnie podejście można zastosować do odtwarzania i wstrzymania pliku audio, gdy tylko wywołane zostaną odpowiednie funkcje. W tym artykule omówiono podejścia do odtwarzania dźwięku w JavaScript.