Multimedia

Czyli jak wstawić na naszą stronę filmik bądź audio

Do wstawianai audio oraz wideo na naszą stroną wystarczą jedynie trzy znaczniki: audio oraz video i source. Najpierw zajmiemy się audio:

		<audio src="ścieżka_do_pliku" controls>tekst który ma się wyświetlić jeśli nie można otworzyć pliku</audio>
					

To wszystko co jest potrzebne aby dołączyć audio do naszej strony. Atrybut controls jest odpowiedzialny za wyświetlenie "okienka" do sterowania dźwiękiem, jeśli zamiast atrybutu controls damy autoplay to nie będzie się wyświetlał panel do sterowania, tylko nasze audio włączy się automatycznie i nie będziemy moglo go zatrzymać ani przewinąć bądź podgłośnić.

Do naszego audio możemy dodać jeszcze dwa atrybuty: loop który odpowiada za zapętlanie się audio oraz preload dzięki któremu nasza piosenka włączy się dopiero gdy przeglądarka pobierze cały plik dzięki czemu nie uświadczymy przycinania się dźwięku podczas przeglądania strony.

Teraz zaprezentujemy jak skorzystać ze znacznika video oraz source aby dodać plik video do naszej strony. Kod będzie wyglądał tak:

		<video controls>
			<source src="ścieżka_do_pliku" type="video/mp4"/>
			<source src="ścieżka_do_pliku" type="video/webm"/>
		</video>
					

Jak widać, aby dodać video możemy użyć kliku źródeł z różnymi formatami, tak aby mieć pewność że film otworzy się użytkownikowi

Możemy również dodawać pliki wideo prosto z serwisu YouTube. Robimy to wchodząc na interesujący nasz filmik i pod spodem klikamy udostępnij następnie wybieramy opcję umieśćna stronie i kopiujemy link który znajduje się poniżej, a następnie wklejamy go na naszą stronę