Tag Video e Audio HTML 5 com source Dropbox

[jsmoraes]

É necessário que esteja tickado o box "Mensagem está no formato HTML

Podemos utilizar a source com arquivo embutido na mensagem ou armazenado no Dropbox

Link para converter on line formato de vídeo e Áudio:

http://www.online-convert.com/

Formato de vídeo compatível com Opera, Chrome e Firefox: webm

Formato de áudio compatível com Opera, Chrome e Firefox: ogg

Se o arquivo está anexado o código seria:

<audio controls autoplay>
      <source src="http://jsmtst.2343515.n4.nabble.com/file/n39/traffic_jam_ahead.ogg" />
      <!-- Mensagem explicando que o navegador não suporta áudio ou o formato usado. -->
      <p>Seu navegador não suporta áudio HTML5.</p>
</audio>

<video controls  autoplay width="426" height="240">
      <source src="http://jsmtst.2343515.n4.nabble.com/file/n40/MANU16.webm">
      <!-- Mensagem explicando que o navegador não suporta vídeo no formato usado. -->
      <p>Seu navegador não suporta video HTML5 no formato webm.</p>
</video>

controls - irá mostrar o controle para execução da mídia. Se não incluído mas tiver declaração de autoplay, a mídia será executada ao abrir-se a página.

autoplay - auto-executa a mídia. Pode ser omitido.

Para áudio também podemos utilizar o formato wav.

O código abaixo pode ser utilizado para que também o internet explorer Microsoft apresente o vídeo, já que ele não aceita webm

<video controls autoplay width="426" height="240">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
</video>

Quando temos o arquivo armazenado no Dropbox é obrigatório alterar o parâmetro dl=0 para dl=1 do link fornecido pelo Dropbox

O código seria:

<video controls  width="426" height="240">
      <source src="https://www.dropbox.com/s/rx4vazzh4sqkglx/videotst.webm?dl=1" >
      <!-- Mensagem explicando que o navegador não suporta video no formato usado. -->
      <p>Seu navegador não suporta video HTML5 no formato webm.</p>
</video>

<audio controls >
      <source src="https://www.dropbox.com/s/6a133b162ln74i9/OA-bemvindo.ogg?dl=1" />
      <!-- Mensagem explicando que o navegador não suporta áudio ou o formato usado. -->
      <p>Seu navegador não suporta áudio HTML5 ou no formato usado.</p>
</audio>

Exemplo do uso do código para Dropbox

Nova Edição

Para que a mensagem não precise estar com o checkbox tickado de mensagem está no formato HTML, podemos embutir os códigos no tag embed da Nabble

<nabble_embed><video controls  width="426" height="240">
      <source src="https://www.dropbox.com/s/rx4vazzh4sqkglx/videotst.webm?dl=1" >
</video></nabble_embed>

<nabble_embed><audio controls >
      <source src="https://www.dropbox.com/s/6a133b162ln74i9/OA-bemvindo.ogg?dl=1" />
</audio></nabble_embed>

[jsmoraes]

Comandos simples para conversão, extração e montagem de vídeo e áudio

Conversão de formato de vídeo: ffmpeg -i input.mp4 output.avi

Conversão de formato de áudio: ffmpeg -i input.wav output.ogg

Extrair áudio de vídeo: ffmpeg -i foo.avi foo.wav

Converter video eliminando o audio: ffmpeg -i foo.avi -an foo.webm

Criar vídeo apartir de várias imagens: ffmpeg -framerate 12 -i foo-%03d.jpeg foo.avi

Extrair frames de vídeo: ffmpeg -i foo.avi foo-%03d.jpeg

Sintax %03d : specifies to use a decimal number composed of three digits

Comandos mais elaborados

Descrição de cada parâmetro:
• -acodec: define o codec de áudio utilizado.
• -ac: define a quantidade de canais de áudio.
• -b:a: define o bitrate de áudio.
• -ar: define a frequência do sampling.
• -b:v: define o bitrate do vídeo.
• -s: define as dimensões do vídeo.
• -s wxh (size width x height - se não utilizado terá as dimensões do video original)
• -r 1 (frame rate - extrairá 1 único frame por 1 segundo de vídeo - se omitido traz todos os frames)
• -f image2 (força o formato - normalmente a terminação é autoreconhecida tanto para imput como output)
• -frames 5 (limita a extração em 5 frames)
• -an (silencia (mute) o áudio do vídeo)

Conversão para webm com alteração de parâmetros da trilha sonora:
ffmpeg -i video.mov -acodec libvorbis -ac 2 -b:a 128k -ar 44100 -b:v 345k -s 426x240 video.webm

Mov para Mp4 sem re-encodar o vídeo (mais rápido):
ffmpeg -i video.mov -acodec copy -vcodec copy video.mp4

Redimensionando o vídeo:
ffmpeg -i video.mov -acodec copy -ac 2 -b:a 128k -ar 44100 -b:v 345k -s 426x240 video.mp4

Criar vídeo a partir de várias imagens:
ffmpeg -f image2 -framerate 12 -i foo-%03d.jpeg -s WxH foo.avi

Extrair imagens de vídeo:
ffmpeg -i foo.avi -r 1 -s WxH -f image2 foo-%03d.jpeg