Com o surgimento do HTML5, ter vídeos nas páginas ficou ainda mais simples.

Por isso, muitas pessoas procuram maneiras de utilizar o novo recurso oferecido pela quinta forma do HTML em seus blogs e sites pessoais.

Nós preparamos este rápido tutorial a fim de mostrar todos os passos necessários para você converter os vídeos para HTML5 e utilizá-los em uma página web. Veja como é simples!

Você vai precisar de…

Para a execução dos passos descritos abaixo, você vai precisar ter o programa Freemake Video Converter instalado em seu computador. A aplicação é compatível com todas as versões mais recentes do Windows e pode ser utilizada em qualquer máquina sem problemas.

Atenção na instalação

Durante o processo de instalação do Freemake Video Converter, você precisa ficar atento para não instalar toolbars indesejadas ou ter as configurações pessoais do seu navegador modificadas sem a devida autorização.

Em uma das telas do assistente, é possível escolher entre as opções “Quick installation (ad-supported)” e “Parameters settings (Advanced)”. Para evitar a adição de barras de ferramentas ao navegador, selecione a segunda opção e desmarque todos os itens exibidos abaixo dela, como mostra a imagem a seguir.

Além disso, você também pode selecionar se deseja ou não a instalação dos plugins do Freemake Video Converter para o Firefox e o Google Chrome

Convertendo os vídeos

1) Na tela principal do Freemake Video Converter, clique sobre a opção “Video”, presente na barra de ferramentas superior do programa.

2) Agora, adicione os vídeos que deseja converter. Você pode criar uma lista com quantos arquivos quiser. O programa faz a conversão de cada um separadamente.

3) Feito isso, é hora de selecionar o formato para o qual os arquivos serão convertidos. Na barra de ferramentas localizada na parte inferior da janela do programa, clique na seta para a direita até que a opção “to HTML5” seja mostrada.

4) Clique sobre o item “to HTML5” e aguarde alguns instantes para que a tela de configurações apareça.

5) O próximo passo é escolher a resolução para o arquivo de saída. Além das opções tradicionais, o Freemake Video Converter também permite que o conteúdo seja exibido em alta definição.

6) Agora, é só escolher o diretório no qual o vídeo convertido será armazenado e o tamanho limite do arquivo, se assim desejar.

7) Para finalizar o processo, clique em “Converter” e aguarde até que a tarefa seja finalizada.

Vídeo convertido! E agora?

Quando os seus vídeos forem convertidos, o Freemake Video Converter exibe uma tela com os quatro passos necessário para você exibir os arquivos em uma página da internet.

De forma resumida, é preciso hospedar o conteúdo áudio visual em algum servidor, para que ele possa ser linkado em seu site, e copiar o código fornecido pelo Freemake Video Converter entre as tags e da sua página.

Pronto! Na tela com as instruções, também é possível pré-visualizar o vídeo e ter uma ideia de como ele será mostrado no seu site. Assim, você pode fazer os ajustes necessário antes mesmo de colocar o conteúdo no ar.

Quer saber mais sobre HTML5? Então não deixe de conferir o artigo “O que é HTML 5?” e fique por dentro de tudo o que a quinta edição do código mais utilizado na internet tem para oferecer.

The post Como converter um vídeo para HTML5 appeared first on Blog Goweb Agency.

Páginas web com conteúdo dinâmico não são mais nenhuma novidade.

Graças ao Flash, da Adobe, hoje é possível criar sites totalmente animados e com uma rotatividade de conteúdo muito maior do que antigamente. Mesmo assim, a tecnologia da Adobe deixa um pouco a desejar no quesito velocidade de carregamento, além de exigir a instalação do plugin nos navegadores para funcionar corretamente.

Por isso, quando surgiu o HTML5, muitas pessoas diziam que o Flash iria morrer, pois, além de carregar o conteúdo dinâmico de forma muito mais rápida do que o seu “concorrente”, a quinta forma do HTML funciona sem a necessidade de ferramentas extras, desde que o navegador tenha suporte à tecnologia.
Como você pode perceber nos parágrafos acima, Flash e HTML5 possuem suas particularidades e cada um leva vantagem em um determinado ponto. Enquanto um trabalha com Ogg Theora e H.264, o outro faz uso de H.264 e AAC. É difícil dizer qual a melhor tecnologia, mas, por enquanto, a melhor opção vem sendo o HTML5.

Ampliar

Embora o formato mais recente ainda não tenha a mesma quantidade de recursos que o Flash, o seu uso é bem mais simples e, como citado anteriormente, dispensa o uso de plugins no navegador. Além disso, o conteúdo é exibido de forma bem mais rápida quando o HTML5 é utilizado, principalmente no caso dos vídeos.

Para os portáteis, o HTML5 está sendo considerado uma salvação. Isso porque alguns aparelhos, como iPhones, iPads e aqueles com a última versão do Android, não possuem suporte ao Flash. Além de abrir um mercado novo para a nova tecnologia, essa falta de apoio dos dispositivos móveis à Adobe limita muito a reprodução de alguns conteúdos nas páginas, fazendo com que muitos desenvolvedores recorram ao HTML5.

Mas se você está pensando que o Flash está com os dias contados, é melhor esperar mais um pouco para tirar suas conclusões.

Engatinhando

Mesmo oferecendo diversas vantagens, o HTML5 possui muitas limitações. Para começar, não são todos os navegadores que suportam a quinta forma do HTML. Apenas Internet Explorer, Chrome e Safari reproduzem corretamente sites desenvolvidos utilizando a tecnologia mais recente.

(Fonte da imagem: W3C)

Além disso, o HTML5 não suporta streaming de vídeos, webcam e reprodução de conteúdo audiovisual em tela cheia. Um problemão para portais que dependem de tais funcionalidades para tornar a exibição de alguns itens mais interessante.

Ao que tudo indica, Flash e HTML5 terão que conviver lado a lados por algum tempo. Mas não há dúvida de que a Adobe precisa melhorar, e muito, a sua tecnologia para não perder colocação quando os novos recursos da linguagem de programação web começarem a ganhar seu espaço e a conquistar mais seguidores.

Quer saber um pouco mais a respeito do HTML5? Então não deixe de acessar o artigo “O que é HTML5?”. Abaixo, você confere uma lista com alguns sites que utilizam os recursos oferecidos pela nova tecnologia.

• YouTube;
• Home do browser Safari;
• CanvasPaint;
• Multiuser Sketchpad;
• Google Sphere.

Não deixe de ler o artigo “14 experimentos com HTML 5 de cair o queixo” para visualizar mais algumas características do HTML5.

The post Qual a diferença entre sites em Flash e em HTML5? appeared first on Blog Goweb Agency.