Znacznik <audio> i gra muzyka...

El condor pasa - Peru

Znacznik <audio> służy do odtwarzania plików audio w dokumencie. Jest to całkiem fajny odtwarzacz audio. Nie potrzeba do niego żadnych dodatkowych wtyczek. Ager Web Edytor od wersji 5.3 ma całkowite wsparcie dla odtwarzacza html5 video oraz audio.

• controls - kontrolki odtwarzanie, podgłaśnianie, pauza
• autoplay - automatyczne uruchomienie odtwarzania muzyki.
• loop - zapętlenie odtwarzania.

Nowoczesne przeglądarki obsługują znacznik audio i różne formaty plików. Format MP3 obsługuje większość popularnych przegladarek internetowych; np.: Chrome, Firefox, Safari, Opera.

Do konwertowania plików można użyć Converter online. Online-converter znajdziesz tu.

Dla każdego rozszerzenia trzeba podać odrębną ścieżkę. Wymagane jest także podanie odpowieniego typu pliku

Prosty przykład zastosowania

  <audio controls>

  <source src="moj.mp3" type="audio/mpeg">

  <source src="moj.ogg" type="audio/ogg">

  </audio>
	

Znacznik <video> - ogladamy film!

Filmy umieszczamy na stronach www za pomocą znacznika <video>. Zasada wstawiania plików wideo jest podobna jak w przypadku plików audio:

  <video width="640" height="480" controls> 

  <source src="plik.mp4" type="video/mp4">

  </video> 
    

lub

  <video controls autopley width="100%" height="100%" poster="obrazek.jpg"> 

  <source  src="filmik.mp4" type="video/mp4">

  </video>
  

Tak samo jak w przypadku audio, tak i video można wzbogacić o odpowiednie atrybuty:

• autoplay – automatyczne odtwarzanie plików video zaraz po ich załadowaniu
• controls – dodanie kontrolek odtwarzania plików video
• loop – zapętlanie pliku video
• preload – wczytywanie pliku video po załadowaniu się strony
• poster – wstawia obraz w miejscu startu wideo

Inne typy wideo:
type="video/ogg" dla pliku *.oog
type="video/webm" dla pliku *.webm