Transmissão de Vídeo ao Vivo

Transcrição

Transmissão de Vídeo ao Vivo
PROCEDIMENTOS PARA TRANSMISSÃO DE VÍDEO AO VIVO E
GRAVADO VIA WEBTV A PARTIR DE UM COMPUTADOR
Este é um manual (v 2.0) simplificado do uso das tecnologias necessárias para realização de
transmissão ao vivo de Webtv. Trata-se de um documento que não apresenta os por menores
de todos os processos porque visa ser um manual de rápido uso. Caso precise de maiores
detalhes sobre o uso dos sistemas aqui mencionados, por favor, entre em contato com o nosso
suporte, com o qual sempre poderá contar. Abaixo você tem um índice de conteúdo para
rapidamente acessar os passos mostrados.
Transmissão de Vídeo ao Vivo
Considerações Quanto à Transmissão de Streaming
Passo 1 - Baixando o encoder
Passo 2 - Usando o Encoder
Passo 3 - Iniciando a transmissão
Passo 4 - Inserindo o código para publicação do vídeo
Passo 5 - Conferindo a transmissão
Passo 6 - Encerrando a transmissão
Passos Avançados
Passo 7 - Acessando o painel de controle
Passo 8 - Monitoramento e controle da transmissão
Passo 9 - Obtendo o código de embutir
Passo 10 - Preview e código
Passo 11 - Estatísticas
Transmitindo a Tela do Computador
Transmissão ao Vivo via iPhone/iPad
Passo 1 - Baixe e instale Livu
Passo 2 - Configure o Livu
Passo 3 - Inicie a transmissão usando Livu
Passo 4 - Inserindo o código para publicação do vídeo
Passo 5 - Conferindo a transmissão
Passo 6 - Altere e/ou encerre a transmissão
Transmissão ao Vivo via Celulares Android
Gravações da Transmissão ao Vivo
Transmissão de Vídeo Gravado
Passo 1 - Gerando e enviando o vídeo para o servidor
Passo 2 - Acessando o painel
Passo 3 - Obtendo o código de embutir
Passo 4 - Preview e código
Passo 5 - Estatísticas
Passo 6 - Ativando/desativando o(s) vídeo(s) para transmissão
Usando Players
Transmissão de Vídeo ao Vivo
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
1
Os passos para a transmissão de vídeo ao vivo via WebTV se resumem nos seguintes passos
aqui apresentados. Tanto na transmissão de vídeo através de computador quanto através de
iPhone/iPad, nós sugerimos programas de codificação de vídeo, chamados encoders. Sobre
isso, temos duas importantes observações:
1. Não prestamos suporte a qualquer software instalado localmente. Apenas passamos
instruções básicas aqui. O cliente deve ter conhecimento suficiente, ou contar com
pessoal capacitado para instalar e configurar os softwares locais sem nosso suporte.
2. Os softwares que sugerimos não necessariamente são os únicos que podem ser
usados. Porém, deixamos totalmente à critério do cliente a escolha das tecnologias que
serão utilizadas localmente. Pois não nos responsabilizamos pelo desempenho de tais
softwares.
Considerações quanto à transmissão de streaming
1) O streaming de vídeo Ao Vivo será melhor transmitido se o emissor estiver utilizando
conexão de banda larga com a internet, hoje em dia, para este serviço é recomendável o link
mínimo de 2MBbps não compartilhado ou de 5-10Mbps compartilhado mas sem utilização
simultânea de downloads/uploads de arquivos enquanto o streaming está sendo realizado;
2) Muitos clientes utilizam notebooks/laptops e até netbooks para participarem como
espectadores ou como fontes emissoras do sinal de streaming e para tal utilizam-se de
conexões wireless com roteadores de suas instituições ou de sua residência. Em particular,
para aquele que realiza a emissão do sinal é recomendável utilizar um cabo de rede conectado
à rede física pois diminue a influência de sinais de outras fontes de rádio/redes wireless
prncipalmente em regiões onde hajam muitas antenas de transmissão como rádios AM/FM e
provedores de acesso wireless à internet;
3) A transmissão do evento deve ser realizada em um ambiente com menor influencia
de ruídos quanto for possível (inclua-se também ruídos criados pelo condicionador de
ar "soprando" próximo ao microfone); Em caso de ambientes externos, considere avaliação
prévia (como um roteiro) do que irá transmitir Ao vivo ou mesmo vídeo gravado sob demanda.
4) Reprogramar/reagendar eventos como "verificação automática a procura de vírus no
computador" por software de antivírus o que consome processador e memória RAM do
computador do emissor do sinal de streaming ou mesmo a realização de downloads/uploads
enquanto participa da transmissão, influenciando indiretamente e principalmente para o
emissor do sinal de streaming.
5) É bastante útil considerar utilizar de equipamentos adequados à transmissão de streaming
Ao Vivo, pois como trata-se de um processo que quanto melhor for o equipamento e as
condições de transmissão do sinal melhor será a qualidade de apresentação do vídeo vale
à pena investir em equipamentos de qualidade. A seguir existe uma tabela com algumas
especificações referenciais que podem ajudar no processo decisório de aquisição.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
2
TABELA de ESPECIFICAÇÕES de ALGUMAS WEBCAMERAS no MERCADO
Fabricantes
Logitech
Microsoft
C270
HD3000
HD 720 pixels
HD 720 pixels
VGA
VGA
Microfone antiruído
Sim
Sim
Não
Não
Correção
automática de
luz
Sim
Sim
Sim
Sim
Tipo de foco
Automático
Automático
Fixo
Manual
Tipo de produto
Sofisticado
Sofisticado
Básico
Básico
CARACTERÍSTICAS
Qualidade de
vídeo
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
New Link
Webcam Easy
Genérico
Web camera
3
Passo 1 - Baixando o encoder
Acesse o endereço: http://www.adobe.com/products/flash-media-encoder.edu.html e clique no
botão abaixo indicado para fazer o download do programa Flash Media Live Encoder. Assim
que baixar o programa, instale-o em seu computador. O Flash Media Live Encoder pode ser
instalado em Windows e Macintosh. Para sistema Linux, favor nos consultar.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
4
Passo 2 - Usando o Encoder
Execute o programa Flash Media Live Encoder, que se mostrará como apresentado abaixo.
Todas as configurações devem estar de acordo com o que é apresentado abaixo, com exceção
das variáveis indicadas pelas setas abaixo.
(Os rostos sorridentes acima simbolizam o que a webcam ou câmera está transmitindo.)
As variáveis abaixo são dados únicos, fornecidos para cada um dos nossos clientes. Caso
ainda não tenha recebido seus dados personalizados, solicite através do nosso helpdesk:
● FMS (URL)
● Stream
● Save to File somente se quiser gravar a transmissao no computador local
Portanto, desconsidere os dados que envolvem informação com xyz acima.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
5
Uma vez configurado o encoder como indicado acima, clique no botão Connect, indicado
abaixo no retângulo vermelho. Ao fazer isso, aparecerá a janela pop-up indicada no centro da
imagem abaixo. Nesta janela você deve inserir Username e Password também fornecidos por
nós, clicando OK em seguida.
Quando clicar OK, você acessará o servidor de webtv, e estará a um passo de iniciar a
transmissão de vídeo.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
6
Passo 3 - Iniciando a transmissão
Note que, ao acessar o servidor de webtv, o botão indicado pela seta vermelha abaixo
passa a se chamar Disconnect. Ou seja, é clicando nele que você poderá desconectar-se do
servidor. Mas agora o importante é você iniciar a transmissão. Para isso, clique no botão Start,
destacado pelo retângulo vermelho abaixo.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
7
Passo 4 - Inserindo o código para publicação do vídeo
Insira o código abaixo em uma página HTML na qual deseja publicar seu vídeo, que já está
sendo transmitido. Você poderá alterar os valores destacados por cor abaixo: tamanho da
janela do vídeo (vermelho) e os códigos a serem fornecidos para sua transmissão (roxo).
<object>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback_101.swf"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="400" height="240"
flashvars="src=http://campa.tv:1935/xyz/xyz/manifest.f4m">
</embed>
</object>
Passo 5 - Conferindo a transmissão
Acesse a página e constate o que está sendo transmitido, como indicado abaixo.
(A barra de controle acima se recolhe automaticamente, deixando o vídeo sem obstrução alguma.)
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
8
Passo 6 - Encerrando a transmissão
Quando você quiser encerrar a transmissão, basta clicar no botão Stop, como destacado pelo
retângulo verde abaixo. Feito isso a transmissão cessa imediatamente.
Não esqueça de desconectar a transmissão do servidor, clicando no botão destacado abaixo.
Não se preocupe pelo fato de sua imagem continuar aparecendo no programa, não é este fato
que determina que a imagem está sendo ou não transmitida.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
9
Dica: O uso avançado de encoders/hardware permite o uso simultâneo de várias câmeras para
transmissão de diferentes vídeos alternadamente controlados através do software.
Passos Avançados
Note que até agora não foi exigido nada da parte do emissor senão o uso do encoder. Agora
vamos adicionar passos ao processo de modo a sofisticar o uso da transmissão ao vivo de
vídeo. Isso envolve o acesso e uso de um painel de controle, bem simples mas bastante útil
para o gerenciamento do processo de difusão do vídeo.
Passo 7 - Acessando o painel de controle
Ao acessar o endereço www.campa.tv/xyz/admin, onde xyz é o código peculiar a cada cliente,
você terá acesso ao seu painel de controle, como indicado abaixo. Resta clicar no link Admin,
como mostrado abaixo.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
10
Passo 8 - Monitoramento e controle da transmissão
Como pode ser visto abaixo, você tem como monitorar as variáveis de transmissão como os
recursos que estão disponíveis para você (seta laranja), os tipos de transmissão que pode
fazer (seta azul) e quem está assistindo o seu vídeo naquele momento (seta vermelha).
Na área indicada pela seta vermelha acima, você pode expulsar alguém da audiência clicando
no link Kick correspondente. Isso além de poder verificar a quanto tempo cada usuário está
conectado ao seu vídeo (em segundos), o tipo de conexão que está usando (RTMP para web,
HLS para iPhone, por exemplo) e a taxa de transmissão (bitrate).
Ao clicar no botão Generate Players, na área indicada pela seta azul, poderá obter o código
necessário para inserir em páginas HTML onde deseja que o vídeo seja exposto. Como
explicado em seguida.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
11
Passo 9 - Obtendo o código de embutir
Ao clicar no botão Generate Players, indicado no passo anterior, você acessa uma janela com
a interface abaixo. Nela você obtém os links para inserir em página HTML para exibir o vídeo
em iPhones e iPads (vide HLS), computadores quaisquer (vide FlashHTTP) e em conteúdo
Flash. O mais comum é obter o código para computadores em geral, indicado pela seta abaixo.
Passo 10 - Preview e código
Ao clicar no link indicado pela seta acima você acessará esta página abaixo, onde poderá
ver o vídeo que está sendo transmitido, bem como obter o código de embutimento. O mesmo
mostrado no passo 4.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
12
Passo 11 - Estatísticas
Ao clicar no botão Application Statistics, localizado na área indicado pela seta laranda mostrada
no passo 7, você terá acesso a estatísticas básicas de acesso, como mostrado abaixo.
Assim, você saberá como seu vídeo está sendo assistido, com uso de qual tecnologia, em que
período de tempo, com quantas conexões simultâneas, etc. Note que os períodos de tempo
disponíveis são bem amplos. Isso se deve ao fato de que o mesmo gráfico pode ser usado
para vídeo gravado, que pode passar meses sendo publicado via webtv. No caso de vídeo ao
vivo, as faixas de tempo até 1h e 4h são as que fazem sentido de uso.
IMPORTANTE: Na contratação do serviço você deve especificar se quer o vídeo ao vivo
transmitido seja gravado ou não. Se for gravado, você deve constantemente baixar o arquivo
resultante da gravação para que não lote a sua área de armazenamento e impeça futuras
transmissões.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
13
Transmitindo a Tela do Computador
A webtv, a princípio, transmite o que é captado pela câmera ou webcam. Porém, é possível
fazer uso de programas instalados no computador a partir do qual é feita a transmissão, de
modo que seja possível, além da imagem captada pela webcam, também poder ser transmitida
o conteúdo da tela do computador, ou parte dela. Alguns exemplos destes programas são:
ManyCam (Win/Mac), WebcamMax (Win) e WebcamStudio (Linux).
Abaixo vemos a figura de do programa ManyCam fazendo a captura em vídeo de uma área da
tela (no retângulo vermelho) e gerando vídeo que pode ser usado como fonte de transmissão.
Note que para trabalhar confortavelmente, você precisa de ter disponível um grande monitor,
em alta resolução, de modo a permitir abrir diferentes programas na mesma tela.
Uma vez que você transmite parte da tela como se fosse o vídeo de uma webcam, no
encoder, podemos escolher aquela fonte específica para transmissão. Veja abaixo como fica a
transmissão da área da tela acima, que no caso transmite a janela do Skype, e note que a fonte
de transmissão não é a webcam, mas sim o que é transmitido pelo ManyCam.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
14
Desta forma, é possível transmitir uma apresentação em PowerPoint, uma manipulação de
planilha de cálculo, uma tratamento de imagem no Photoshop, enfim, qualquer procedimento
de uso de um programa instalado no seu computador. Como pode se notar no exemplo dado,
onde se usa o Skype, é possível transmitir um processo interativo entre pessoas totalmente
dispersas geograficamente, através do Skype, que tem sua tela capturada e retransmitida pela
webtv.
Enfim, uma vez que você consegue transmitir sua tela, ou parte dela, via WebTV, a sua
criatividade em usar tais programas que substituem a webcam passa a ser o limitador do uso
de tal recurso. Além do mais, é possível também, dependendo do software, transmitir imagem
de arquivos de fotos, captura de telas e até mesmo vídeos cujos arquivos estejam estocados
em seu computador.
É interessante afirmar que você pode, dependendo do
programa gerador de vídeo de tela (como o ManyCam), ficar
alterando entre a imagem da webcam, do que é capturado na
tela, vídeos de arquivos gravados, e ainda outros recursos
ofertados pelo programa. Veja ao lado e abaixo que temos
tanto no encoder quanto no ManyCam possibilidade de
alternar fontes de informação de vídeo.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
15
Esta solução pode ser uma boa alternativa à webconferência para realização de webinários
para grandes públicos, já que a webtv é uma ferramenta muito mais robusta e suporta um
número bem maior de visualizadores.
IMPORTANTE: A orientação sobre a existência de tais softwares é meramente à título
informativo. Não damos suporte na aquisição, instalação, configuração e uso destes
programas. Tão pouco nos responsabilizamos pelo seu correto funcionamento. Não
temos qualquer relação formal ou informal com os fornecedores dos softwares aqui
citados.
Transmissão ao Vivo via iPhone/iPad
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
16
Você pode usar um iPhone ou um iPod
para transmitir vídeo ao vivo pela internet
usando nosso serviço. Pode até transmitir via
conexão 3G*, o que permite ter a liberdade
de transmitir vídeo por onde tiver cobertura
3G de boa qualidade. A sofisticação pode
ser incrementada se você tiver um tripé
apropriado para fixar iPhone ou iPad, tal
como ocorre com câmeras fotográficas
profissionais ou câmeras de vídeo, o que
permite dar estabilidade à sua imagem.
Vejamos agora como fazer isso.
*Lembre-se que receber ou transmitir vídeo via 3G pode custar
caro, já que é um tipo de dado que consome muito tráfego de
dados.
Passo 1 - Baixe e instale Livu
Usando iPhone ou iPad, acesse o iTunes, busque, adquira, baixe e instale o app Livu, como
ilustrado abaixo.
Nota: O Livu não é um software gratuito. Quando preparamos este tutorial, o mesmo custava cerca de US$ 3.00.
Quando instalar o Livu, o mesmo ocupará a área de apps do iPhone ou iPad (ilustrado abaixo).
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
17
Passo 2 - Configure o Livu
Ao executar o Livu, a interface mostrada abaixo aparece. Você deve configurar o app tal como
está indicado abaixo, com exceção dos dados em destaque de vermelho, já que os dados
destacados deverão ser informados para você. Ao final, clique em SAVE.
Passo 3 - Inicie a transmissão usando Livu
Ao clicar em SAVE (passo anterior), passará a ver a imagem a ser transmitida, como indicado
abaixo. O destaque vermelho mostra o dado sobre o bit rate então utilizado. O destaque verde
corresponde ao botão a ser clicado para iniciar a transmissão. Clique neste botão (ícone de
uma antena).
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
18
Ao iniciar a transmissão, o ícone da antena fica amarelo, como mostrado abaixo, e o ícone ao
lado (roda dentada) fica desabilitado. É este ícone que dá acesso às configurações mostradas
no passo 2. Além disso, surgem dois novos botões (ícones de lâmpada e câmera).
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
19
Passo 4 - Inserindo o código para publicação do vídeo
Da mesma forma que foi apresentada para transmissão usando um encoder de computador,
iInsira o código abaixo em uma página HTML na qual deseja publicar seu vídeo, que já está
sendo transmitido. Você poderá alterar os valores destacados por cor abaixo: tamanho da
janela do vídeo (vermelho) e os códigos a serem fornecidos para sua transmissão (roxo).
<object>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback_101.swf"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="400" height="240"
flashvars="src=http://campa.tv:1935/xyz/xyz/manifest.f4m">
</embed>
</object>
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
20
Passo 5 - Conferindo a transmissão
Acesse a página e constate o que está sendo transmitido, como indicado abaixo.
(A barra de controle acima se recolhe automaticamente, deixando o vídeo sem obstrução alguma.)
Passo 6 - Altere e/ou encerre a transmissão
O ícone da lâmpada (terceiro da esquerda para a direita) serve para ativar ajuste automático
de contraste/foco. Enquanto o quarto ícone, da câmera, apenas comuta a fonte de vídeo para a
câmera frontal do iPhone ou iPad (não demonstrado aqui).
Para parar a transmissão, basta clicar no primeiro ícone acima, da antena amarela. Isso
cessará a transmissão do vídeo imediatamente. A interface passa a ser mostrada abaixo,
com o ícone da roda dentada ativado, de modo que ao ser clicado leva você até a página de
configuração mostrada no passo 2. Para encerrar completamente o processo, feche o app Livu.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
21
IMPORTANTE: Sempre faça testes antes de uma transmissão ao vivo. Embora quando você
faz um teste, as configurações não mudam e você pode, em tese, contar que o serviço sempre
estará pronto para ser executado, sempre é prudente testar com antecedência o suficiente para
corrigir algum problema caso necessário. Sempre contando com nosso suporte.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
22
Transmissão Ao Vivo via celulares Android
Do mesmo modo em que utilizamos um celular da Apple (iOS®), podemos utilizar um celular
com o sistema operacional Android (versão 4.0.1 ou superior) e utilizar programas que
possibilitam a captação e envio dos sinais de vídeo e áudio via Wi-Fi ou conexão 3G de
boa qualidade (entenda-se velocidade igual ou superior a 1MBps) para o nosso servidor de
streaming.
Passo 1 - Baixe e instale o OS Broadcaster®
No seu aparelho celular acesse a Play Store da Google® e faça uma procura e instale o
aplicativo “OS Broadcaster” ( a versão atual é a 1.1.0).
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
23
Passo 2 - Configure o OS Broadcaster®
Ao executar o OS Broadcaster, a interface mostrada abaixo aparece. Você deve configurar o
aplicativo tal como está indicado abaixo, com exceção dos dados “xyz”, já que estes deverão
ser informados para você pela nossa equipe. Ao final, clique em APPLY.
Passo 3 - Inicie a transmissão usando OS Broadcaster
Ao clicar em APPLY (passo anterior), passará a ver a imagem a ser transmitida, como indicado
abaixo. Basta clicar no botão circular na cor verde e o aplicativo irá conectar-se e realizar o
envio do sinal de ‘video e áudio automaticamente para o nosso servidor de streaming.
O passos seguintes são idênticos ao já citados para celulares iPhone e iPAD, assim
siga as instruções contidas no Passo 4 anteriormente mostrado neste documento.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
24
Gravações da Transmissão ao Vivo
Você pode gravar o que é transmitivo ao vivo a partir do computador, do iPhone/iPad ou de
um celular Android 4.0.x. Antes de mais nada é importante que você contrate o serviço de
transmissão ao vivo Quando você contrata a transmissão de vídeos ao vivo com gravação,
implica em cada sessão de transmissão ter arquivos de vídeo gerados a partir do que foi
transmitido ao vivo e guardados na sua área de armazenamento. Para você poder resgatar
estes vídeos para uso posterior, é necessário acessar sua área de armazenamento através de
protocolo FTP.
IMPORTANTE: Sempre que puder, esvazie sua área de armazenamento de arquivos gravados
de transmissões ao vivo, pois você tem direito a uma cota de espaço em disco. Ao chegar
nesta cota, o vídeo transmitido ao vivo não mais será gravado.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
25
Transmissão de Vídeo Gravado
O processo de transmissão de vídeo gravado é até certo ponto mais simples que o vídeo ao
vivo. A seguir você tem uma sequência de passos a serem seguidos para que você transmita
um ou mais vídeos gravados espalhados por diversas páginas na Internet. Porém, antes é
importante você entender o que é ilustrado abaixo.
Passo 1 - Gerando e enviando o vídeo para o servidor
Produza os vídeos em formato mp4, para posterior envio para sua área de armazenamento no
servidor. Para tanto, precisará de um programa cliente de FTP, como o Filezilla. Os dados de
acesso serão fornecidos por nós, e constituem de: endereço FTP, login e senha. Abaixo você
tem uma imagem da janela de configuração do Filezilla, que deve ser usada como referência
para uso do serviço de FTP. As setas indicam dados particulares a cada cliente.
Uma vez feito o acesso à área de armazenamento, você entrará logo na pasta onde deve
depositar os arquivos de vídeo. Portanto, não há complicações em achar o repositório. A figura
abaixo mostra o acesso à área feita pelo Filezilla.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
26
Uma vez feito o acesso, basta enviar o arquivo. Quando concluir o envio, acesse sua área de
controle de transmissão que ele já será citado na lista de arquivos disponíveis.
Passo 2 - Acessando o painel
O painel de controle é igual ao que já foi apresentado para transmissão ao vivo, como
mostrado abaixo.
Basta clicar em Admin para acessar os dados, com login e senha de painel por nós fornecidos.
Abaixo você vê o painel já aberto, com destaque para o arquivo jn.mp4, enviado via FTP, já
listado como vídeo para ser disponibilizado.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
27
Note que, ao selecionar o arquivo, terá acesso às mesmas informações que foram
demonstradas para a transmissão ao vivo: estatísticas, geradores de players e desconectar
usuários, como indicados abaixo.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
28
Passo 3 - Obtendo o código de embutir
Ao clicar no botão Generate Players, indicado no passo anterior, você acessa uma janela com
a interface abaixo. Nela você obtém os links para inserir em página HTML para exibir o vídeo
em iPhones e iPads (vide HLS), computadores quaisquer (vide FlashHTTP) e em conteúdo
Flash. O mais comum é obter o código para computadores em geral, indicado pela seta abaixo.
Passo 4 - Preview e código
Ao clicar no link indicado pela seta acima você acessará esta página abaixo, onde poderá
ver o vídeo que está sendo transmitido, bem como obter o código de embutimento. O mesmo
mostrado no passo 4.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
29
Passo 5 - Estatísticas
Ao clicar no botão Application Statistics, localizado na área indicado pela seta laranda mostrada
no passo 7, você terá acesso a estatísticas básicas de acesso, como mostrado abaixo.
Assim, você saberá como seu vídeo está sendo assistido, com uso de qual tecnologia, em que
período de tempo, com quantas conexões simultâneas, etc. Note que os períodos de tempo
disponíveis são bem amplos. Isso se deve ao fato de que o mesmo gráfico pode ser usado
para vídeo gravado, que pode passar meses sendo publicado via webtv. No caso de vídeo ao
vivo, as faixas de tempo até 1h e 4h são as que fazem sentido de uso. Passo 3 - Inserindo o
vídeo em uma página HTML
Passo 6 - Ativando/desativando o(s) vídeo(s) para transmissão
É importante entender que ativar ou desativar a transmissão significa colocar ou tirar o arquivo
da área de hospedagem, via FTP; ou, controlar o acesso de usuários às páginas HTML onde o
vídeo será exibido, liberando ou retirando o acesso do público ao mesmo através de sistemas
que controlam as páginas onde o vídeo é exibido.
Você pode ter diversos vídeos armazenados, e cada um deles sendo exibido em diversas
páginas diferentes, com o uso dos códigos de embutir. Em geral, você deposita um vídeo no
repositório, embute o código do mesmo em alguma página de exibição, e pronto. Aguarda o
público assistir através dos mais diversos dispositivos: smartphones, tablets e computadores,
além de acompanhar as estatísticas de acesso da audiência de cada vídeo em separado.
Usando Players
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
30
Até agora foi mostrado apenas o uso de Webtv suportado pelo encoder para transmissão e
painel de controle do servidor para monitoramento e controle da exibição do vídeo, o qual é
baseado na inserção do mesmo em páginas html.
Trata-se de um processo simples embora limitado, pois o acesso ao vídeo via computador e via
iPhone, por exemplo, deve ocorrer em páginas diferentes (ou pelo menos em áreas diferentes
da mesma página).
Temos como unificar a visualização a partir de diferentes tecnologias (MS-Windows, Mac,
iOS, Android...). Isso é possível com o uso de uma tecnologia de visualização fornecida por
terceiros: players de streaming. A tecnologia que indicamos é a fornecida pela HDWebplayer
(www.hdwebplayer.com). Com esta tecnologia, você insere o vídeo transmitido, indicado
nos passos 1 a 5 acima, em seu site para ser exibido na mesma caixa, independente se a
audiência acessará via computador, iPhone, smartphone, etc.
Isso é possível porque o HDwebplayer identifica a tecnologia de acesso (computador, iPhone,
etc.) e entrega o vídeo no formato apropriado para cada usuário. Isso facilita a publicação de
vídeos ao vivo e gravados, pois tira do autor do vídeo a preocupação sobre a tecnologia usada
para assistir o vídeo.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
31
A janela de exibição é mostrada abaixo.
A transmissão pode ser feita standalone, ou seja, via página HTML simples, sem suporte de
outras tecnologias. Mas também pode ser feita de forma integrada ao Joomla ou ao Wordpress.
Isso permite a sofisticação de exibição dos vídeos, como no caso do uso do Joomla, mostrado
abaixo. Nele, é possível apresentar mais de um vídeo em uma mesma janela. Inclusive
misturar vídeos ao vivo e gravados no mesmo grupo de vídeos relacionados.
A sofisticação O software precisa ser instalado no domínio onde será utilizado. É gratuito,
porém exibe a marca d'água do HDwebplayer. Caso você queira usar o player com sua própria
marca é possível também, basta adiquirir diretamente com o HDwebplayer a licença de uso
relacionada ao domínio desejado (US$ 99.00).
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
32
O uso do HDwebplayer integrado ao Joomla ou ao Wordpress não é tão trivial, mas você conta
com o nosso suporte para tratar das ações necessárias para o uso: instalação, configuração e
gestão. Para maiores detalhes, entre em contato conosco.
Copyright © GFarias Educação Ltda - Todos os direitos reservados.
33

Documentos relacionados