Embuta legendas em vídeos facilmente com nosso novo Robot
Se você criou um produto, é bem provável que queira que as pessoas o conheçam e comecem a usá-lo. E se você vende algo para consumidores, veicular anúncios em vídeo em sites é uma forma muito eficaz de fazer isso.
Na hora de criar anúncios em vídeo (e isso, claro, vale de forma geral), os menores detalhes muitas vezes fazem a maior diferença. Até algo aparentemente sem importância, como adicionar legendas ao seu vídeo, pode ser a linha tênue entre um anúncio de sucesso e um fracasso.
Com o tempo, ficou comprovado que vídeos publicitários com legendas têm taxas de engajamento mais altas do que os vídeos sem legendas. Como os navegadores costumam iniciar os vídeos sem som, as legendas são uma ótima forma de capturar a atenção do público e transmitir a sua mensagem.
Existem duas formas de legendar um vídeo: com legendas ocultas (closed captions) ou com legendas abertas (open captions). “Ocultas” indica que as legendas não ficam visíveis até que o espectador as ative. Já as legendas abertas, também chamadas de “queimadas”, “embutidas” ou “fixas”, ficam visíveis para todos os espectadores o tempo todo e não podem ser desativadas. As legendas são formadas pelos próprios pixels do vídeo.
Embora as legendas ocultas tenham muitas vantagens (o espectador pode escolher o idioma adequado ou optar por não exibi-las), também existem casos de uso interessantes para legendas abertas. Um caso em particular no qual eu gostaria de focar aqui é a veiculação de anúncios em um cenário em que nem sempre dá para contar com a compatibilidade do player, mas você ainda quer garantir que a sua mensagem chegue ao público.
Embutir legendas manualmente em um vídeo pode ser uma enorme dor de cabeça, principalmente se você tem um grande acervo de vídeos para legendar. Felizmente, a equipe da Transloadit está aqui para ajudar! Temos o orgulho de apresentar o nosso novíssimo e reluzente Robot /video/subtitle.
O nosso Robot /video/subtitle pode ser usado em conjunto com outros Robots para criar fluxos de trabalho poderosos e exclusivos para o seu caso de uso.
Embutindo legendas em vídeos
Se você quer embutir legendas em um vídeo, o primeiro passo é fornecer tanto o vídeo quanto o arquivo de legenda ao nosso Robot. Embora existam inúmeras formas de fazer isso, vou demonstrar estas duas:
- Usando o Robot /http/import
- Usando o Robot /upload/handle
Usando o Robot /http/import
Vamos ver como embutir legendas em um vídeo de exemplo usando o Robot /http/import.
Para começar, precisamos de um vídeo e de um arquivo de legenda. Se você ainda não tem um arquivo de
legenda, crie um arquivo chamado subtitle.srt e adicione:
1
00:00:00,000 --> 00:00:22,000
Hi! : )
These subtitles were 'burned' into this video,
by supplying an SRT and an MP4 file to our /video/subtitle Robot.
Kind regards from Transloadit! : )
No bloco de código acima, criamos legendas que serão exibidas entre o início do vídeo e a marca de 22 segundos. Em seguida, vamos disponibilizar o arquivo em uma URL pública, para que o nosso Robot /http/import possa importá-lo.
Agora podemos criar as nossas Assembly Instructions, fornecendo tanto o vídeo quanto o arquivo de legenda a ser embutido. Confira as Assembly Instructions abaixo:
{
"steps": {
"mp4_imported": {
"robot": "/http/import",
"url": "https://transloadit.com/assets/video/blog/2018-11-09-intro-to-the-subtitle-bot-no-sub.mp4"
},
"srt_imported": {
"robot": "/http/import",
"url": "https://YOUR_DOMAIN/subtitle.srt"
},
"subtitled": {
"robot": "/video/subtitle",
"preset": "ipad-high",
"use": {
"steps": [
{ "name": "mp4_imported", "as": "video" },
{ "name": "srt_imported", "as": "subtitles" }
]
}
},
"exported": {
"use": ["subtitled"],
"robot": "/s3/store",
"credentials": "s3_cred"
}
}
}
Substitua https://YOUR_DOMAIN/subtitle.srt pela URL pública em que você hospedou o seu arquivo de legenda.
No bloco de código acima, usamos o Robot /http/import
para importar dois arquivos diferentes e, depois, declaramos um Step subtitled, no
qual especificamos qual dos arquivos importados é o vídeo e qual é o arquivo de legenda, ou seja, no
Robot /video/subtitle, por meio do parâmetro use. Em seguida,
exportamos os resultados para o nosso bucket S3. O s3_cred se refere à
Credencial de Template que armazenei com segurança anteriormente, e ela contém
tanto o nome do bucket quanto as chaves de acesso.
Usando o Robot /upload/handle
Como alternativa, poderíamos usar o Robot /upload/handle
para enviar o vídeo ou o arquivo de legenda à Transloadit. Não definimos vários pontos de upload,
porque o Robot /upload/handle consegue lidar com
vários uploads em uma única instância. Os arquivos vêm de campos diferentes em um upload multipart.
Por isso, no nosso Step subtitled, precisamos definir quais campos contêm o
nosso vídeo e o nosso arquivo de legenda.
Aqui, as nossas Assembly Instructions devem ficar assim:
{
"steps": {
":original": {
"robot": "/upload/handle"
},
"subtitled": {
"robot": "/video/subtitle",
"preset": "ipad-high",
"use": {
"steps": [
{ "name": ":original", "fields": "video", "as": "video" },
{ "name": ":original", "fields": "subtitle", "as": "subtitles" }
]
}
},
"exported": {
"use": ["subtitled"],
"robot": "/s3/store",
"credentials": "s3_cred"
}
}
}
A propriedade
fieldsdentro deuseseleciona campos de entrada pelo atributoname. Então, para que isso funcione, precisaríamos adicionar um<input type="file" name="subtitle" />ao nosso formulário (e outro comname="video"). No SDK de Node.js, passe arquivos nomeados paracreateAssemblyusandofiles: { video: './file.mp4', subtitle: './subtitle.srt' }junto com o seuparams.
Visualizando os resultados
Veja como era o nosso vídeo antes de embutirmos as legendas:
E aqui está ele depois de embutirmos as legendas:
Conclusão
Como espero ter mostrado nesta introdução, embutir legendas em arquivos de vídeo não precisa ser nada difícil nem demorado quando você usa o nosso Robot /video/subtitle. Com a Transloadit, você nunca precisa se preocupar em lidar com o FFmpeg, escalar uma frota de máquinas ou integrar tudo isso a outros Jobs de processamento de mídia. Passamos os últimos nove anos aperfeiçoando essa parte, para que você possa se concentrar no seu negócio.
Boas legendas! 🔥 E se você tiver dúvidas, comentários ou preocupações, fale com a gente!