Posty

Plyr: elastyczny player, który możesz stylować CSS-em

Antonius Administrator, zaktualizowany 31.08.2020 o 14:40

Plyr to ciekawy projekt odtwarzacza audio/video, który został stworzony w czystym HTML-u i CSS-ie. Dzięki temu szybko renderuje się w przeglądarce a od strony wizualnej może być w szerokim stopniu konfigurowalny. Wykorzystuje typowe elementy HTML: <span>, <button>, <a href="#">, <input type="range">. Wygląd odtwarzacza możemy zmieniać nadpisując klasy CSS własnymi wartościami.

Poza odtwarzaniem plików bezpośrednio z serwera, Plyr obsługuje również media z dwóch największych platform: You Tube i Vimeo oraz umożliwia integrację z bibliotekami streamingowymi Dash.js, Hls.js i Shaka Player. Z innych ciekawych cech odtwarzacza warto wymienić:

responsywność, czyli dostosowywanie się do każdego rozmiaru ekranu
obsługa trybu obraz w obrazie i pełnego ekranu
obsługa API
skróty klawiaturowe
obsługa plików z napisami w wielu językach
różne prędkości odtwarzania

Ostatnie lekcje

JavaScript
Tablice

Tworzenie tablicy const tab1 = ; const tab2 = ; const a = "pies"; const b = 1024; const c = "buda"; const tab3 = ; Metody wykorzystywane w pracy z tablicami push() – dodaje element/y

JavaScript
Funkcje matematyczne

JavaScript
Instrukcje warunkowe

Instrukcja if if (warunek1) { // kod, który się wykona, gdy warunek1 będzie prawdziwy } else if (warunek2) { // kod, który się wykona, gdy warunek2 będzie prawdziwy } else { // ko

PHP
Tablice superglobalne

Tablica $_GET zawiera dane z formularza wysłanego metodą get oraz wartości przesłane w adresie URL. Tablica $_POST zawiera dane z formularza wysłanego metodą post Tablica $_SERVER zawiera

PHP
Funkcje związane z datą i czasem

Formatowanie daty i czasu date(string $format, ?int $timestamp = null): string Funkcja date zwraca datę lub czas w postaci tekstu. Jej obowiązkowym parametrem jest $format, a opcjonalnym znaczni