Spisie treści
w HTML5 elementy wideo i audio mają wiele wspólnych cech, dlatego obiekt HTMLMediaElement określa podstawowe cechy każdego z nich w SŁOŃCE.Elementy audio są reprezentowane przez obiekt HTMLAudioElement, obiekt ten nie reprezentuje żadnego wzrostu funkcjonalności HTMLMediaElement, po drugiej stronie mamy obiekt HTMLVideoElement reprezentujące elementy wideo i przeciwieństwo obiektu HTMLAudioElement to, jeśli zakłada pewne dodatkowe cechy na HTMLMediaElement.
Element audio
Element Audio pozwala nam osadzić treści audio w naszych dokumentach HTML, jest to nowość w HTML5 i może zawierać następujące atrybuty: autoodtwarzanie, wstępne ładowanie, sterowanie, pętla, wyciszony, src.
Zobaczmy przykład kodu, jak dołączyć element audio do naszych dokumentów:
Przykładowa zawartość audio nie może być odtwarzana
Zauważamy, że mamy etykietę, w której definiujemy atrybut sterownica dzięki czemu możemy mieć przyciski, które pozwalają nam manipulować odtwarzaniem pliku, za pomocą src wskazujemy ścieżkę do pliku audio i na koniec Automatyczne odtwarzanie, obecność wskazuje, że plik powinien być odtwarzany po załadowaniu dokumentu.
Jak widać, jest to coś całkiem prostego w obsłudze, zobaczmy na poniższym obrazku, jak by to wyglądało w naszej przeglądarce:
Jak wspomnieliśmy na początku, z przedmiotem HTMLMediaElement pogrupowaliśmy wspólne cechy audio i wideo, a w przypadku wideo zwiększono niektóre dodatkowe cechy.
Informacje, które możemy uzyskać dzięki temu obiektowi, są następujące:
- Automatyczne odtwarzanie Informuje nas, czy automatyczne odtwarzanie pliku jest włączone, czy nie.
- canPlayType() informuje nas, czy przeglądarka jest w stanie odtworzyć wskazany plik.
- obecnySrc informuje o aktualnym źródle pliku.
- sterownica pozwala nam poznać lub ustalić obecność lub brak elementów sterujących odtwarzaniem w pliku.
- domyślnie wyciszony wskazuje lub ustawia, czy plik powinien rozpoczynać się z całkowicie wyciszonym woluminem.
- pętla wskazuje lub ustawia, czy plik powinien być zapętlony.
- wyciszony zmniejszyć głośność pliku
- wstępne ładowanie wskazuje lub ustawia plik do załadowania przed odtworzeniem po załadowaniu strony.
- src wskazuje lub ustawia ścieżkę do pliku multimedialnego.
- Tom ustawia lub wskazuje głośność odtwarzania pliku.
- wzrost wskazuje lub ustawia wysokość.
- plakat wskazuje lub ustawia wartość atrybutu poster, za pomocą którego możemy umieścić okładkę do wideo
- wideoWysokość wskazuje lub ustawia wysokość wideo.
- szerokość wideo wskazuje lub ustawia szerokość wideo
- szerokość wskazuje lub ustawia szerokość.
Nie można wyświetlić przykładowego wideo
| Nieruchomość | Wartość |
|---|
Aby zakończyć ten samouczek, zobaczmy, co przeglądarka pokazuje nam za pomocą tego kodu:
POWIĘKSZAĆ
