Obsługa plików multimedialnych w HTML

Multimedia to sposób komunikacji obejmujący reprezentacje audio, wizualne i graficzne. Multimedia odgrywa znaczącą rolę w tworzeniu stron internetowych, ponieważ zmniejsza trudności z czytaniem i sprawia, że ​​witryna jest bardziej przyjazna dla użytkownika. Dlatego HTML zapewnia kilka tagów multimedialnych do osadzenia dowolnego pliku multimedialnego na stronie internetowej. W tym zapisie przedstawimy, jak dodać plik multimedialny do strony internetowej, aby to zrobić, musisz zrozumieć następujące podstawy multimediów:

• Multimedia w HTML
• Formaty multimedialne wspierane przez HTML
• Jak dodać obrazy w HTML
• Jak grać dźwięk na stronie internetowej
• Jak odtwarzać wideo na stronie internetowej
• Jak odtwarzać wideo na YouTube za pomocą HTML

Zbadajmy każdą z wyżej wymienionych koncepcji jeden po drugim:

Multimedia w HTML

Multimedia to sposób na przekazanie informacji z jednego źródła do drugiego. Może to być coś w rodzaju dźwięku, wideo itp. Dzięki mocy HTML możemy dodać dźwięk, wideo lub dowolny inny rodzaj plików multimedialnych do naszych stron internetowych.

Formaty multimedialne wspierane przez HTML

Każdy plik ma format pliku i rozszerzenie pliku, a te rozszerzenia dają nam znać o formatach plików. Istnieje wiele formatów plików, ale w tworzeniu stron internetowych najważniejsze jest to, czy format pliku jest obsługiwany przez standardy HTML, czy nie?

Oto lista formatów plików wspieranych przez HTML dla różnych typów multimedialnych:

Audio: MP3, OGG i WAV mają obsługę wszystkich znaczących przeglądarków.

Wideo: MP4, OGG i WebM są obsługiwane przez HTML, a także wszystkie główne przeglądarki, takie jak Google, Chrome, Microsoft Edge itp.

Obraz: JPG/JPEG, PNG i GIF są obsługiwane przez HTML dla zdjęć.

Jak dodać obrazy w HTML

HTML zapewnia znacznik do dodania obrazu do strony internetowej; wymaga dwóch głównych atrybutów i.mi. SRC, aby określić ścieżkę obrazu i alt, aby wyświetlić jakiś tekst alternatywny, jeśli obraz nie jest w stanie załadować.

Przykład

Poniższy kawałek kodu osadzi obraz na stronie internetowej:

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

Jak dodać dźwięk w HTML

W html Tag służy do dodania pliku audio do dowolnej strony internetowej. W obrębie znacznika audio można użyć wielu atrybutów, aby określić działanie etykietka.

Przykład

Załóżmy przykład, aby zrozumieć, jak działa tag:

Plik MP3 nie jest obsługiwany!

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

Wyjście weryfikuje, że plik MP3 działa idealnie.

Jak dodać wideo w HTML

W html a Tag służy do dodania filmu do dowolnej strony internetowej. HTML Tag może mieć wiele atrybutów, takich jak sterowanie, autooduplay, plakat itp. Te atrybuty badają działanie tagu.

Przykład

Rozważmy poniższy fragment za głębokie zrozumienie HTML etykietka

Nieobsługiwany!!

Wewnątrz Tag określamy atrybuty do kontrolowania zachowania wideo:

• sterownica Atrybut wyświetli opcje wideo, takie jak odtwarzanie, pauza, wyciszenie itp.
• Automatyczne odtwarzanie Atrybut ponownie uruchomi wideo po jego zakończeniu.
• wyciszone atrybut włączy opcję wyciszenia.

Następnie używamy znacznika źródłowego do wstawienia adresu wideo. Określamy dwa formaty wideo, aby jeśli pierwszy film nie był w stanie działać, przeglądarka odtworzy drugą. A jeśli z jakiegoś powodu przeglądarka nie jest w stanie odtwarzać obu filmów, tekst „nie jest obsługiwany! ”Pojawi się na ekranie. Wyjście będzie takie jak ten:

Jak osadzić wideo na YouTube na stronie internetowej za pomocą HTML

Po prostu zapisz kod HTML, a teraz możesz odtworzyć wideo YouTube na swojej stronie:

Film na YouTube jest pomyślnie osadzony w Twojej witrynie.

Wniosek

HTML zapewnia różne tagi do obsługi plików multimedialnych w celu osadzenia dźwięku, wideo i obrazu odpowiednio na stronie, i znacznikach, i tagi. Aby osadzić dowolny inny dokument na swojej stronie internetowej