Tag audio w HTML | Wyjaśnione

HTML5 zawiera tag do dodawania plików audio do stron internetowych. Dodanie multimediów do dowolnej strony internetowej jest niezwykłym sposobem przyciągnięcia odbiorców i odpowiedniego korzystania z plików audio na dowolnej stronie internetowej, prowadzi do lepszego wrażenia internetowego. Za pomocą elementów multimedialnych, takich jak i możemy dodawać dźwięki i wizualizację do dowolnej strony internetowej i możemy łatwo odtwarzać je bez dodatków. Za pomocą tagu możemy osadzić plik audio na naszych stronach internetowych w różnych formatach I.mi. mp3, wav, ogg.

Czy chcesz dowiedzieć się, jak działa tag, jeśli tak, musisz zrozumieć następujące aspekty znacznika HTML:

• Podstawowa składnia tagu
• Atrybuty tagu
• Powszechnie używane formaty audio
• Obsługa przeglądarki dla tagu
• Jak używać tagu

Zacznijmy!

Składnia

Fragment podgrywki poniżej pokazuje podstawową składnię znacznika:

• SRC i typowe są atrybutami tagu, dowiemy się o nich w sekcji atrybuty.
• Tutaj kluczowym punktem do zrozumienia jest wszystko, co piszemy w wewnątrz tagów początkowe i końcowe, zostanie wyświetlone tylko wtedy, gdy przeglądarka nie obsługuje pliku audio

Atrybuty

Istnieją pewne atrybuty, które można użyć w znaczniku, jak wymieniono poniżej:

• sterownica: Jak sama nazwa wskazuje, pozwala nam kontrolować plik audio i.mi. Określa, jakie elementy sterowania powinny być widoczne dla użytkownika E.G. Graj, zatrzymaj się, wycisz itp.
• SRC: określa adres pliku audio.
• pętla: Umożliwia strukturę zapętlania i.mi. Pliki audio będą odtwarzane w kółko.
• wyciszone: określa, czy plik audio zostanie wyciszony
• ładunek wstępny: określa widok autora na temat tego, w jaki sposób plik audio zostanie załadowany, gdy na stronie internetowej załaduje
• Automatyczne odtwarzanie: określa, że ​​plik będzie odtwarzany natychmiast

Formaty

Tag to nowoczesny tag wprowadzony w HTML5, obecnie obsługuje trzy formaty plików i.mi. „MP3”, „WAV”, „OGG”.

Obsługa przeglądarki

Poniżej znajduje się lista przeglądarek różnych formatów plików audio:

• Chrome, Microsoft Edge, Opera i Mozilla Firefox obsługują wszystkie trzy formaty I.mi. mp3, wav, ogg.
• Internet Explorer obsługuje tylko format mp3
• Safari obsługuje formaty WAV i MP3

Jak używać tagu

Rozważ fragment kodu poniżej, aby zrozumieć, jak używać znacznika, aby osadzić plik audio na stronie internetowej:

Tag audio

Plik nie jest obsługiwany

Ten kod wykonuje następujące funkcje:

• Dodaliśmy atrybut „Control” w znaczniku, aby użytkownik mógł kontrolować plik w kategoriach odtwarzania/pauzy, wyciszenia/wyciszenia itp.
• Tag pomóż nam w określaniu wielu plików.

Poniżej pojawi się wyjście dla powyższego fragmentu kodu:

Wiele formatów plików można określić w znaczniku w takim przypadku, że przeglądarka odtworzy pierwsze uznane źródło.

Zmodyfikujmy trochę przykład i dodajmy atrybut „wyciszony” w znaczniku

Tag audio

Plik nie jest obsługiwany

Teraz, kiedy uruchomimy kod, początkowo plik zostanie wyciszony:

Podobnie możesz użyć autooduplay, pętli lub dowolnego innego atrybutu zgodnie z potrzebami.

Wniosek

Tag audio można użyć do dodania pliku audio do dowolnego dokumentu/strony internetowej, w ramach znacznika audio można użyć różnych atrybutów do wykonywania różnych funkcji. Jeśli określamy adresy więcej niż jednego pliku audio, przeglądarka dołączy pierwszy plik do dokumentu. W tym artykule pokazuje, co to jest tag HTML i jak używać tagu. Ponadto zawiera szczegółowe wyjaśnienie dostępnych formatów plików audio i obsługiwanych przeglądarków.