Podsumowanie: Czy HTML5 zastępuje lampę błyskową?

Nie ma żadnych istotnych powodów, dla których programiści konwertują swoje istniejące strony z Flash na HTML5, szczególnie jeśli chodzi o wideo. Flash zapewnia funkcje GUI i wizualne animacji, a HTML5 pozwala rysować grafikę za pomocą JavaScript. Element Canvas HTML5 staje się coraz bardziej popularny, umożliwiając animacje i transformacje.

1. Jakie są główne cechy lampy błyskowej?

Flash zapewnia niesamowite funkcje GUI i wizualne animacje. Pozwala użytkownikowi budować wszystko wewnątrz konkretnej platformy bez pełnej integracji z przeglądarką.

2. Co oferuje element HTML5?

Element HTML5 umożliwia rysowanie grafiki za pomocą JavaScript. Może być używany do wykresów, kompozycji zdjęć i animacji.

3. Jest nieaktualny?

Tak, płótno jest teraz uważane za główną platformę animacji, a Flash jest uważany za przestarzały.

4. ?

HTML5 nie określa standardowego formatu wideo, więc każdy programista przeglądarki może wybrać format wideo do obsługi. Główne wybory to H.264 i OGG Formaty teora.

5. Jest streaming obsługiwany w HTML5?

HTML5 nie definiuje przesyłania strumieniowego, więc do przeglądarki i programistów serwerów obsługuje mechanizmy przesyłania strumieniowego.

6. Jaka jest obecna obsługa przeglądarki dla audio i wideo w HTML5?

Brak przeglądarki, z wyjątkiem Opery, obecnie obsługuje wszystkie funkcje wideo i audio określone w HTML5.

7. Jest możliwa animacja w HTML5?

Tak, HTML5 opiera się głównie na JavaScript, aby zapewnić bogate animacje i interaktywność. Można go używać w połączeniu z Canvas Tag, CSS3 Animation and Transformation Forction, SVG i czcionkami internetowymi.

8. Która przeglądarka ma najbardziej kompleksowe wsparcie dla HTML5?

Żadna z przeglądarki, z wyjątkiem Opery, obecnie nie obsługuje wszystkich niezbędnych funkcji audio, wideo i animacji zdefiniowanych w HTML5.

9. Czy programiści mogą zależeć wyłącznie od obsługi wideo i audio HTML5?

Nie, programiści będą musieli wdrożyć zaawansowane skrypty w celu wykrycia możliwości przeglądarki i korzystania z opcji najlepszej prezentacji.

10. Czy HTML5 zapewnia jako zaawansowane funkcje rozwoju jako Flash?

Nie, podczas gdy HTML5 zapewnia możliwości animacji, nie zapewnia tego samego poziomu zaawansowanego funkcjonalności rozwoju jak Flash.

Czy html5 zastępuje lampę błyskową

Z wyjątkiem potrzeby obsługi użytkowników iPhone’a i iPada nie ma żadnych przekonujących powodów, dla których programiści konwertują swoje istniejące strony z Flash na HTML5, a nawet mniej do ponownego zakodowania materiału wideo. Jeśli istnieją, obecne państwo wymaga dodatkowej pracy i złożoności w tworzeniu stron internetowych, jeśli pożądane jest wideo HTML5.

Czy HTML5 zastępuje tylko aspekty wideo Flash/Silverlight?

Flash zapewnia niesamowite GUI i wiele wizualnych funkcji animacji. Pozwala użytkownikowi budować wszystko wewnątrz konkretnej platformy bez pełnej integracji z przeglądarką owiniętą w przeglądarce z głównymi zakresem, które są multimediami i innymi rodzajami animacji.

Element HTML5 zapewnia łatwy i potężny sposób rysowania grafiki za pomocą JavaScript. Można go używać do rysowania wykresów, tworzenia kompozycji zdjęć lub robienia prostych (i nie tak prostych) animacji.

.

Płótno jest teraz rozważane głównie, a Flash jest przestarzały. Z płótnem możesz animować kształty, skala, przekształcenie itp.

Programista / analityk / technik

Czy html5 zastępuje lampę błyskową?

Ostatnie argumenty między Apple i Adobe dotyczące obsługi Flash w iPhonie i iPadzie podsyciły dyskusję na temat wideo za pomocą HTML5 vs. Błysk.

W tym poście komentuję aktualny status standardów i obsługi przeglądarki oraz czy HTML5 zastąpi Flash.

Wideo i audio w HTML5

HTML5 pozwala w przeglądarce odtwarzać wbudowane wideo. Aby przeglądarka do odtworzenia wideo musi zawierać kodek wideo. Każdy format wideo ma inny kodek. Ponieważ W3C (organ zarządzający standardem HTML) postanowił nie określać standardowego formatu wideo, każdy programista przeglądarki jest bezpłatny, aby wybrać format wideo do obsługi.

