Foros ZackYFileS - introducir audio seleccionable en web

Foros ZackYFileS (http://foros.zackyfiles.com/index.php)

- ARTES GRÁFICAS - Diseño, Firmas, WEBS. (http://foros.zackyfiles.com/forumdisplay.php?f=238)

- - introducir audio seleccionable en web (http://foros.zackyfiles.com/showthread.php?t=327687)

ZetaPe

16/06/2005 17:50

introducir audio seleccionable en web

Hola
Como puedo hacer para que un visitante pueda pinchar sobre una cancion y escucharla en la misma pagina?
si se puede en HTML mejor, gracias

MelonMad

16/06/2005 18:04

Cita:

Iniciado por ZetaPe

Hola
Como puedo hacer para que un visitante pueda pinchar sobre una cancion y escucharla en la misma pagina?
si se puede en HTML mejor, gracias

Debes utilizr el control Activex del window media player, por ejemplo
Hay varias formas, viendo el play y la barra de desplazamiento o bien sin que se vea y lo controlas tu mediante javascript.....[INDENT][I]<object id="MediaPlayer" width="el ancho que kieras" height="el alto que kieras"
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Microsoft® 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="filename" VALUE="la cancion">
<PARAM NAME="autoStart" VALUE="true">
<PARAM NAME="showControls" VALUE="false">
<param name="ShowStatusBar" value="false">
<PARAM NAME="Autorewind" VALUE="true">
<PARAM NAME="ShowDisplay" VALUE="false">
<EMBED SRC="la cancion" WIDTH="0" HEIGHT="0" type="application/x-mplayer2" name=MediaPlayer autostart=1 showcontrols=1 showstatusbar=1 autorewind=1 showdisplay=1>
</EMBED></OBJECT>[/I][/INDENT]Espero te sirva

ZetaPe

16/06/2005 19:55

Muchas gracias MelonMad
lo intento y te cuento
un saludo

ZetaPe

16/06/2005 22:40

Parece que algo hago mal porque no puedo visualizar la pagina después de haber metido el código.

Este codigo debo meterlo en alguna parte especifica dentro del resto de codigos de la página?

gracias

Coke	17/06/2005 06:50

hola...

no hace falta que utilices las dos etiquetas...<object> y <embed>, con <embed> solo funciona para FF e IE

Código PHP:


		
			
<embed type="application/x-mplayer2" align="center" height="200" width="200"

pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" 

src="http://www.80sgrooves.com/listen64k.asx"

autostart="1" 

volume="0" 

transparentatstart="1" 

animationatstart="0" 

showcontrols="1" 

showdisplay="1" 

showstatusbar="1" 

autosize="0" 

displaysize="1">

</embed>

te he puesto el enlace a una emisora de radio que esta muy bien, ponen musica de los 80.

puedes ir probando con todas las opciones, poniendo "0" ó "1" y dejarlo como mas te guste.

si lo que quieres es poner musica de tu web, lo mejor es que te hagas una lista .asx...con cualquier editor de texto...pones algo como esto

<ASX version = "3.0">
<ENTRY><REF HREF="tucancion.asx"/></ENTRY>
<ENTRY><REF HREF="otracancion.asx"/></ENTRY>
</ASX>

tantas entry como canciones quieras poner...al grabarlo lo grabas con extension asx por ejemplo -----> lista.asx, entoces en src debes poner src="lista.asx"

te recomiendo que las canciones las pases a asx tambien, para que el servidor no las borre.

bueno ya me contaras si te ha servido de algo.

un saludo.

Coke.

ZetaPe

17/06/2005 09:01

Gracias
pero soy muy novato y no lo consigo
la intención es añadir en alguna parte de la página unas canciones en mp3 para que el visitante cuando pinche sobre alguna de ellas se reproduzca automaticamente.
He probado los dos metodos sugeridos pero no ha habido exito.
¿Hay que introducir el codigo en algún sitio concreto?
saludos

Coke	17/06/2005 17:39

tiene que estar en cualquier sitio de la pagina, entre la etiquetas <body></body> y deberia funcionarte.

Coke.

Coke	17/06/2005 21:16

por si quieres ver un ejemplo...

http://cokezf.xoopiter.com/radio.html

si le das al boton siguiente y luego al play te sale la otra cancion.

si lo que quieres es pinchar en el nombre de la cancion y que se escuche, necesitas hacerlo en javascript....que al pinchar la cancion se te abra una ventanita donde salga el reproductor.

Coke.

ZetaPe

17/06/2005 22:04

te lo agradezco amigo
pues nada que editando en html no lo consigo, voy a intentar editar esta historia en dreamweaver a ver que tal
gracias

ZetaPe

18/06/2005 15:15

Cita:

Iniciado por Coke

si lo que quieres es pinchar en el nombre de la cancion y que se escuche, necesitas hacerlo en javascript....que al pinchar la cancion se te abra una ventanita donde salga el reproductor.

Coke.

precisamente esto es lo que me gustaría conseguir

Donde puedo encontrar ese codigo javascript?
gracias

Coke	18/06/2005 18:22

saludos ZetaPe...

bueno te he hecho un ejemplo de como lo prodrias hacer...

[PHP]<script language="JavaScript">
function play(cancion)
{
posicionTop = (screen.height)/2 - 170/2
posicionIzq = (screen.width)/2 - 220/2
ventana = window.open("","Música", 'top='+posicionTop+',left='+posicionIzq+',menubar=0,resizable=0,width=220,height=170')
ventana.document.write('<body bgColor="000000">')
ventana.document.write('<center><embed type="application/x-mplayer2" ')
ventana.document.write('src="'+ cancion +'" width="200" height="140" ')
ventana.document.write('autostart="1" ')
ventana.document.write('volume="0" ')
ventana.document.write('transparentatstart="1" ')
ventana.document.write('animationatstart="0" ')
ventana.document.write('showcontrols="1" ')
ventana.document.write('showdisplay="1" ')
ventana.document.write('showstatusbar="1" ')
ventana.document.write('autosize="0" ')
ventana.document.write('displaysize="1" ')
ventana.document.write('><\/embed><\/center><\/body>')
}
</script>[/PHP]

ese codigo lo pones entra las etiquetas <head></head> y luego para llamar a la funcion, debes poner entre las etiquetas <body></body>

[PHP]<a href="javascript:OnClick=play('sergio.wma'); ventana.document.close()"> Sergio </a><br>
<a href="javascript:OnClick=play('flamenkito.asx'); ventana.document.close()"> Flamenkito </a> [/PHP]

quedaria algo asi...

[PHP]<html>
<head>
<title> Música </title>
<script language = "JavaScript">
function play(cancion)
{
posicionTop = (screen.height)/2 - 170/2
posicionIzq = (screen.width)/2 - 220/2
ventana = window.open("","Música", 'top='+posicionTop+',left='+posicionIzq+',menubar=0,resizable=0,width=220,height=170')
ventana.document.write('<body bgColor="000000">')
ventana.document.write('<center><embed type="application/x-mplayer2" ')
ventana.document.write('src="'+ cancion +'" width="200" height="140" ')
ventana.document.write('autostart="1" ')
ventana.document.write('volume="0" ')
ventana.document.write('transparentatstart="1" ')
ventana.document.write('animationatstart="0" ')
ventana.document.write('showcontrols="1" ')
ventana.document.write('showdisplay="1" ')
ventana.document.write('showstatusbar="1" ')
ventana.document.write('autosize="0" ')
ventana.document.write('displaysize="1" ')
ventana.document.write('><\/embed><\/center><\/body>')
}
</script>
</head>
<body text="#000000" bgColor="ffffff">
<a href="javascript:OnClick=play('sergio.wma'); ventana.document.close()"> Sergio </a><br>
<a href="javascript:OnClick=play('flamenkito.asx'); ventana.document.close()"> Flamenkito </a>
</body>
</html>[/PHP]

esto mismo codigo lo puedes ver aqui....

[url]http://cokezf.xoopiter.com/radio.html[/url]

espero te sirva.

Coke.

ZetaPe

18/06/2005 19:53

asias coke!
En que parte del script se pone la ruta para que sepa que canción tiene que reproducirse?

No se si será un problema de mi maquina pero he intentado clickar en "sergio" de la web que me indicas y sale una ventana vacia, co "flamenkito" lo mismo.
un saludo

Coke	18/06/2005 19:59

tienes instalado el window media player?

Coke.

ZetaPe

18/06/2005 20:05

Coke	18/06/2005 20:06

prueba ahora, a ver si te va bien.

Coke.

ZetaPe

18/06/2005 20:09

todavía sale una ventana como la de IE en pequeño y vacia.

Coke	18/06/2005 20:12

eso es que no tienes el plugin instalado....espera un segundo.

Coke.

ZetaPe

18/06/2005 20:14

gracias amigo

Coke	18/06/2005 20:20

prueba ahora..

Coke.

ZetaPe

18/06/2005 20:33

sale lo mismo pero ahora la ventanita lleva en una esquina un icono de colores, y después se queda colgada la web, no me deja ni cerrarla

Coke	18/06/2005 20:35

sera que se te esta cargando el plugin, porque a mi me va bien...

dejalo que carge el plugin...tienes adsl, cable o moden normal?

Coke.

ZetaPe

18/06/2005 20:43

bueno, el deber me llama, me paso más tarde.
muy agradecido amigo ;)

ZetaPe

18/06/2005 20:44

tengo un modem de 56
un saludo

Coke	18/06/2005 20:50

entonces dejalo un rato, para que se carge el plugin.

Coke.

Coke	18/06/2005 21:02

lo que voy a hacer amigo ZetaPe para que lo puedas escuchar con tu modem; es quitarle calidad a los archivos, los oiras mal pero podras oirlos, tal y como estan ahora con un modem de 56k no lo vas a oir, necesitarias minimo adsl o cable de 128kb.

Coke,

ZetaPe

19/06/2005 02:39

Gracias coke, pero no te tomes tantas molestias.

una cosa..
en el codigo que pusiste que es lo que debo sustituir y donde pongo la ruta de la cancion?
así voy haciendo pruebas ;)

<script language="JavaScript">
function play(cancion)
{
posicionTop = (screen.height)/2 - 170/2
posicionIzq = (screen.width)/2 - 220/2
ventana = window.open("","Música", 'top='+posicionTop+',left='+posicionIzq+',menubar=0,resizable=0,width=220,height=170')
ventana.document.write('<body bgColor="000000">')
ventana.document.write('<center><embed type="application/x-mplayer2" ')
ventana.document.write('src="'+ cancion +'" width="200" height="140" ')
ventana.document.write('autostart="1" ')
ventana.document.write('volume="0" ')
ventana.document.write('transparentatstart="1" ')
ventana.document.write('animationatstart="0" ')
ventana.document.write('showcontrols="1" ')
ventana.document.write('showdisplay="1" ')
ventana.document.write('showstatusbar="1" ')
ventana.document.write('autosize="0" ')
ventana.document.write('displaysize="1" ')
ventana.document.write('><\/embed><\/center><\/body>')
}
</script>
</head>
<body text="#000000" bgColor="ffffff">
<a href="javascript:OnClick=play('sergio.wma'); ventana.document.close()"> Sergio </a><br>
<a href="javascript:OnClick=play('flamenkito.asx'); ventana.document.close()"> Flamenkito </a>
</body>
</html>

gracias

Coke	19/06/2005 03:14

la ruta de las canciones tienes que ponerlas aqui...

<a href="javascript:OnClick=play('ruta_de_una_cancion'); ventana.document.close()"> nombre de la cancion</a><br>
<a href="javascript:OnClick=play('ruta_de_otra_cancion'); ventana.document.close()"> nombre de la otra cancion </a>

tienes que poner tantas como canciones tengas.

Coke.

Coke	19/06/2005 03:38

prueba con este mejor...

[PHP]<html>
<head>
<title> Música </title>
<script language = "JavaScript">

</script>
</head>
<body text="#000000" bgColor="ffffff">
<a href="javascript:OnClick=play('sergio.wma'); ventana.document.close()"> Sergio </a><br>
<a href="javascript:OnClick=play('flamenkito.asx'); ventana.document.close()"> Flamenkito </a>
</body>
</html>[/PHP]

un saludo.

Coke.

ZetaPe

20/06/2005 17:30

Hola coke!
Todavía no lo consigo, jeje.
Pero tampoco en tu pagina, ahora se me abre una ventana pequeña en negro y ahí se queda.
un saludo y a seguir bajando puntos en reputación ;)

ZetaPe

29/06/2005 10:42

Hola coke, hola a todos
al fin conseguí el objetivo, pero por otros derroteros.
Por si a alguien le puede venir bién:
Me he bajado éste reproductor de mp3 en Flash [url]http://www.jeroenwijering.com/?item=Flash+MP3+Player[/url]
se cambia algunos parámetros del archivo .XML con el bloc de notas y se sube a la web y en la pagina donde queramos que nos salga el reproductor se introduce este code:
<object type="application/x-shockwave-flash" data="mp3player.swf" width="280" height="280">
<param name="movie" value="mp3player.swf" />
</object>

un saludo y muchas gracias a Coke por su paciencia ;)

La franja horaria es GMT +2. Ahora son las 03:51.