Riepilogo: HTML5 sostituisce il flash?

Non ci sono ragioni convincenti per gli sviluppatori di convertire i loro siti Web esistenti da Flash a HTML5, specialmente quando si tratta di video. Flash fornisce funzionalità GUI e visive per le animazioni, mentre HTML5 consente di disegnare la grafica usando JavaScript. L’elemento tela di HTML5 sta diventando più popolare, consentendo animazioni e trasformazioni.

1. Quali sono le caratteristiche principali di Flash?

Flash offre una GUI e caratteristiche visive straordinarie per le animazioni. Consente all’utente di creare tutto all’interno di una particolare piattaforma senza una piena integrazione nel browser.

2. Cosa offre l’elemento HTML5?

L’elemento HTML5 consente di disegnare grafica usando JavaScript. Può essere usato per grafici, composizioni fotografiche e animazioni.

3. È flash obsoleto?

Sì, la tela è ora considerata la piattaforma principale per l’animazione e il flash è considerato obsoleto.

4. Quali formati video sono supportati in HTML5?

HTML5 non specifica un formato video standard, quindi ogni sviluppatore del browser è libero di scegliere quale formato video supportare. Le scelte principali sono h.264 e formati di teora di Ogg.

5. È lo streaming supportato in HTML5?

HTML5 non definisce lo streaming, quindi spetta agli sviluppatori di browser e server supportare i meccanismi di streaming.

6. Qual è l’attuale supporto del browser per audio e video in HTML5?

Nessun browser, ad eccezione dell’opera, attualmente supporta tutte le funzioni video e audio specificate in HTML5.

7. È possibile l’animazione in html5?

Sì, HTML5 si basa principalmente su JavaScript per fornire animazioni ricche e interattività. Può essere utilizzato in combinazione con il tag tela, le capacità di animazione e trasformazione CSS3, SVG e caratteri Web.

8. Quale browser ha il supporto più completo per HTML5?

Nessuno dei browser, ad eccezione dell’opera, attualmente supporta tutte le funzioni audio, video e animazione necessarie definite in HTML5.

9. Gli sviluppatori possono dipendere esclusivamente dal supporto video e audio HTML5?

No, gli sviluppatori dovranno implementare script avanzati per rilevare le capacità del browser e utilizzare la migliore opzione di presentazione.

10. HTML5 fornisce funzionalità di sviluppo avanzata come flash?

No, sebbene HTML5 fornisca funzionalità di animazione, non fornisce lo stesso livello di funzionalità di sviluppo avanzata di Flash.

HTML5 sostituisce il flash

Ad eccezione della necessità di servire gli utenti di iPhone e iPad non ci sono ragioni convincenti per gli sviluppatori di convertire i loro siti Web esistenti dai video Flash a HTML5, o anche meno per ri-accantonare il materiale video. Se presente, lo stato attuale richiede ulteriore lavoro e complessità nello sviluppo del sito Web se si desidera video HTML5.

HTML5 sostituisce solo gli aspetti video di Flash/Silverlight?

Flash offre una GUI straordinaria e molte caratteristiche visive per le animazioni. Consente all’utente di creare tutto all’interno di una particolare piattaforma senza una piena integrazione nel browser avvolto all’interno del browser con gli ambiti principali che sono multimediali e altri tipi di animazione.

L’elemento HTML5 ti dà un modo semplice e potente per disegnare grafica usando JavaScript. Può essere usato per disegnare grafici, realizzare composizioni fotografiche o fare animazioni semplici (e non così semplici).

Ecco un elemento semplice che ha solo due attributi specifici larghezza e altezza più tutti gli attributi HTML5 core come ID, nome e classe ecc.

La tela è principalmente considerata ora e Flash è obsoleto. Con tela, puoi animare forme, scala, trasformarsi, ecc.

Programmatore / analista / tecnico

HTML5 sostituisce il flash?

I recenti argomenti tra Apple e Adobe per quanto riguarda il supporto Flash in iPhone e iPad hanno alimentato la discussione in video utilizzando HTML5 VS. Veloce.

In questo post commento sullo stato attuale degli standard e del supporto del browser e se HTML5 sostituirà Flash.

Video e audio in HTML5

HTML5 consente al video incorporato di riprodurre in modo nativo nel browser. Affinché un browser riproisca video, è necessario includere un codec video. Ogni formato video ha un codec diverso. Poiché W3C (l’organo di governo dello standard HTML) ha deciso di non specificare un formato video standard, ogni sviluppatore del browser è libero di scegliere quale formato video supporta.