Jak dotąd dwie główne opcje to h.264 i OGG Formaty teora. Niektóre przeglądarki obsługują jedną lub drugą i tylko Chrome postanowił wesprzeć oba. Większość wideo online jest obecnie kodowana za pomocą H.264 Kodec i wiele urządzeń obsługuje dekodowanie sprzętowe, które znacznie poprawia wydajność i żywotność baterii.

Kolejnym ważnym aspektem, który został pominięty ze standardu, było przesyłanie strumieniowe. Bez żadnej definicji strumieniowej pozostawiamy nam dowolną przeglądarkę mechanizmu, a twórcy serwerów chcą obsługiwać.

Sytuacja z audio jest podobna pod względem zakresu specyfikacji, różnych dostępnych formatów i wsparcia głównych przeglądarków.

Ponadto żadna z przeglądarki (z wyjątkiem Opery) obecnie nie obsługuje wszystkich funkcji wideo i audio (sterujących) określonych w HTML5.

Deweloperzy warto zacząć korzystać z nowej obsługi audio i wideo w przeglądarkach HTML5, szczególnie dla użytkowników iPhone’a i iPada. Jednak nie możesz jeszcze polegać tylko na nowej obsłudze wideo i audio HTML5. Będziesz musiał wdrożyć zaawansowane skrypty w celu wykrycia możliwości przeglądarki, a następnie skorzystać z opcji najlepszej prezentacji.

Animacja w HTML5

Jednym z aspektów porównania Flash i HTML5, który wydaje się być pozostawiony na zewnątrz, jest zdolność animacji. HTML5 opiera się głównie na JavaScript, aby zapewnić bogate animacje i interaktywność. Jest to jednak przeznaczone do użycia wraz z nowym znacznikiem HTML Canvas do rysowania obiektów 2D i 3D, animacją CSS3 i możliwościami transformacji, a także obsługą przeglądarki SVG (Skalowal Vector Graphics) i czcionek internetowych czcionek internetowych.

Podobnie jak w sytuacji z audio i wideo, większość przeglądarek obsługuje Canvas, SVG lub CSS częściowo lub wcale.

Flash jest znacznie lepszy do dostarczania animacji, ponieważ programista nie musi martwić się o złożone funkcje matematyczne, aby stworzyć złożony ruch. Chociaż istnieje kilka frameworków JavaScript, żaden z nich nie zapewnia tak zaawansowanej funkcjonalności rozwoju jak Flash.

Obsługa przeglądarki

Poniższa tabela pokazuje aktualny poziom obsługi różnych funkcji audio, wideo i animacji w HTML5 i CSS3, które są potrzebne do konkurowania z Flashem.

Wideo
H.264
Wideo
Ogg
Audio
MP3
Audio
WAV
Audio
Ogg
Płótno
Etykietka
Svg CSS
Anim.
Tj. 9 ♦ P ♦ P ♦ P
Firefox 3.6 ♦ P ♦ P ♦ P ♦ P ♦ P mi
Firefox 3.5 ♦ P ♦ P ♦ P ♦ P ♦ P
Chrome 5 ♦ P ♦ P ♦ P ♦ P ♦ P ♦ P
Chrome 4 ♦ P ♦ P ♦ P ♦ P ♦ P ♦ P
Safari 4 ♦ P ♦ P ♦ P ♦ P ♦ P mi
Opera 10.5 ♦ P ♦ P
Opera 10.0 ♦ P ♦ P

Źródło: Wikipedia – HTML5, CSS3, SVG
Uwagi: P – częściowe wsparcie, E – eksperymentalne

Poniższy wykres pokazuje bieżący udział w rynku różnych przeglądarek. Niestety rynek jest znacznie zdominowany przez przeglądarki, które nie mają wystarczającego wsparcia HTML5 lub CSS3.

Wniosek

Czy html5 zastępuje lampę błyskową? Nie sądzę. Standardy i obsługa przeglądarki nie są jeszcze w punkcie, w którym może zastąpić Flash dla odtwarzania wideo i audio, a jeszcze mniej dla zaawansowanych animacji. Uważam, że standardy i wsparcie awansują i ostatecznie dojdą do punktu, w którym stają się silną alternatywą dla odtwarzania audio i wideo.

Z wyjątkiem potrzeby obsługi użytkowników iPhone’a i iPada nie ma żadnych przekonujących powodów, dla których programiści konwertują swoje istniejące strony z Flash na HTML5, a nawet mniej do ponownego zakodowania materiału wideo. Jeśli istnieją, obecne państwo wymaga dodatkowej pracy i złożoności w tworzeniu stron internetowych, jeśli pożądane jest wideo HTML5.

Jeśli opracowujesz nową stronę internetową lub chcesz obsługiwać wideo HTML5, możesz wypróbować odtwarzacz JW Longtail Video dla HTML5, zbiór skryptów i ustawień, który umożliwia wdrożenie wideo za pomocą natywnej obsługi HTML5 lub Flash w razie potrzeby. .

Ruben Reyes - Lyquix Principal

Ruben Reyes

Ruben jest głównym technologiem w Lyquix. Konsultuje się bezpośrednio z klientami i zarządza zespołem programistów Lyquix.