Tecnología

Cómo poner una cámara web en mi sitio

Escrito por y.t. lin | Traducido por federico giorgianni
Cómo poner una cámara web en mi sitio

Transmítete a ti mismo colocando una cámara web en tu sitio web.

Webcam image by Oscar from Fotolia.com

Ya sea para tus 15 minutos o para tus 15 días de fama, imagina transmitir tus creaciones al mundo. Todo eso mientras eres tu propio director, y posiblemente enseñando lo que sabes a tus espectadores. Poner una cámara web en tu sitio es una gran forma de conseguir seguidores que te ayuden a incrementar tu popularidad en Internet. Hay dos formas de transmitir a través de tu cámara web en línea, puedes utilizar un servicio externo o codificar manualmente una secuencia de comandos si tienes conocimientos avanzados en HTML. Seguir estos pasos requiere que tengas una cámara web conectada a tu computadora.

Otras personas están leyendo

Necesitarás

  • Una cuenta de UStream
  • Software de "Windows Media Encoder"

Lista completaMinimizar

Instrucciones

    Utilización de un proveedor de transmisión externo

  1. 1

    Únete a UStream. UStream es un servicio de transmisión por cámara web gratuito y ampliamente utilizado.

  2. 2

    Inicia sesión en tu cuenta de UStream. Haz clic en "My Shows" (mis programas) y selecciona "Create new standard show" (crear un nuevo programa estándar).

  3. 3

    Marca las opciones que prefieras en la pantalla que aparece y a continuación haz clic en "Create Show" (crear un programa).

  4. 4

    Selecciona "My Shows" (mis programas). Crea un nuevo título y guárdalo en la lista.

  5. 5

    Copia, pega y guarda la secuencia de comandos que se te proporciona en tu página web o blog donde quieras que aparezca la transmisión por cámara web. La secuencia de comandos debe estar ubicada entre las etiquetas <body> y </body> del código de tu página.

  6. 6

    Elige el nuevo programa que has creado de la lista de "My Shows" (mis programas) y enciende tu cámara web.

  7. 7

    Pulsa el botón "Allow" (Permitir) cuando se te pida vincular tu cámara web.

  8. 8

    Elige "Start broadcast" (comenzar transmisión) para empezar la transmisión por cámara web en vivo, que aparecerá en tu sitio web o blog, donde hayas colocado la secuencia de comandos.

    Transmisión para usuarios con HTML avanzado

  1. 1

    Descarga la última versión del Reproductor de Medios de Windows del sitio oficial de Microsoft.

  2. 2

    Sigue al asistente de instalación para configurar y ejecutar Windows Media Encoder en tu computadora.

  3. 3

    Abre la página HTML de tu sitio web en un editor de texto, como el Bloc de notas.

  4. 4

    Incrusta las siguientes secuencias de comandos en el editor de texto de tu página web, donde quieras que aparezca la transmisión por cámara web: <!--- 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.(tu nombre de dominio aquí)"> <param NAME="ShowControls" VALUE="False"> <param NAME="ShowStatusBar" VALUE="False"> <embed TYPE="application/x-mplayer2" SRC="(tu nombre de dominio aquí): (tu número de puerto aquí)" NAME="MediaPlayer" Width="(enter a value here)" Height="(enter a value here)" autostart="1" showcontrols="0"> </embed> </object> <!-- webbot bot="HTMLMarkup" endspan ----> <!--- end PLAYER --->

  5. 5

    Haz que coincidan las dimensiones de la visualización de tu sesión de Windows Media Encoder de la etiqueta del Paso 4, donde dice "Width" (anchura) y "Height" (altura). Estos valores deben coincidir para que las imágenes de tu transmisión no se distorsionen en las pantallas de los espectadores.

  6. 6

    Añade el "Class ID" (ID de clase), que es el nombre de la carpeta de tu cámara web que está en tu disco rígido, en la secuencia del Paso 4 donde dice "CLSID:".

  7. 7

    Escribe tu nombre de dominio (donde dice "tu nombre de dominio aquí" en la secuencia del Paso 4), que debe coincidir con el que registraste con tu compañía de alojamiento web.

  8. 8

    Escribe el número del puerto (donde dice "tu número de puerto aquí" en la secuencia del Paso 4), si existiera, dado a tu dominio por la compañía de alojamiento web.

  9. 9

    Guarda los cambios hechos a tu página HTML antes de cerrar el editor de texto de la página. La secuencia de comandos en la página detectará una cámara web conectada a tu computadora.

  10. 10

    Prueba la página web en un navegador donde aparezca la transmisión por cámara web.

  11. 11

    Enciende tu cámara web y elige la opción "Video". Presiona "Reproducir".

    Imagen fija para los usuarios avanzados de HTML

  1. 1

    Descarga e instala el software del Windows Media Encoder siguiendo las instrucciones que aparecen en pantalla.

  2. 2

    Coloca las siguientes etiquetas HTML en una página web en la que quieras que se visualicen una o varias imágenes de cámara web fijas, en vez de una transmisión en vivo. <meta http-equiv="refresh" content="45" /> <meta http-equiv="expires" content="0" /> Las etiquetas de arriba deben ser colocadas entre las etiquetas <head> y </head> en tu documento HTML. Esto asegura que tu página se vuelva a cargar automáticamente, y no se almacenará en el caché de la computadora del espectador. Además, el espectador recibirá una nueva imagen fija cada vez que visite la página o presione el botón "actualizar" de su navegador.

  3. 3

    Cambia el valor de "content" (contenido) en la primera línea después del atributo "refresh" (actualizar). El número representa "segundo(s)". La página debe refrescarse para cargar una nueva imagen, si el espectador no abandona tu página cuando el tiempo se haya agotado.

  4. 4

    Escribe la etiqueta de tu imagen entre las etiquetas <body> y </body> en el documento HTML, en la misma forma en la que incrustarías en tu código cualquier otra imagen. Por ejemplo: <img src="webcamphotos106.jpg" width="250" height="250" border="1" alt="my still webcam 106" />.

  5. 5

    Coloca el tamaño de la imagen exacto en las etiquetas de imagen, luego de comprobar el tamaño de las capturas de tu cámara web. Nunca cambies el tamaño usando código HTML, ya que la imagen se verá granulada en la pantalla.

  6. 6

    Guarda el documento HTML y pruébalo en tu navegador con la cámara web encendida.

Consejos y advertencias

  • Asegúrate de tener velocidad de carga suficiente para una transmisión en vivo por cámara web y para imágenes fijas.
  • El Windows Media Encoder utiliza muchos recursos. Asegúrate de tener suficiente RAM para alimentar al software y a la transmisión por cámara web.
  • La transmisión en vivo es útil si tenes un sitio de tutoriales, especialmente cuando ver cómo se hacen las cosas en la práctica es fundamental, como en el caso de ver las estrategias de un juego, o cómo tocar algún instrumento musical.

Más galerías de fotos

comentarios

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media