Como colocar uma webcam no meu site

Escrito por y.t. lin | Traduzido por erica priscila de souza
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como colocar uma webcam no meu site
Faça sua transmissão colocando uma webcam no seu site (Webcam image by Oscar from Fotolia.com)

Queira você 15 minutos ou 15 dias de fama, imagine transmitir um programa que você esteja criando para o mundo. Tudo isso, sendo seu próprio diretor e possivelmente ensinando o que sabe aos seus usuários. Colocar uma webcam em seu site é uma ótima maneira de conseguir seguidores, o que ajuda a aumentar a sua popularidade na Internet. Há duas maneiras de transmitir o vídeo da sua webcam online: usar um serviço externo ou colocar o script manualmente, se você souber HTML. Ao seguir estes passos certifique-se que a webcam já esteja conectada ao seu computador.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

O que você precisa?

  • Conta do UStream
  • Software Windows Media Encoder

Lista completaMinimizar

Instruções

    Usando um provedor de streaming externo

  1. 1

    Cadastre-se no site do UStream (veja o terceiro link na seção Recursos). O UStream é um serviço de streaming de webcam gratuito e amplamente utilizado.

  2. 2

    Entre em sua conta do UStream. Clique em "Meus canais" e escolha "Criar novo canal padrão".

  3. 3

    Selecione as opções referentes ao seu projeto na próxima tela e clique em "Criar canal"

  4. 4

    Selecione "Meus canais", crie um novo título para o canal e salve-o na lista.

  5. 5

    Copie, cole e salve o script fornecido na sua página web ou em uma página de blog onde você quer que a transmissão da webcam apareça. O script deve ser colocado entre as tags <body> e </body>.

  6. 6

    Escolha o canal que você acaba de criar na lista "Meus canais" e ligue a sua webcam.

  7. 7

    Pressione o botão "Permitir", quando for solicitado para conectar sua webcam.

  8. 8

    Escolha "Iniciar broadcast" para iniciar o streaming ao vivo da webcam que será exibido em seu site ou blog no local onde o script foi colocado.

    Transmissão para usuários avançados em HTML

  1. 1

    Baixe a última versão do Windows Media Player no site oficial da Microsoft (veja o último link na seção Recursos).

  2. 2

    Siga o assistente de instalação para configurar e executar o Windows Media Encoder em seu computador.

  3. 3

    Abra a página HTML do seu site em um editor de texto como o bloco de notas.

  4. 4

    Insira o seguinte script HTML em sua página web com o editor de textos onde você deseja que a transmissão da webcam apareça:

    <!--- BEGIN PLAYER ---> <!-- webbot bot="HTMLMarkup" startspan ----> <object ID="MediaPlayer" Width="400" Height="320" CLASSID="CLSID:27P9f0042-J0M1-33U7-06SS-1571H50DDMW81" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"> <param name="autoStart" value="True"> <param name="filename" value="http://www.(seu nome de domínio aqui)"> <param NAME="ShowControls" VALUE="False"> <param NAME="ShowStatusBar" VALUE="False"> <embed TYPE="application/x-mplayer2" SRC="(digite aqui seu nome de domínio): (digite aqui o número da porta)" NAME="MediaPlayer" Width="(insira um valor)" Height="(insira um valor)" autostart="1" showcontrols="0"> </embed> </object> <!-- webbot bot="HTMLMarkup" endspan ----> <!--- end PLAYER --->

  5. 5

    Escolha as dimensões de exibição da sua sessão do Windows Media Encoder na segunda tag do script, onde diz "Width" e "Height". Os valores devem ser combinados para que a sua transmissão de imagens não fique distorcida na tela dos usuários.

  6. 6

    Adicione o ID de classe, que é o nome da pasta da webcam em seu disco rígido no script do passo 2, onde diz "CLSID:."

  7. 7

    Digite o nome do seu domínio (onde diz "digite aqui seu nome de domínio" no script do passo 2), que deve coincidir com o nome registrado em sua empresa de hospedagem.

  8. 8

    Digite o número da porta (onde diz "digite aqui o numero da porta", no passo 2 do script), se você possuir alguma, ela é definida pela empresa de hospedagem.

  9. 9

    Salve as alterações feitas em sua página HTML antes de fechar a página do editor de texto. O script na página irá detectar se existe uma webcam conectada ao seu computador.

  10. 10

    Teste a página da web em um navegador onde a transmissão da webcam será exibida.

  11. 11

    Ligue a sua webcam e escolha a opção "Vídeo". Pressione "Reproduzir".

    Imagem estática para usuários avançados de HTML

  1. 1

    Baixe e instale o software Windows Media Encoder, seguindo as telas de instruções (veja o último link na seção Recursos).

  2. 2

    Coloque as seguintes tags HTML na página da web em que você deseja exibir imagens estáticas da webcam em vez das transmissões ao vivo:

    <meta http-equiv="refresh" content="45" /> <meta http-equiv="expires" content="0" />

    As tags acima devem ser colocadas entre as tags <head> e </head> do seu documento HTML. Isso garante que sua página seja recarregada automaticamente e não seja armazenada no computador do usuário. Além disso, os usuários receberão uma nova imagem estática toda vez que eles acessarem essa página ou atualizarem o navegador.

  3. 3

    Mude o valor de "content" na primeira linha após o atributo "refresh". Esse número representa em "segundos" o intervalo no qual a página deve ser atualizada para carregar a nova imagem, se o usuário não deixar a página antes do tempo se acabar.

  4. 4

    Escreva sua tag de imagem entre as tags <body> e </body> do documento HTML; da mesma forma que você faria com outras imagens. Por exemplo: <img src="webcamphotos106.jpg" width="250" height="250" border="1" alt="minha webcam 106" />.

  5. 5

    Coloque o tamanho exato da imagem nas tags de imagem, depois verifique o tamanho da imagem que sua webcam captura. Nunca altere o tamanho usando o código HTML, pois a imagem ficará granulada na tela.

  6. 6

    Salve o documento HTML e teste-o em seu navegador com a webcam ligada.

Dicas & Advertências

  • Verifique se a internet que você possui tem velocidade suficiente de upload para transmitir imagens estáticas da webcam.
  • O Windows Media Encoder utiliza muitos recursos. Verifique se você tem memória RAM suficiente para executar o software e a transmissão da webcam.
  • Transmissão ao vivo é útil se você possuir um site de tutoriais, especialmente onde mostrar a prática é importante, tais como jogos de estratégias ou tocar instrumentos musicais.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível