KWALIFIKACJA INF3 - TEST WIEDZY NR 3

PYTANIE NR 13.
Rozważ poniższy fragment kodu HTML5, który wykorzystuje element multimedialny
Wyjaśnienie poprawnej odpowiedzi:
Fragment używa elementu <audio> z atrybutem controls, więc wstawia na stronę odtwarzacz dźwięku z przyciskami sterowania.
Wewnątrz podano dwa <source> (OGG i MP3), aby przeglądarka mogła wybrać obsługiwany format. Tekst na końcu jest komunikatem awaryjnym.

Pełne wyjaśnienie:

Element <audio> w HTML służy do osadzania i odtwarzania dźwięku na stronie internetowej. Atrybut controls powoduje, że przeglądarka wyświetla standardowe przyciski odtwarzacza (np. odtwarzanie/pauza, pasek postępu, głośność). Dlatego odpowiedź "Odtwarza plik dźwiękowy na stronie." najlepiej opisuje główne zastosowanie kodu.

Wewnątrz elementu znajdują się dwa wpisy <source>. To typowy wzorzec zwiększania zgodności: autor podaje kilka plików w różnych formatach (tu: OGG i MP3) oraz ich typy MIME w atrybucie type. Przeglądarka wybierze pierwsze źródło, które potrafi odtworzyć. Jeśli żaden format nie jest obsługiwany, zostanie pokazany tekst: "Your browser does not support the audio element.", który pełni rolę informacji zastępczej.

Dlaczego pozostałe odpowiedzi są błędne?

  • "Odtwarza plik wideo na stronie." — do wideo służy element <video>; choć składnia bywa podobna, ten fragment jednoznacznie używa <audio> i typów audio.
  • "Wyświetla obrazek na stronie." — obraz osadza się zwykle przez <img> lub CSS (np. tło). Kod nie zawiera żadnych atrybutów typowych dla grafiki.
  • "Wyświetla animację flash na stronie." — Flash jest odrębną technologią wtyczkową, a ten fragment opiera się na natywnych możliwościach HTML5 i elementach multimedialnych.

Wskazówka egzaminacyjna: gdy w pytaniu widać <audio> oraz <source> z typami MIME audio, interpretuj kod jako osadzanie dźwięku oraz zapewnianie kompatybilności przez alternatywne formaty.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znacznik <audio> osadza na stronie odtwarzacz dźwięku i umożliwia odtwarzanie plików audio w przeglądarce. W połączeniu z atrybutami (np. controls) może pokazać użytkownikowi przyciski sterowania odtwarzaniem.
Atrybut controls powoduje wyświetlenie wbudowanych kontrolek odtwarzacza (play/pause, pasek postępu, głośność). Bez niego audio może się odtwarzać tylko programowo (np. z JavaScript), a użytkownik nie zobaczy standardowego interfejsu.
Różne przeglądarki mogą obsługiwać różne formaty dźwięku. Podanie kilku <source> pozwala przeglądarce wybrać pierwszy obsługiwany plik. To zwiększa kompatybilność aplikacji WWW bez zmuszania użytkownika do instalacji dodatków.
Atrybut type zawiera typ MIME (np. audio/mpeg). Dzięki temu przeglądarka może szybciej ocenić, czy obsługuje dany format, i wybrać odpowiednie źródło. To ważne zwłaszcza wtedy, gdy podajesz kilka plików audio.
Nie. <audio> jest przeznaczony do dźwięku, a <video> do materiału wideo (z obrazem i opcjonalnie dźwiękiem). Składnia z <source> bywa podobna, dlatego na egzaminie łatwo je pomylić, jeśli nie zwracasz uwagi na nazwę elementu.
Taki tekst jest wyświetlany jako zawartość zastępcza, gdy przeglądarka nie obsługuje elementu <audio> lub nie potrafi odtworzyć żadnego z podanych źródeł. To prosty mechanizm informowania użytkownika o problemie z odtwarzaniem.
W praktyce często spotyka się formaty takie jak MP3 lub OGG, bo są popularne w środowisku webowym. Na egzaminie ważniejsze od listy formatów jest zrozumienie mechanizmu: podajesz kilka źródeł w <source>, aby zwiększyć szansę poprawnego odtworzenia w różnych przeglądarkach.
Flash to technologia wtyczkowa, niezależna od natywnych elementów HTML5. Pytania z kodem <audio> i <source> dotyczą wbudowanych mechanizmów przeglądarki, a nie zewnętrznych wtyczek. Na egzaminie "Flash" bywa typowym dystraktorem odwracającym uwagę.
Zwróć uwagę na nazwę elementu (<audio>) oraz typy MIME w <source> (zwykle zaczynają się od audio/). Dla obrazów częściej zobaczysz <img> lub pliki graficzne i atrybuty typowe dla grafiki (np. alt).
Najczęstsze pomyłki to: mylenie <audio> z <video>, ignorowanie roli <source> (wiele formatów), oraz traktowanie tekstu awaryjnego jak "opis" zamiast mechanizmu fallback. Pomaga czytanie kodu od zewnątrz: element, atrybuty, źródła.
info

Około 82% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Specjaliści zwracają uwagę: "Tekst na końcu jest komunikatem awaryjnym."

Źródła:

  • MDN Web Docs: "&lt;audio&gt;: The Embed Audio element" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio (dostęp: 2026-03-01)
  • WHATWG HTML Living Standard: sekcja "The audio element" https://html.spec.whatwg.org/multipage/media.html#the-audio-element (dostęp: 2026-03-01)
  • MDN Web Docs: "&lt;source&gt;: The Media or Image Source element" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN: HTMLMediaElement i element &lt;audio&gt;
  • Specyfikacja HTML Living Standard (sekcja dotycząca elementów multimedialnych)
  • Kurs podstaw HTML5 (moduł: multimedia)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego