viernes, septiembre 22, 2006

TV en directo

Integrar una televisión en directo en el blog o página web es ahora posible. Hay que decir, sin embargo, que la gran variedad de protocolos de transmisión de este tipo de emisiones implica que la forma de integrar la televisión varíe según el que sea utilizado en cada caso concreto. De manera no exhaustiva y muy simplificada, hay que señalar que los protocolos más utilizados en este terreno son los siguientes:

HTTP (Hypertext Transfer Protocol): Aunque el propósito original de este protocolo era publicar en la red las páginas HTML, también es usado por algunas compañías para transmitir señales de audio o vídeo en directo (streaming).

MMS (Microsoft Media Services ): Utilizado por muchas compañías, requiere el uso del reproductor Windows Media Player.

RTSP (Real Time Streaming Protocol) y RDT (Real Data Transport): en muchos casos, estos protocolos sólo funcionan correctamente con el reproductor Real Player. En el caso de RTSP también suele funcionar correctamente con los reproductores QuickTime y Windows Media Player

En la práctica, esta variedad de protocolos implica que debamos prestar mucha atención a la dirección de internet desde la que se transmite la señal de vídeo en directo para poder integrarla correctamente en nuestra página o blog. El hecho de que ciertas direcciones conlleven el uso de uno u otro reproductor deberemos tenerlo en cuenta para señalarlo a nuestros visitantes que, tal vez, no dispongan del mismo en su equipo.

Ejemplo de integración de una televisión en directo:
En este caso, hemos elegido una emisión de la televisión francesa MCM Top que utiliza el protocolo MMS y que, por tanto requiere el reproductor WMP. Para evitar que, en el arranque de esta página, se oiga siempre esta emisión se ha integrado la misma en una ventana emergente que tiene que ser llamada por el usuario pinchando sobre la siguiente imagen:


(Pincha sobre la imagen)
Ver MCM Top en directo


Notas:
1. Se trata de la cadena de televisión francesa por internet MCM Top
2. El reproductor utilizado es Windows Media
3. Si utilizas el navegador Firefox y no ves el reproductor, tal vez necesites instalar el plugin Windows Media Player Firefox.
4. Si está activado el bloqueador de ventana, es necesario desbloquearlo.

Código utilizado:

55 comentarios:

Anónimo dijo...

hola amico, te digo esto de la tv on line en el blog me parece de lo mejor si que esta muy bueno, pero soy de venezuela y digo como¿ aria para integrar un canal de venezuela? savez no estoy muy ducho en esto. erickvillegas. http://es.passado.com/blogs/erickv

José Mª. Campo dijo...

Amigo venezolano,
Puedes incluir varias televisiones de Venezuela. Para ello copia el código anterior y sustituye la dirección "mms://xxxxxxx" (en dos sitios en el código) por la de la emisora de TV que quieres insertar. A modo de ejemplo, ahí van tres emisoras de tv venezonalas que emiten en directo en Internet:
Telesur:
mms://streaming2.arcoiris.tv/adsl

Venezolana de Televisión:
http://streaming.impsat.net.ve/vtv

Vive3 TVC
http://streaming.impsat.net.ve/vive_tv

wallac3 dijo...

Saludos Jose:

Soy Diego de Colombia y la verdad tampoco soy muy experimentado en esto, pero llevo semanas averiguando como hacerlo.

Deseo tambien, passar la sñal en directo de un canal colombiano por internet, para muchos amigos lejanos que desean verla, podrias PORFAVOR, de corazon, ayudarme ?

Que debo hacer ? exactamente, porfavor ayudame y te lo agradeceremos unos cuantos miles de colombainos lejanos.

si deseas podemos hablar por el messenger:
dianpez@hotmail.com

Te agradezco muchisimo de antemano tu ayuda Jose.

Diego Perez

José Mª. Campo dijo...

Amigo Diego,
He estado mirando un poco las posibilidades de ver por internet (ADSL) emisiones de televisión en directo colombianas. Desgraciadamente tengo que informarte de que ninguna de ellas me ha funcionado.
En algún caso he logrado visionar algún vídeo concreto. Estos son los enlaces con los que he trabajado:

Canal 41 ABN (Religioso):
http://www.avivamiento.com/

CMB(canal religioso que emite únicamente un vídeo promocional)
http://www.cmb.org.co/medios/videocmbtv.wmv

Caracol Television (se pueden ver vídeos en diferido como este:)
mms://video.canalcaracol.com/videos/Noticias/Internacional/Mundo/201106cocodriloskenia.wmv

CMI:(vídeso en diferido)
http://www.cmi.com.co/default.asp

RNC (Algún vídeo en diferido funciona con Internet Explorer)
http://www.rcntv.com/

Tele Medellín:(Sólo con Internet Explorer y no logro ver ninguna emisión en directo)
http://www.telemedellin.tv/

Universidad EAFIT:(Sólo con Internet Explorer y no logro ver ningún vídeo)
http://envivo.eafit.edu.co/vInstitucionales/index.shtm#

De todas formas, no hay que desesperar pues estas cosas cambian constantemente y quizás cualquier día de estos una de estos canales funcione adecuadamente.

wallac3 dijo...

Saludos Jose:

lo que yo kiero hacer es RETRANSMITIR, un señal en directo de TV que capturo en miPc.

Quiero sacar esa señal en directo por la red.

Qe hago para ello, dame detalles please, que soy algo roocky en esto.

Gracias
Diego

José Mª. Campo dijo...

Amigo Diego,
En ese caso creo que lo más práctico es utilizar algunos de los múltiples servicios en línea para enviar y compartir vídeos (video sharing). Y lógicamente habrá que por el más popular Youtube.
Otros servicios:
Dalymotion (en español)
Metacafe
Soapbox
Revver
Blip.tv
Myheavy
Vimeo
Todos funcionan de una manera similar:
1. Te registras (es gratis)
2. Subes el vídeo al sitio (de manera muy sencilla e intuitiva)
3. Una vez subido, el sitio te propone un código html (similar al que se muestra en este artículo) para incrustar en el blog o página web que copias y pegas en la misma.
Ya puedes compartir tu vídeo con todo el mundo.
Los servidores del con protocolo "mms" de video en directo sólo pueden permitírselos las grandes compañías ya que requieren servidores dedicados muy potentes y caros.
¡Suerte!

Anónimo dijo...

Hola, soy nuevo en esto me gustaria saber como hago para sacar directamente la señal de tv de un canal, o sea q programa utilizar para sacar la señal en directo del canal, desde ya agradeceria tu ayuda. Pablo de Misiones, Argetnina.

Er_Psk dijo...

ola Jose soy un estudiante español que necesita poner una television en el blog, pero he copiado el codigo fuente que facilitaste e introducido los enlaces y no consigo verla por favor necesito saber como se pone, me juego el aprovado, es que soi bastante torpe un saludo Sergio.
mi gmail es mairenojr@gmail.com muchas grácias por ayudarme, de antemano

José Mª. Campo dijo...

Sergio,
Te aseguro que el código que se da funciona perfectamente. Lo único que puede ocurrir es un problema con el salto de líneas y el pegado posterior del código. Para evitar esto, puedes acceder al código en formato .txt pinchando aquí.
Lo he probado en diferentes plataformas y puedo asegurarte que la tele se ve. Otra cosa distinta es que, por ejemplo en la plataforma de Blogger, el sistema interno de seguridad te indique que el código es incorrecto porque le faltan ,por ejemplo, las etiquetas "/embed" o "/object" de cierre. En este caso, basta con escribirlas manualmente o bien (menos aconsejable) pinchar sobre la casilla "detener los errores de este mensaje". Otras plataformas gratuitas llegan incluso a bloquear estos códigos de inserción de objetos y, por motivos de seguridad, no dejan insertarlos. En fin las causas pueden ser múltiples. Por el momento no veo más razones para que no funcione. ¡Suerte!

Anónimo dijo...

Hola, soy español. He colocado el reproductor en mi web y he probado con dos canales españoles. Ha funcionado perfectamente, así que MUCHAS GRACIAS, porque ofrece un buen servicio a mis visitantes.

lucas dijo...

quisiera ver en directo programas de tv de colombia sur america
gracias por la atencion prestada a este asunto
atte:lucas

José Mª. Campo dijo...

Lucas,
Mira el comentario anterior que le hice a Diego. Allí encontrarás varias emisoras colombianas.

Anónimo dijo...

Se puede ver las emisoras de Televisión de Medellín y de la universidad Eafit.

http://envivo.eafit.edu.co

http://www.telemedellin.tv

Anónimo dijo...

hola amigo, me gustaria saber si le puedo poner canciones en lugar de canales de television, me refiero a canciones/videos subidos por mi, si no se puede, me podrias decir algun otro código html de un reproductor que si que lo haga? muchas gracias

José Mª. Campo dijo...

Por supuesto que se pueden reproducir canciones subidas por uno mismo. La forma más fácil es usar los reproductores de komcitiz (en FR) Reproductor simple de archivos mp3. Reproductor múltiple de archivos mp3 y  el reproductor de vídeos en formato flv.

Pablo dijo...

muchas gracias!! me ha servido de mucho, no sabes el tiempo que llevaba buscando un reproductor para la web y ninguno iba bien!

muchas gracias!!

vsssssssssssssss!

Anónimo dijo...

Hola soy de argentina, quisiera saber si se puede trasmitir tv en directo pero con flash y no el windows media.
Muchas gracias

José Mª. Campo dijo...

No conozco ningún reproductor que transmita emisiones en directo de televisión usando el formato flv (flash video). Tampoco he visto ningún sitio profesional que lo use. Sí existen estaciones de tv en directo en internet que utilizan falsos reproductores flv que, en realidad, ocultan un reproductor wmp bajo protocolo mms.

Anónimo dijo...

Hola, he provado el codigo y a mi no me funciona, en la web veo la ventana emergente y todo funciona a la perfeccion, pero cuando lo aplico dentro de mi web no funciona.
Tengo que decir que no esta publica aun, y que es un simple mp3 lo que quiero reproducir. Deberia funcionar igual no?. Otra cosa es la ruta no es del dominio, sino la ruta en mi pc.
param name="filename" value=.\musica\cancion.mp3.
Deberia funcionarme habiendo copiado el codigo y cambiando lo que ya he dicho verdad? Gracias

mallito dijo...

HOLA¡¡¡
ME GUSTA..
PERO POR QUE NO SE ABRE..

TE DOY MI BLOG PARA QUE LO VEAS:

HTTP://MALLITO.BLOGSPOT.COM

José Mª. Campo dijo...

Mallito,
En el código HTML que has copiado para pegarlo en tu blog se te han colado un par de etiquetas </br> de salto de línea que impiden que el código funcione correctamente.
Si quieres, pincha aquí y obtendrás el código no corrompido en formato txt. Cópialo y pégalo en tu blog. A ver qué tal.
¡Suerte!

Anitachile dijo...

El código funciona perfectamente, se ve la televisora francesa. La imagen se ve muy bien. Pero no funciona haciendo clic en la imagen.
¿Cómo consigo que se abra la ventana emergente haciendo clic en la imagen?

José Mª. Campo dijo...

Anitachile,
He probado con Firefox, Opera, Safari e Internet Explorer y en todos ellos funciona al pinchar sobre la imagen. De todas formas, he añadido otro enlace debajo de la image ("Ver BFM TV en directo") por si hay problemas con la imagen. Otra alternativa: ir al nuevo post sobre TV francesas en directo:

aquí

Anónimo dijo...

José: he copiado el código y funciona perfectamente, pero necesito que cuando abra mi blog, no empiece a funcionar la tv. Necesito que funcione cuando le dé clik en play. Que debo modificar del código? Atte.
Alirio Alvarez
noticucuta@yahoo.com

José Mª. Campo dijo...

Alirio,
El código no influye en nada para que el reproductor comience a funcionar automáticamente. Al tratarse de emisiones en "streaming" la emisión arranca junto al reproductor. El único truco que se me ocurre es el que yo he utilizado en este post: poner un enlace (foto o texto) a la página web que contine el reproductor con la emisión.

Anónimo dijo...

busco direcciones mms para un sistema embebidle de tv en las paginas web.
http://quesalidas.com/tv.php

Anónimo dijo...

