Audio i wideo w HTML

Wprowadzenie

HTML pozwala bezpośrednio osadzać pliki dźwiękowe i wideo za pomocą znaczników <audio> i <video>.

---

Teoria / Wyjaśnienia

• <audio> – do odtwarzania dźwięku.
• <video> – do odtwarzania wideo.
• Często używane atrybuty:
  • controls – wyświetla podstawowe przyciski odtwarzacza,
  • autoplay – automatyczne odtwarzanie (używaj ostrożnie),
  • loop – zapętlanie,
  • muted – domyślnie wyciszone.
• Wewnątrz można podać kilka źródeł <source> z różnymi formatami plików.

---

Praktyczne przykłady

Przykład

<!-- Prosty odtwarzacz audio -->
<audio controls>
  <source src="muzyka.mp3" type="audio/mpeg">
  Twoja przegladarka nie obsluguje elementu audio.
</audio>

<!-- Prosty odtwarzacz wideo -->
<video width="640" height="360" controls>
  <source src="film.mp4" type="video/mp4">
  Twoja przegladarka nie obsluguje elementu video.
</video>

---

Ćwiczenie

1. Dodaj na stronie odtwarzacz audio z przykładowym plikiem .mp3.
2. Dodaj odtwarzacz wideo z plikiem .mp4.
3. Przetestuj, jak działają atrybuty loop i muted.