A captura de áudio/vídeo tem sido o "Santo Graal" do desenvolvimento web há muito tempo. Por muitos anos, temos usado plug-ins de navegadores (Flash ou Silverlight) para fazer isto.. Mas tudo mudou e se atualiza com o passar do tempo, vamos lá !
Histórico de getUserMedia()
Se você não conhece a história, vale dizer que o modo como chegamos à
API getUserMedia() é um conto interessante.
Nos últimos anos, foram desenvolvidas diversas variações de "APIs de
captura de mídia". Muitos colegas reconheceram a necessidade de
conseguir acessar dispositivos nativos na web, mas isso levou ao
desenvolvimento de uma nova especificação. As coisas ficaram tão
confusas que o W3C finalmente decidiu formar um grupo de trabalho. O
objetivo? Arrumar a bagunça. O grupo de trabalho DAP (política de APIs
de dispositivo) tinha a tarefa de consolidar e padronizar a variedade
de propostas.
Exemplo: Captura de Mídia HTML
A captura de mídia HTML foi a primeira tentativa do DAP de padronizar
a captura de mídia na web. Ela funciona sobrepondo <input type="file">
e adicionando novos valores para o parâmetro accept.
Os usuários possam fazer uma captura de tela por conta própria com a
webcam usando capture=camera:
<input type="file" accept="image/*;capture=camera">
A gravação de um vídeo ou áudio é semelhante:
<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">
Muito bom, não é? Particularmente, gosto da reutilização de uma
entrada de arquivo. Semanticamente, isso faz muito sentido. O ponto
fraco dessa "API" específica está em sua capacidade de criar efeitos
em tempo real (por exemplo, processar dados ao vivo da webcam em um
e aplicar filtros WebGL). A captura de mídia HTML só permite
gravar um arquivo de mídia ou fazer uma captura de tela por vez.
Suporte:
Navegador Android 3.0 - uma das primeiras implementações. Confira este
vídeo para vê-lo em ação. Google Chrome para Android (0.16) Minha
recomendação é não utilizá-lo, a não ser que você esteja trabalhando
com um dos navegadores para celular acima. Os fornecedores estão
migrando para getUserMedia(). É muito improvável que mais alguém
implemente a captura de mídia HTML em longo prazo.
Para entrar mais afundo, acesse os hiperlinks que foi passado!