Claro que el codigo influye para que empieza al funcionar nada mas abrir o haya que darle al play para ello esta el atributo AUTOSTART tanto en param deo object como dentro del tag embed si te fijas está a TRUE simplemente hay que ponerlo FALSE

Chasqui dijo...

hola soy de chile y estamos trabajando en nuestra pag webde difusion cultural andina http://www.tambo.cl.tc.
yahe hecho el trabajo de subir videos a mi serbidor y por el hosting publicarlos en mi web en windowmedia player pero ahora quiero ir mas a ya y mi proyecto es crear un programa de tv para la internet pero que sea en directo.
Me podrias ayudar gracias
Fernando

Juan Carlos Ramirez Galvan dijo...

1.- HOLA SOY DE MEXICO TENDRAS ALGUN CANAL PARA SUBIR Y VER DESD EINTERNET

2.- LO QUE PRETENDO ES PONER TV EN MI WEB Y QUE SE PUEDAN VER LOS PARTIDOS DE FUTBOL DE MEXICO POR INTERNET
NO SE SI SEA DIRECTO DESDE LA TARJETA DE TV DE MI PC O COMO S EPUEDA HACER?
ESPERO TUS CONSEJROS
SALUDOS
www.consejeros.com.mx/portal

José Mª. Campo dijo...

Juan Carlos,
Existen varios sitios en Internet que permiten visionar las televisiones de diferentes países. Es el caso.por ejemplo de Medinalia o Live TV. En el caso de Medinalia tienes las sección de canales
de México
(54) y, además, de proporcionan el código HTML de inserción de las mismas en un Blog o página Web.

Xavi dijo...

Hola José Mª Campo,

En primer lugar, muchas gracias por tu ayuda, porque además de servir, te explicas muy bién.

Mi duda es la siguiente. Quiero incluir una señal de vídeo en mi blog de Fórmula 1 que de los entrenamientos libres de los viernes y de los sábados. Mis cuestiones son dos:

1. ¿Dónde poner el código de la señal de TV? Que con el código HTML me hago un lío.

2. ¿Sabes de algun canal que emita la señal de TV por internet en abierto para poder retransmitir los libres?

Muchas gracias por todo y un saludo,
Xavi.

José Mª Campo dijo...

