Umieszczanie plików audio lub wideo w HTML poprzez bezpośrednie dodanie elementu do dokumentu.
Audio:
Użycie:
<audio src=”sciezka_do_pliku”></audio>
Dodatkowe parametry:
controls – wyświetli interfejs odtwarzacza
autoplay – automatycznie odtwarzanie
loop – odtwarzanie w pętli
preload – ładowanie pliku do pamięci
muted – automatyczne wyciszenie dźwięku
Przykładowo:
<audio src=”audio.wav” controls></audio>
Wideo:
Użycie:
<video src=”sciezka_do_pliku”></video>
Dodatkowe parametry:
controls – wyświetla interfejs odtwarzacza
autoplay – automatycznie odtwarzanie
loop – odtwarzanie w pętli
preload – ładowanie pliku do pamięci
muted – automatyczne wyciszenie dźwięku
poster – obraz który zostanie wyświetlany do momentu odtworzenia filmu
width i height – szerokość i wysokość okna odtwarzacza wideo
Przykładowo:
<video src=”wideo.mp4″ controls></video>
Zadanie:
Stworzyć stronę HTML/CSS poprzez użycie ww. znaczników i innych taką jak poniżej:
Materiały audio i wideo potrzebne do wykonania strony:
Użyte style:
body {
width: 100%;
height: 100%;
}
table, td, tr {
border-style: dotted;
}
UWAGA: audio i wideo mają uruchamiać się automatycznie po załadowaniu strony!