2012-07-13 10 views
8

Czy można przechwycić migawkę wideo wczytanego przy użyciu elementu wideo HTML5 i użyć go jako obrazu podglądu do momentu załadowania wideo lub uruchomienia zdarzenia odtwarzania? Wiem o atrybucie plakatu, ale chcę, by miniatura była generowana samodzielnie, podobnie jak losowa klatka z filmu. Rodzaj tego, co robi YouTube/Vimeo.Generowanie losowego obrazu podglądu na tagu wideo HTML5

Dzięki,

+0

co z tego: https://stackoverflow.com/questions/7323053/dynamically-using-the-first-frame-as-poster-in-html5-video –

Odpowiedz

8

Nie sądzę, że jest to możliwe w czystej HTML5. Zasadniczo, ponieważ strumień nie jest ładowany, gdy zobaczysz "obiekt" na stronie internetowej, więc klient nie może uzyskać żądanej klatki.

Jednak najlepszą opcją dla ciebie jest zapisanie/buforowanie "losowej klatki" przed załadowaniem strony, a następnie użycie jej jako plakatu wideo. Pozwoli to zmniejszyć pracę klienta i zaoszczędzić przepustowość.

check THIS, co jest pierwszą rzeczą, którą znalazłem (jeśli używasz PHP i chcesz „szybki i brudny” sposób na ramkę)

Aktualizacja

Podobno HERE istnieje rozwiązanie z popcorn.js, ALE wydaje się, że nie można zrobić tego w sposób, który (jak przypuszczam) jest potrzebny.

Jest to możliwe, ponieważ można to zrobić tylko w tej samej domenie z powodu problemów z bezpieczeństwem przeglądarki.

+0

Co robi Popcorn.capture.js jest dokładnie tym, czym ja potrzeba. Dzięki! – mihaipaun