Xavi,
En primer lugar, muchas gracias por tu comentario.
Respecto a las cuestiones que planteas, hay varias dificultades técnicas que hacen un poco complicada la posibilidad de que puedas incluir “en directo” en tu blog una carrera de fórmula 1. Lo primero que tendrías que hacer es localizar es la cadena de TV que emite en “streaming” por Internet las carreras. He mirado en T5 pero no he visto que lo hagan por Internet. Aquí tienes una lista bastante completa de las cadenas de TV que emiten por Internet. A lo mejor alguna extranjera realiza estas transmisiones.
La segunda dificultad es localizar la ruta de Internet por la que emite la cadena (normalmente empieza por “mms”). Para ello, una vez que ya ves la emisión en el reproductor Windows media Player en tu Navegador, debes pulsar en cualquier parte de él con el botón derecho y luego en “Propiedades”. Aparece una ventana en la que deberás copiar la ruta que se indica en “Ubicación” (por ejemplo, la ruta por la que emite la cadena L’Equipe TV es “mms://vipmms9.yacast.net/eqtv_equipetvlive”)
Esa es la ruta que deberás utilizar en tu código HTML de inserción que indico arriba, modificando la parte del código src=”mms://vipmms9.yacast.net/bfm_bfmtv” con la ruta de la cadena que deseas incluir. Este código debes pegarlo en tu blog utilizando el editor de Blogger con la pestaña “Edición de HTML” marcada. Eso es todo.
Una última cuestión. Como indico en el artículo, estas emisiones en “streaming” arrancan automáticamente por lo que no resulta muy práctico incluir un reproductor de este tipo en un blog.
Espero que estas pistas te sirvan de ayuda y ¡ánimo con tus blogs!.

Xavi dijo...

Muchas gracias José Mª,

Creo que tengo localizada la cadena que retransmite los entrenamientos libres, es la ITV inglesa. Por lo demás, gracias por la rapidez y la exhaustividad en la respuesta. Me sirve mucho lo que explicas.

Intentaré ponerlo en mi blog a ver si funciona y te cuento pero muchas gracias por adelantado, eres un crack.

Un abrazo,
Xavi.

Xavi dijo...

Hola José Mª,

He localizado varias cadenas online que pueden dar los entrenamientos libres en directo y sólo me falta copiar el código en mi blog. El problema que tengo es que no sé dónde poner el código, porque quiero que me aparezca el vínculo online dentro de un post. ¿Me puedes ayudar?

Un saludo y muchas gracias,
Xavi.

Xavi dijo...

Por cierto, mi blog es:
www.apoyomoralaunbicampeon.blogspot.com

Muchas gracias de nuevo y un saludo,
Xavi.

José Mª Campo dijo...

Xavi,
Si se trata de una cadena que emite bajo Windows Media Player (suelen tener un inicio de la ruta del tipo “mms”), entonces lo más fácil es hacer un enlace directo a ella para que. al pulsarlo, arranque el reproductor Windows Media Player del usuario.
Por ejemplo, si queremos que el usuario vea la cadena MCM Top de video clips cuya ruta es:
mms://viplagardere.yacast.net/mcm_top
se puede hacer un enlace del siguiente tipo:
<a href="mms://viplagardere.yacast.net/mcm_top">
MCM Top</a>

¡Suerte!

Xavi dijo...

Muchas gracias José Mª,

He conseguido que al poner este link en un post, me arranque el reproductor Windows Media Player, como tú decías.

Pero lo que me gustaría es que me apareciera la pantalla del reproductor en el post, y que la gente lo pudiera ver a través de post.

Si copio el código que pones al principio de tu post me da un error, y el problema es que no sé dónde tengo que añadir ese codigo, dentro de todo el código HTML/Javascript del blog. ¿Me puedes echar una mano, nuevamente?

Muchas gracias por todo, me estás siendo de gran ayuda.

Un abrazo,
Xavi.

Xavi dijo...

Por cierto José Mª, el señal de vídeo para los entrenamientos libres, lo sacaré de esta cadena de TV inglesa:

http://www.itv-f1.com/VideoLive.aspx

Ahora sólo me falta añadirlo al blog, jeje.

Gracias,
Xavi.

José Mª Campo dijo...

Vamos por partes:

1) Si quieres que tu TV se vea permanentemente en tu blog debes, en efecto, colocar el código HTML en:
Abrir Panel ce control de Blogger > Diseño > Añadir un gadget > HTML/Javascript> poner el título y pegarlo en zona de "Contenido" > Guardar.

2) He hecho una prueba con tu dirección y no funciona pues la dirección corresponde a la página web y no a la emisión TV. En realidad utilizan un script en el que es muy complicado localizar la emisión de TV. Tendrás por tanto que localizar otra emisión.

3) Los códigos HTML sí funcionan con otras otras rutas que emiten con el protocolo "mms".Puedes comprobarlo en este blog de prueba. Dependiendo del Sistema Operativo y del navegador podrás observar uno o dos reproductores de TV. Tendrás que decidir cuál de los dos códigos instalar (o los dos) pues el comportamiento de WMP varía según en SO y el navegador utilizado.

4) Los códigos HTML que he utilizado puedes copiarlos de esta página. Mucho cuidado a la hora de modificar este código pues cualquier manipulación incorrecta provocrá error. Sólo debes cambiar la ruta de tu TV (la parte del código que empieza con "mms").


¡Animo!

Xavi dijo...

Muchas gracias José Mª,

1) Gracias por facilitarme la información para que la TV se vea permanentemente en mi blog. De momento no es la intención, pero me guardo la información por si la puedo necesitar en un futuro.

2)La señal de la cadena ITV F1 es quizás la única señal que contínuamente emite los entrenamientos libres de F1. Sé de un conocido que la consiguió poner en su web, y le estoy preguntando, pero todavía no me ha respondido. De todas, formas, seguiré investigando sobre esta señal y, sino, buscaré emisoras (hasta el viernes hay tiempo, jeje).

3)Muchas gracias por los códigos. Los pruebo y te digo algo, aunque no tengo duda de que funcionarán.

