Resumo: está html5 substituindo flash?
Não há razões atraentes para os desenvolvedores converterem seus sites existentes do Flash para o HTML5, especialmente quando se trata de vídeo. Flash fornece GUI e recursos visuais para animações, enquanto o HTML5 permite desenhar gráficos usando JavaScript. O elemento de tela do HTML5 está se tornando mais popular, permitindo animações e transformações.
1. Quais são as principais características do flash?
Flash fornece GUI e recursos visuais incríveis para animações. Ele permite ao usuário construir tudo dentro de uma plataforma específica sem uma integração completa no navegador.
2. O que o elemento HTML5 oferece?
O elemento HTML5 permite desenhar gráficos usando JavaScript. Pode ser usado para gráficos, composições de fotos e animações.
3. Flash está desatualizado?
Sim, a tela agora é considerada a plataforma principal de animação e o flash é considerado desatualizado.
4. Quais formatos de vídeo são suportados em html5?
HTML5 não especifica um formato de vídeo padrão, portanto, cada desenvolvedor do navegador é livre para escolher qual formato de vídeo suportar. As principais opções são H.264 e Ogg Theora Formats.
5. É o streaming suportado em html5?
O HTML5 não define o streaming, por isso cabe ao navegador e desenvolvedores de servidores suportar mecanismos de streaming.
6. Qual é o suporte atual do navegador para áudio e vídeo em html5?
Nenhum navegador, exceto o Opera, atualmente suporta todas as funções de vídeo e áudio especificadas no HTML5.
7. A animação é possível em html5?
Sim, o HTML5 depende principalmente do JavaScript para fornecer animações ricas e interatividade. Ele pode ser usado em conjunto com a tag de tela, capacidades de animação e transformação CSS3, SVG e fontes da Web.
8. Qual navegador tem o suporte mais abrangente para HTML5?
Nenhum dos navegadores, exceto o Opera, atualmente suporta todas as funções necessárias de áudio, vídeo e animação definidas no HTML5.
9. Os desenvolvedores podem depender apenas do suporte de vídeo e áudio HTML5?
Não, os desenvolvedores precisarão implementar scripts avançados para detectar recursos do navegador e usar a melhor opção de apresentação.
10. O HTML5 fornece uma funcionalidade de desenvolvimento avançada como flash?
Não, embora o HTML5 forneça recursos de animação, ele não fornece o mesmo nível de funcionalidade avançada de desenvolvimento que o Flash.
Está html5 substituindo flash
Exceto pela necessidade de servir os usuários de iPhone e iPad, não há razões atraentes para os desenvolvedores converterem seus sites existentes do Flash para o vídeo html5, ou menos para re-codificar o material de vídeo. Se houver, o estado atual está exigindo trabalho e complexidade adicionais no desenvolvimento de sites se o vídeo html5 for desejado.
O HTML5 substitui apenas os aspectos de vídeo do Flash/Silverlight?
Flash fornece GUI incrível e muitos recursos visuais para animações. Ele permite que o usuário construa tudo dentro de uma plataforma específica sem uma integração completa no navegador embrulhado dentro do navegador com os principais escopos que são multimídia e outros tipos de animação.
O elemento HTML5 oferece uma maneira fácil e poderosa de desenhar gráficos usando JavaScript. Pode ser usado para desenhar gráficos, fazer composições de fotos ou fazer animações simples (e não tão simples).
Aqui está um elemento simples que possui apenas dois atributos específicos largura e altura, além de todos os atributos principais HTML5 como ID, nome e classe etc.
A tela é considerada principalmente agora e o flash está desatualizado. Com a tela, você pode animar formas, escalar, transformar, etc.
Programador / analista / técnico
Está html5 substituindo flash?
Os argumentos recentes entre a Apple e a Adobe em relação ao suporte a flash no iPhone e iPad alimentaram a discussão em vídeo usando HTML5 vs. Clarão.
Neste post, comento o status atual dos padrões e o suporte do navegador e se o HTML5 substituirá o Flash.
Vídeo e áudio em html5
HTML5 permite que o vídeo incorporado seja reproduzido nativamente no navegador. Para que um navegador seja reproduzido em vídeo, ele precisa incluir um codec de vídeo. Cada formato de vídeo tem um codec diferente. Como o W3C (o corpo que governa o padrão HTML) decidiu não especificar um formato de vídeo padrão, cada desenvolvedor do navegador é livre para escolher qual formato de vídeo suportar.
Até agora, as duas opções principais são H.264 e Ogg Theora Formats. Alguns navegadores apóiam um ou outro, e apenas o Chrome decidiu apoiar os dois. A maioria dos vídeos online está atualmente codificada usando o H.264 Codec e muitos dispositivos suportam decodificação de hardware, o que melhora bastante o desempenho e a duração da bateria.
Outro aspecto importante que foi deixado de fora do padrão foi a transmissão. Sem qualquer definição sobre streaming, somos deixados para qualquer navegador de mecanismo e desenvolvedores de servidores que desejam oferecer suporte.
A situação com áudio é semelhante em termos do escopo da especificação, diferentes formatos disponíveis e o suporte pelos principais navegadores.
Além disso, nenhum dos navegadores (exceto o Opera) atualmente suporta todas as funções de vídeo e áudio (controles) especificadas no HTML5.
É uma boa ideia para os desenvolvedores começarem a usar o novo suporte de áudio e vídeo em navegadores HTML5, especialmente para usuários de iPhone e iPad. No entanto, você ainda não pode depender apenas do novo suporte de vídeo e áudio HTML5. Você precisará implementar scripts avançados para detectar recursos do navegador e depois usar a melhor opção de apresentação.
Animação em html5
Um aspecto da comparação entre flash e html5 que parece ter sido deixado de fora é a capacidade de animação. HTML5 depende principalmente do JavaScript para fornecer animações e interatividade ricas. No entanto, isso se destina a ser usado junto com a nova tag de tela HTML para desenho de objetos 2D e 3D, recursos de animação e transformação CSS3, bem como suporte ao navegador para SVG (gráficos vetoriais escaláveis) e fontes da Web.
Semelhante à situação com áudio e vídeo, a maioria dos navegadores suporta anvas, SVG ou CSS animações parcialmente ou não.
Flash está muito melhor posicionado para entregar animações porque o desenvolvedor não precisa se preocupar com funções matemáticas complexas para criar movimento complexo. Embora existam várias estruturas JavaScript, nenhuma delas fornece uma funcionalidade de desenvolvimento avançada como Flash.
Suporte do navegador
A tabela a seguir mostra o nível de suporte atual de diferentes funções de áudio, vídeo e animação em HTML5 e CSS3 necessárias para competir com o Flash.
| Vídeo H.264 |
Vídeo Ogg |
Áudio Mp3 |
Áudio WAV |
Áudio Ogg |
Tela Marcação |
Svg | CSS Anim. |
|---|---|---|---|---|---|---|---|
| Ou seja, 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
Notas: P – Suporte parcial, E – Experimental
O gráfico a seguir mostra a participação de mercado atual dos diferentes navegadores. Infelizmente, o mercado é muito dominado por navegadores que não têm apoio suficiente para HTML5 ou CSS3.
Conclusão
Está html5 substituindo flash? Eu não acho. Os padrões e o suporte ao navegador ainda não estão em um ponto em que pode substituir o Flash para reprodução de vídeo e áudio, e menos ainda para animações avançadas. Eu acredito que os padrões e o apoio avançarão e, eventualmente.
Exceto pela necessidade de servir os usuários de iPhone e iPad, não há razões atraentes para os desenvolvedores converterem seus sites existentes do Flash para o vídeo html5, ou menos para re-codificar o material de vídeo. Se houver, o estado atual está exigindo trabalho e complexidade adicionais no desenvolvimento de sites se o vídeo html5 for desejado.
Se você estiver desenvolvendo um novo site ou deseja oferecer suporte ao vídeo HTML5, você pode experimentar o Video JW Player Longtail para HTML5, uma coleção de scripts e configurações que permite implantar vídeo usando suporte HTML5 nativo ou flash quando necessário. Observe que ainda está na versão beta.
Ruben Reyes
Ruben é o tecnólogo principal da Lyquix. Ele consulta diretamente com os clientes e gerencia a equipe de desenvolvimento de Lyquix.