Finora le due scelte principali sono h.264 e formati di teora di Ogg. Alcuni browser supportano l’uno o l’altro, e solo Chrome ha deciso di supportare entrambi. La maggior parte dei video online è attualmente codificata utilizzando H.264 codec e molti dispositivi supportano la decodifica hardware che migliora notevolmente le prestazioni e la durata della batteria.

Un altro aspetto importante che è stato escluso dallo standard è stato lo streaming. Senza alcuna definizione sullo streaming, siamo lasciati a qualsiasi meccanismo che il browser e gli sviluppatori di server vogliono supportare.

La situazione con audio è simile in termini di ambito delle specifiche, diversi formati disponibili e supporto dai principali browser.

Inoltre, nessuno dei browser (ad eccezione dell’opera) attualmente supporta tutte le funzioni video e audio (controlli) specificate in HTML5.

È una buona idea per gli sviluppatori iniziare a utilizzare il nuovo supporto audio e video nei browser HTML5, specialmente per gli utenti di iPhone e iPad. Tuttavia, non puoi ancora dipendere solo dal nuovo supporto video e audio HTML5. Dovrai implementare script avanzati per rilevare le funzionalità del browser e quindi utilizzare la migliore opzione di presentazione.

Animazione in HTML5

Un aspetto del confronto tra flash e html5 che sembra essere stato lasciato all’esterno è la capacità di animazione. HTML5 si basa principalmente su JavaScript per fornire animazioni ricche e interattività. Tuttavia, questo dovrebbe essere utilizzato insieme al nuovo tag di tela HTML per il disegno di oggetti 2D e 3D, capacità di animazione e trasformazione CSS3, nonché supporto browser per SVG (grafica vettoriale Scalable) e caratteri Web.

Simile alla situazione con audio e video, la maggior parte dei browser supporta le animazioni di tela, SVG o CSS parzialmente o per niente.

Flash è molto meglio per fornire animazioni perché gli sviluppatori non devono preoccuparsi di complesse funzioni matematiche per creare un movimento complesso. Mentre ci sono diversi framework JavaScript, nessuno di essi fornisce funzionalità di sviluppo così avanzate come Flash.

Supporto browser

La tabella seguente mostra l’attuale livello di supporto di diverse funzioni audio, video e animazione in HTML5 e CSS3 che sono necessarie per competere con Flash.

video H.264	video Ogg	Audio Mp3	Audio Wav	Audio Ogg	Tela Etichetta	Svg	CSS Anim.
Cioè 9	♦ p	♦ p	♦ p
Firefox 3.6	♦ p	♦ p	♦ p	♦ p	♦ p	e
Firefox 3.5	♦ p	♦ p	♦ p	♦ p	♦ p
Chrome 5	♦ p	♦ p	♦ p	♦ p	♦ p	♦ p	e
Chrome 4	♦ p	♦ p	♦ p	♦ p	♦ p	♦ p
Safari 4	♦ p	♦ p	♦ p	♦ p	♦ p	e
Opera 10.5	♦	♦	♦ p	♦ p
Opera 10.0	♦	♦	♦ p	♦ p

Fonte: Wikipedia – HTML5, CSS3, SVG
Note: P – Supporto parziale, E – sperimentale

Il seguente grafico mostra l’attuale quota di mercato dei diversi browser. Sfortunatamente il mercato è ampiamente dominato da browser che non hanno un supporto sufficiente di HTML5 o CSS3.

Conclusione

HTML5 sostituisce il flash? Non credo così. Gli standard e il supporto del browser non sono ancora in un punto in cui potrebbe sostituire il flash per la riproduzione di video e audio e ancora meno per le animazioni avanzate. Credo che gli standard e il supporto avanzaranno e alla fine arriveranno a un punto in cui diventeranno una forte alternativa per la riproduzione audio e video.

Ad eccezione della necessità di servire gli utenti di iPhone e iPad non ci sono ragioni convincenti per gli sviluppatori di convertire i loro siti Web esistenti dai video Flash a HTML5, o anche meno per ri-accantonare il materiale video. Se presente, lo stato attuale richiede ulteriore lavoro e complessità nello sviluppo del sito Web se si desidera video HTML5.

Se stai sviluppando un nuovo sito Web o si desidera supportare il video HTML5, è possibile provare il lettore JW di Longtail Video per HTML5, una raccolta di script e impostazioni che consente di distribuire video utilizzando il supporto HTML5 nativo o quando è necessario il flash. Si noti che è ancora in versione beta.

Ruben Reyes

Ruben è il tecnico principale di Lyquix. Si consulta direttamente con i clienti e gestisce il team di sviluppo di Lyquix.