Użytkownicy lubią multimedia, zwłaszcza filmy, które mogą być zabawne i edukacyjne. Na urządzeniach mobilnych filmy mogą być łatwiejszym sposobem na uzyskanie informacji niż tekst. Aby zapewnić użytkownikom dobre wrażenia, filmy nie powinny wymagać więcej niż dostępnej przepustowości. Użytkownicy powinni mieć możliwość korzystania z nich na dowolnym urządzeniu. Użytkownicy nie powinni nigdy czekać na pobranie multimediów. Nikt nie lubi, gdy naciska przycisk odtwarzania, a nic się nie dzieje.
Z pewnością oglądałeś już filmy na swoim urządzeniu, więc nic w tym ostatnim akapicie nie powinno Cię zaskoczyć. Teraz musisz się nauczyć, jak umieścić film lub inny plik multimedialny w swojej witrynie. Wymagania techniczne dotyczące dodawania multimediów powinny służyć wygodzie użytkowników.
Wymagania techniczne
- Wersje pliku multimedialnego są w popularnych formatach internetowych, które zawierają zarówno strumień audio, jak i wideo.
- Rozdzielczość jest odpowiednia dla urządzeń użytkowników.
- Szybkość transmisji bitów nie obciąża przepustowości sieci użytkowników.
- Wynik jest widoczny we wszystkich głównych przeglądarkach, które korzystają z odpowiednich technologii.
- Plik jest zaszyfrowany (opcjonalnie).
W sekcji multimedia na tej stronie znajdziesz informacje, które pomogą Ci spełnić te wymagania techniczne. Nie martw się, jeśli te pojęcia są jeszcze trochę abstrakcyjne. Omówimy je w kolejnych artykułach. W pierwszej sekcji poznasz podstawowe pojęcia dotyczące multimediów, a w drugiej dowiesz się, jak dodawać multimedia do stron internetowych. W ostatniej sekcji znajdziesz praktyczne zastosowania i zaawansowane techniki korzystania z multimediów w internecie.
Wyświetlanie filmów w internecie
Wyświetlanie filmów w witrynie może odbywać się na 4 sposoby.
- Prześlij filmy do dostawcy hostingu multimediów, takiego jak YouTube lub Vimeo. W przypadku tych opcji musisz umieścić odtwarzacze w swojej witrynie.
- Podstawowe umieszczanie na własnym serwerze za pomocą elementów HTML
<video>i<audio>. - Więcej funkcji w ramach umieszczania za pomocą biblioteki wideo, takiej jak Shaka Player, JW Player lub Video.js.
- tworzenie własnego serwera multimediów i aplikacji do przesyłania strumieniowego;
Ta strona zawiera głównie podstawowe informacje o osadzaniu multimediów. Omówimy jednak kilka bardziej zaawansowanych tematów, aby pomóc Ci w rozpoczęciu tworzenia własnej aplikacji do strumieniowego przesyłania multimediów. Wymaga to sporo pracy, dlatego stworzyliśmy PWA z multimediami z obsługą offline, aby posłużyła ona jako punkt odniesienia. Powinna ona pokazać Ci sposoby osiągnięcia tego celu i pokazać, ile wysiłku to wymaga. Aplikacja nie jest w żaden sposób gotowa do wdrożenia w produkcji ani nie jest konkurencją dla usług takich jak YouTube czy Vimeo, ale stanowi punkt wyjścia do nauki czegoś nowego i wyzwalającego.
Utworzenie konkurencyjnej usługi hostowanych treści multimedialnych wymagałoby zespołu doświadczonych inżynierów i tysiąca godzin pracy. Jeśli nie chcesz wejść na ten rynek jako konkurencja, lepiej użyj jednej z innych metod. Warto poznać tę technologię. Chociaż nie musisz wdrażać własnej aplikacji ani odtwarzacza wideo, warto zapoznać się z najnowocześniejszymi funkcjami obsługi przeglądarek lub przynajmniej użyć jednej z dostępnych bibliotek wideo.
Czego się nauczymy
Kolekcja multimediów składa się z 3 części. W tej pierwszej sekcji przedstawiamy zagadnienia i informacje wstępne dotyczące dodawania multimediów do witryny. Obejmuje to wyjaśnienie, jak łączyć pliki multimedialne, podstawowe informacje o aplikacjach, których potrzebujesz do przygotowania plików na potrzeby internetu, oraz pojęcia związane ze strumieniowaniem. Druga sekcja wyjaśnia, jak przygotować pliki i przekonwertować je do różnych formatów oraz opcjonalnie dodać szyfrowanie. W ostatniej sekcji pokażemy, jak osadzić plik multimedialny na stronie internetowej, omówimy najlepsze praktyki dotyczące autoodtwarzania, korzystanie z ramek mediów, przenoszenie filmów do trybu offline oraz udostępnianie filmów.
Mamy wiele do omówienia, dlatego zacznijmy od podstawowych informacji o plikach multimedialnych.