Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje16-09-2010, 04:21 (UTC)    
Título del mensaje: TUTORIAL - Navega por tu sitio sin cortes de música

Hola a todos!

como aprecio que aún hay dudas respecto de este tema, voy a dejarles este sencillo proceso para que puedan navegar en sus sitios sin que la música que escuchamos se reinicie al cambiar de página, sé que hay otras opciones en el foro, una nueva nunca está demás :P, a trabajar!

Herramientas

- url de imagen (en el ejemplo usaré esta)

http://img.webme.com/pic/c/comoempezar/botonrepro.jpg



- url de video (en este caso usaré una de youtube)

http://www.youtube.com/watch?v=z6wFBeC-Cik


Si se fijan en el siguiente código a la url del video se le debe incluir al final &autoplay=1


Código:
http://www.youtube.com/watch?v=z6wFBeC-Cik&autoplay=1


Usaremos ahora el siguiente código que nos generará una nueva ventana en donde podrán seguir navegando por el sitio sin que haya cortes en el sonido

Código:
<a href="#" onclick="window.open('http://www.youtube.com/watch?v=z6wFBeC-Cik&autoplay=1','','top=10,left=900,width=50,height=50,scrollbars=yes')">  <img border="0" align="absMiddle" src="http://img.webme.com/pic/c/comoempezar/botonrepro.jpg" title="Escucha M&uacute;sica" alt="" /></a>


Puedes probarlo si deseas en tu sitio, tanto en una box como en una página.


Ahora bien, si quieren más videos corriendo a la vez o más música usaremos este excelente servicio http://www.mixpod.com (debes estar inscrito previamente)

Una vez en el, utilizamos el motor de búsqueda para encontrar nuestro artista y vamos agregando a la lista las canciones que queramos,



luego ingresamos en el siguiente paso, la segunda opción de arriba "Customize", puedes cambiar el skin (no aparecerá en la lista) no olvidando también marcar la opción "Yes" del autoplay



en la tercera opción deben dar un nombre a la lista, alguna descripción y finalmente ir por el código "SAVE(get code)"



una vez que se genere el código, esta ensalada de códigos pégala en algún editor de textos y busca la url de nuestra lista






Código:
http://www.mixpod.com/playlist/66925210


a esta url no debes colocarle autoplay al final dado que ya lo hicimos desde el sitio

Acá les dejo el código de ambos ejemplos para que lo prueben en sus sitios


Código:
<br />
<div align="center">Youtube
<br />
<a href="#" onclick="window.open('http://www.youtube.com/watch?v=z6wFBeC-Cik&autoplay=1','','top=10,left=900,width=50,height=50,scrollbars=yes')">  <img border="0" align="absMiddle" src="http://img.webme.com/pic/c/comoempezar/botonrepro.jpg" title="Escucha M&uacute;sica" alt="" /></a></div>
<br />
<br />
<div align="center">MixPod
<br />
<a href="#" onclick="window.open('http://www.mixpod.com/playlist/66925210','','top=10,left=900,width=50,height=50,scrollbars=yes')">  <img border="0" align="absMiddle" src="http://img.webme.com/pic/c/comoempezar/botonrepro.jpg" title="Escucha M&uacute;sica" alt="" /></a>
<br />
<br />
</div>


Solo recordar que hay que pinchar la imagen para que funcione, pueden ver los ejemplos entrando >>> AQUI <<<

Nota: la demora en la carga de ambos servicios dependerá de la velocidad de tu conexión a Internet

espero les sirva, ante dudas me avisan, saludos a todos!

______________

Evite colocar sitios externos en la firma
Mensaje17-09-2010, 12:40 (UTC)    
Título del mensaje:

Buen tutorial
______________


Mensaje19-09-2010, 10:22 (UTC)    
Título del mensaje:

¡Hola!,

Es muy buen tutorial, a muchos les servirá, ya que siempre preguntan

¡Saludos!
______________
Respeta las Normas del Foro
No hagas doble post, usa la opción
Utiliza el buscador antes de abrir un nuevo tema
Email oficial PaginaWebGratis.es: support-es@webme.com
Mensaje21-09-2010, 14:57 (UTC)    
Título del mensaje:

Excelente tutorial bacan ounque no me gustan las webs con musica xD
Mensaje24-09-2010, 02:14 (UTC)    
Título del mensaje:

chispix escribió:
ounque no me gustan las webs con musica xD


Gracias a todos, respecto de lo que expone Chispix, con esto le das la opción al visitante de elegir si navega con música o no, por cierto la medida de la ventana es modificable y ajustable, es decir puede ir en otro lado de la pantalla, solo hay que jugar con las medidas
______________

Evite colocar sitios externos en la firma
Mensaje24-09-2010, 02:15 (UTC)    
Título del mensaje:

Muy bueno el tutorial
Mensaje24-11-2010, 20:50 (UTC)    
Título del mensaje: musica de fondo

Por favor, publiquen ayudas serias
Mensaje24-11-2010, 21:58 (UTC)    
Título del mensaje: Re: musica de fondo

movilidadoriental escribió:
Por favor, publiquen ayudas serias


Hola,

cuando usted tenga alguna duda, ese tipo de comentarios no me sirve para poder orientarle, acabo de ver el link de youtube y funciona, respecto de las listas de reproducción, aveces son fallos del servicio, no depende de mi. Sería bueno que publicara los códigos y los pasos que siguió para poder revizar la información, insinto me parece un comentario poco entendible...
______________

Evite colocar sitios externos en la firma
Mensaje24-11-2010, 22:25 (UTC)    
Título del mensaje:

si yo usaba de esos repros , aora uso otros

grasias buen aporte
Mensaje25-11-2010, 00:48 (UTC)    
Título del mensaje:

Buena tuto :D esta buenaaa
Mensaje26-11-2010, 06:34 (UTC)    
Título del mensaje: codigo

Genial, funciona perfecto, muy buena solucion al tema
Mensaje27-11-2010, 01:57 (UTC)    
Título del mensaje: Re: codigo

movilidadoriental escribió:
Genial, funciona perfecto, muy buena solucion al tema


Es de sabios desdecirse de una opinión tajante, como diría alguien de esta comunidad (que no veo hace mucho) "La comunicación es Vital", saludos y que bien que su duda haya sido resuelta amigo Esteban
______________

Evite colocar sitios externos en la firma
Mensaje19-12-2010, 16:37 (UTC)    
Título del mensaje:

a mi no me sale... si alguien puede echarme un cable???
Mensaje25-12-2010, 22:17 (UTC)    
Título del mensaje:

pasionche escribió:
a mi no me sale... si alguien puede echarme un cable???


Hola,

siguiendo los pasos debiera funcionar

Código:
<br />
<div align="center">Pincha la imagen<br />
<a onclick="window.open('http://assets.mixpod.com/swf/mp3/mff-mpodmin.swf?myid=66459738&path=2010/09/10','','top=10,left=900,width=50,height=50,scrollbars=yes')" href="#">  <img border="0" align="absMiddle" alt="" title="Escucha M&uacute;sica" src="http://img.webme.com/pic/c/comoempezar/botonrepro.jpg" /></a>  <br />
</div>


acá puedes ver tu lista en acción, debes pinchar la imagen

http://comoempezar.es.tl/P%E1gina-11.htm
Mensaje12-03-2011, 17:48 (UTC)    
Título del mensaje:

<a href="#" onclick="window.open('http://www.youtube.com/watch?v=z6wFBeC-Cik&autoplay=1','','top=10,left=900,width=50,height=50,scrollbars=yes')"> <img border="0" align="absMiddle" src="http://img.webme.com/pic/c/comoempezar/botonrepro.jpg" title="Escucha M&uacute;sica" alt="" /></a>
______________
http://img51.imageshack.us/i/radioenvivo.gif/
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group