Muchas gracias por tu dedicación José Mª, pot tu rápida respuesta, y por hacer sencillas las cosas que para los no expertos, a veces nos cuestan un poco.

Un Abrazo,
Xavi.

Xavi dijo...

Hola José Mª,

Al final no consigo descifrar el script de esa señal de la TV inglesa. Lo dejaré para el próximo gran premio a ver si hay más suerte. Si se te ocurre alguna idea, no dudes en comentármela.

Y muchas gracias por tu ayuda, eres un crack.
Xavi.

TV-CELEBS-VIDEOS¡ dijo...

hola, exactamente en que partes se coloca la direccion del la pagina del video a insertar de tv online
porque he probado en la de src="mmx etc
y en otra de http://www.etc y nada.
aunque yo he insertado codigos de justin tv sin problema
no estan todos los canales que quiero tener en los blog
gracias por su ayuda
atte
lady

Ryder dijo...

Hola Jose ...un gustazo,mi nombre es ryder .hace tiempo que intento transmitir ,en directo un canal de tv de uruguay,que opera por internet.He tratado con camtasia capturar las imagenes pero no encuentro la forma de llevarlo a justin tv que es donde tengo mi canal propio. el canal es VTV.
Tampoco puedo verle el codigo para pegarlo en mi blog.
De momento me tengo que conformar con copiarle la señal a otro canal de justintv
Espero me puedas hechar una mano.Como dije antes fue un gustazo

Ryder

Anónimo dijo...

hola amigos soy larg de venezuela
yo tengo los codigos para cualquier canal con ese reproductor se puede
este es mi correo leomago_007@hotmail.com
les puedo configurar el canal que quieran
me tienen que contactar
para yo ayudarlos
y si tienen su blospot mucho mejor

Ednar33 dijo...

Hola que tal... Quisiera saber si puedo embeber un canal de justin.tv en blogspot y si es posible que me digan el código o la forma para hacerlo...
Saludos dsd México !!!

Anónimo dijo...

HOLA
yo tengo en justin.tv/nuevaveo
pego el codigo que me da el sitio pero no me abre la pantalla solo el lionks url .-
pego el codigo de ustedes pero no me funciona .-
me orienta con el codigo .-
saludos
walter
mi pagina
http://www.nuevaagencia.com.ar
el codigo de ustrream.tv si me anda

henrry-union dijo...

hola como estas interesante tu blog amigo te felicito y sigue asi una pregunata amigo mira mi direccion de protocoloe es

mms://200.73.35.148/canal1

y no me funciona lo reemplace tal como me indicas y nose porfis ayudemeespero tu respuest

ricardo garcia dijo...

hola todavia estas contestando a las preguntas que te hacen en este blog?

Pre-hermandad Cristo del Mar dijo...

buenos dias,amigo estoy interesando en poner tv en directo en mi blog pero nada megustaria poner la cadena maria + vision pero nada mi correo es josepedrogarcia93@hotmail.es

Fontanero Salamanca dijo...

Mirad a ver si os gusta asi www.chitiriti.supersitio.net

mi correo para mas info es chitiriti@yahoo.es

Realidad Incomprendida dijo...

¿Cómo puedo emitir en directo este canal http://eurovision.digotel.com/ea/index.html?

No consigo que me salga. Se queda la pantalla negra y dice que ha cargado pero no se reproduce

Realidad Incomprendida dijo...

Inserto este enlace http://eurovision.digotel.com/ea/index.html pero no consigo que salga nada en mi web, se queda la pantalla en negro.

Ayuda por favor, además, ¿como podria insertar teledeporte?

http://www.rtve.es/deportes/directo/teledeporte/

Mi Blog dijo...

Aqui les dejo una direccion de blog donde pueden ver tv online:
miblogtv.blogspot.com

Mi Blog dijo...

Aqui les dejo una direccion de blog donde pueden ver tv online:
miblogtv.blogspot.com

MADARA dijo...

Hola hace tiempo que estoi buscando un codigo html donde en un recuadro hay un reproductor de tv y en ella hay 6 señales todas de justin tv.. tienes idea de como se hace??? salu2