Treść w postaci zasobu multimedialnego

Jedną z kolejnych treści, którą możemy wyświetlić w oknie przeglądarki internetowej jest treść w postaci zasobu multimedialnego. Mowa tu o zasobie internetowym określonego typu, który to zasób internetowy określonego typu może reprezentować dźwięk lub obraz lub dźwięk oraz obraz jednocześnie.

Różne przeglądarki internetowe mogą obsługiwać różne typy zasobów multimedialnych, lecz z reguły zasób multimedialny typu .mp3 oraz zasób multimedialny typu .mp4 obsługiwany jest przez większość przeglądarek internetowych w najnowszej wersji.

Zasób multimedialny typu .mp3 może reprezentować dźwięk (np. utwór muzyczny).

Zasób multimedialny typu .mp4 może reprezentować obraz wraz z dźwiękiem (np. wideo).

Oba wspomniane zasoby multimedialne możemy wyświetlić w oknie przeglądarki internetowej, za pomocą któregoś z elementów HTML należących do kategorii elementy media .

Gdy za pomocą elementu audio wyświetlimy w oknie przeglądarki internetowej zasób multimedialny typu .mp3, wtedy będziemy mogli odtworzyć dźwięk, jaki posiada wspomniany zasób multimedialny typu .mp3.

Przykład:

<audio src="./files/html/utwor-01.mp3" controls></audio>

Rezultat:

Gdy za pomocą elementu audio wyświetlimy w oknie przeglądarki internetowej zasób multimedialny typu .mp4, wtedy będziemy mogli odtworzyć tylko dźwięk (nie obraz), jaki posiada wspomniany zasób multimedialny typu .mp4.

Przykład:

<audio src="./files/html/film-01.mp4" controls></audio>

Rezultat:

Gdy za pomocą elementu video wyświetlimy w oknie przeglądarki internetowej zasób multimedialny typu .mp4, wtedy będziemy mogli odtworzyć zarówno obraz, jak i dźwięk, jaki posiada wspomniany zasób multimedialny typu .mp4.

Przykład:

<video src="./files/html/film-01.mp4" controls></video>

Rezultat:

Gdy za pomocą elementu video wyświetlimy w oknie przeglądarki internetowej zasób multimedialny typu .mp3, wtedy będziemy mogli odtworzyć dźwięk, jaki posiada wspomniany zasób multimedialny typu .mp3.

Przykład:

<video src="./files/html/utwor-01.mp3" controls></video>

Rezultat: