Cómo insertar una canción de GoEar Xhtml válida

Martes, 19 de Septiembre de 2006

Jotape y su .blog simiesco nos avisan de que es posible insertar una canción de Goear.com, ese portal equivalente a Youtube pero para subir canciones, pero con un código que cumpla con las especificaciones de la W3C. Yo lo estuve intentando pero no di con él. Al final ha resultado ser más sencillo de lo que imaginaba. Tan sólo hay que escribir:

<div style="text-align:center"><object type="application/x-shockwave-flash" style="width:366px;height:75px" data="http://www.goear.com/files/localplayer.swf?file=XXXXXXX"> <param name="movie" value="http://www.goear.com/files/localplayer.swf?file=XXXXXXX" /></object></div>

donde las XXXXXXX son el identificador asignado por Goear para la canción (por ejemplo c3f791f).

Inserta una etiqueta rápida de Goear entre tus quicktags

Si además, quieres añadir un quicktag rápidamente a tu lista, para hacerte la tarea mucho más sencilla, indico qué 3 fragmentos de código debes añadir a /wp-includes/js/quicktags.js (dentro de tu carpeta de wordpress):

Primero, el código para añadir el botón a tu lista (sólo varía de los demás en el identificador del botón y en el nombre):

edButtons[edButtons.length] =
new edButton(’ed_goear’
,’Goear’
,”
,”
,’a’
); // special case

Ponlo en la misma zona donde estén los demás botones. La cosa debería quedar más o menos así.

Segundo, añade el código necesario que llamará a nuestra función. El código debe ser un condicional más dentro de la función edShowButton (busca el prototipo “function edShowButton(button, i)”):

else if (button.id == \'ed_goear\') {
document.write(\’<input type=”button” id=”\’ + button.id + \’” accesskey=”\’ + button.access + \’” class=”ed_button” onclick=”edInsertGoear(edCanvas, \’ + i + \’);” value=”\’ + button.display + \’” />\’);
}

Aquí tienes una imagen detallada de cómo debería quedarte el condicional dentro de la función edShowButton.

Y tercero, solamente queda añadir la función que coloque el código Xhtml válido. Esta función no va dentro de otra, así que puedes colocarla al final del documento quicktags.js:

function edInsertGoear(myField) {
var myValue = prompt('Mete el identificador del video', 'npjXEmExcxE');
if (myValue) {
myValue = '<div style="text-align:center"> <object type="application/x-shockwave-flash" style="width:366px;height:75px" data="http://www.goear.com/files/localplayer.swf?file='
+ myValue
+ '"><param name="movie" value="http://www.goear.com/files/localplayer.swf?file='
+ myValue
+ '" /></object></div>';
edInsertContent(myField, myValue);
}
}

colocaGoear3Y listo. Si todo ha salido bien, deberías poder ver un botón como éste, que te insertará el código correcto tras preguntarte cuál es el identificador de la canción.

33 Comentarios »

Redifusión RSS de los comentarios de la entrada. TrackBack URI

  1. Avatar de <a href='http://www.noseque.net/wordpress/2006/08/17/goearcom/' rel='external nofollow'>Noséqué.net » GoEar.com</a>Pingback por Noséqué.net » GoEar.com — 19 Septiembre 2006 #

    [...] Actualizado: Ya tenemos el código Xhtml válido para el reproductor. Escrito por Gosku | Categorías: Música, Internet | [...]

  2. Avatar de <a href='http://mactiste.wordpress.com' rel='external nofollow'>mactiste</a>Comentario por mactiste — 20 Septiembre 2006 #

    qué putada! ahora que iba a abrirme una cuenta para probarlo, parece que deja de funcionar.

    =(

  3. Avatar de <a href='http://www.noseque.net' rel='external nofollow'>Gosku</a>Comentario por Gosku — 20 Septiembre 2006 #

    Ya funciona, parece que ha tenido una caída :o

  4. Avatar de <a href='http://mactiste.wordpress.com/' rel='external nofollow'>mactiste</a>Comentario por mactiste — 20 Septiembre 2006 #

    cierto! menos mal… ya he subido un par de canciones. Me apetecía mucho probarlo. Lástima que wordpress.com, donde tengo alojado mi blog, todavía no permite embedar canciones de GoEar, pero todo se andará. A ver si se ponen las pilas tan rápido como hicieron con Youtube y Google Video.

    un saludo!

  5. Avatar de <a href='http://www.noseque.net/wordpress/2006/09/21/bob-dylan-y-los-tiempos-modernos/' rel='external nofollow'>Noséqué.net » Bob Dylan y los tiempos modernos</a>Pingback por Noséqué.net » Bob Dylan y los tiempos modernos — 21 Septiembre 2006 #

    [...] Qué podría yo escribir de Bob Dylan sin que se me cayeran los dedos de vergüenza… El fenómeno Dylan es algo escrito y reescrito en todas las publicaciones musicales de prestigio, alabado entre el mundo de la intelectualidad y siempre presente en cualquier documental sobre la historia de la música en el siglo XX. Lo que pueda yo decir sobre este hombre sería tan sólo la punta de un gran iceberg. Y es que en este sentido Dylan es una gran montaña oculta entre el género Folk, y aunque en un principio empezó como eso, es absurdo quedarse con esos primeros discos (Freewheeling’ Bob Dylan, Highway 61 Revisited, Blonde on Bonde…. No hay palabras para describirlos. O hay demasiadas…) e ignorar el resto de la carrera de este músico de Minnesota, que por sus más de 40 discos merece el reconocimiento de ser más que un buen músico, y de que se le tengan en cuenta, no sólo sus primeras joyas, sino también su trabajo más reciente, Modern Times , un trabajo que realmente me ha fascinado, quizás porque soy amante del buen blues, o a lo mejor porque en realidad soy, cada vez más, un ferviente admirador de Dylan. Aprovecho, con honor para mí, para elegir Thunder On The Mountain, una de las canciones de Modern Times, como canción de esta semana. Aprovecho, ahroa que ya solucionamos el problema de Goear, para insertar también la canción como cierre de esta anotación. Ustedes la disfruten. [...]

  6. Avatar de <a href='http://www.escoin.net/2006/10/17/me-llaman-mala-persona/' rel='external nofollow'>Escoin.net » Blog Archive » Me llaman mala persona</a>Pingback por Escoin.net » Blog Archive » Me llaman mala persona — 17 Octubre 2006 #

    [...] Acabo de descubrir GoEar.com gracias a un compi del curro. Para insertar el reproductor embebido, me las he visto y deseado, como me pasaba al principio con youtube, así que he tenido que echar mano de google y he encontrado la solución en Noseque.net. [...]

  7. Avatar de <a href='http://www.davinxi.net/2006/10/29/poner-reproductores-de-goear-en-wordpress/' rel='external nofollow'>Davinxi » Archivo del weblog » Poner reproductores de Goear en WordPress</a>Pingback por Davinxi » Archivo del weblog » Poner reproductores de Goear en WordPress — 29 Octubre 2006 #

    [...] El otro día BlogOff estaba hablando sobre Goear, yo les comenté si sabían poner ese sistema sin que se descolora el Blog. Kids, uno de los administradores de ese Blog, encontró unas instrucciones, en la que te decía como insertar Goear, mediante un simple código sin descolocar nada. [...]

  8. Avatar de <a href='http://www.esperteyu.com/?p=69' rel='external nofollow'>L’Esperteyu » Blog Archive » Sigo probando cositas para esto</a>Pingback por L’Esperteyu » Blog Archive » Sigo probando cositas para esto — 25 Diciembre 2006 #

    [...] Ademas de los videos de youtube y google, acabo de ver aqui que existe un servicio al estilo de estos dos anteriores, pero con ficheros de audio, parece interesante la cosa, y permite enlazar los ficheros directamente desde paginas externas como esta [...]

  9. Avatar de <a href='http://www.elendil.es/blog/goearcom-y-wordpress/' rel='external nofollow'>Blog Personal de Xoxe » Goear.com y Wordpress</a>Pingback por Blog Personal de Xoxe » Goear.com y Wordpress — 7 Enero 2007 #

    [...] Tal y como pasa con Youtube o Google Video, goear descuadra y descojona todo el blog con el clásico embed pero así como Youtube o Google Video, Goear también tiene su solución y la encontré en esta web que explica la solución. Esperemos que salga pronto un plugin que facilite dicho código expuesto en noseque.net Voy a celebrar dicho descubrimiento gracias a Noseque.net con una canción que me guste [...]

  10. Avatar de <a href='http://www.zyklon.com.ar' rel='external nofollow'>Leo</a>Comentario por Leo — 11 Enero 2007 #

    hola, muy bueno el informe, ahora te hago una consulta, se puede hacer que la cancion se empiece a reproducir sola?

    Saludos
    Leo.-

  11. Avatar de <a href='http://warrenelcriticon.blogsome.com' rel='external nofollow'>Warren Keffer</a>Comentario por Warren Keffer — 2 Febrero 2007 #

    Puesss yo uso blogsome, que me parece que está basado en wordpress. Sea como sea, ninguna de las dos formas funciona al intentar meter música en los artículos :( :( :(

  12. Avatar de <a href='http://www.mimundodecrayola.blogspot.com' rel='external nofollow'>victoria</a>Comentario por victoria — 17 Febrero 2007 #

    oooo, eres genial, es decir, es genial quien dio el consejo, muchas gracias, por la ayuda.

  13. Avatar de <a href='http://www.intosantander.blogspot.com' rel='external nofollow'>feeliipee</a>Comentario por feeliipee — 8 Mayo 2007 #

    hola
    sabes que al insertar la canción en mi blog me dice que los reproductores externos no estan en funcionamiento… pero veo que tú tienes el reproductor y no sé cómo puedo colocar el archivo de música…
    et agradecería que me ayudaras

  14. Avatar de <a href='http://www.noseque.net' rel='external nofollow'>Gosku</a>Comentario por Gosku — 8 Mayo 2007 #

    feeliipee, lo siento, pero la gente de goear efectivamente ha desactivado los reproductores externos. En este blog tampoco se ven. Siento no poder ayudarte.

    Saludos.

  15. Avatar de <a href='http://www.noseque.net/wordpress/2007/05/09/goear-no-termina-de-despegar/' rel='external nofollow'>Noséqué.net » Goear no termina de despegar</a>Pingback por Noséqué.net » Goear no termina de despegar — 9 Mayo 2007 #

    [...] Cómo insertar una canción de Goear Xhtml válida Escrito por Gosku | Categorías: Música, Internet | [...]

  16. Avatar de <a href='http://jdreggaeton.blogspot.com' rel='external nofollow'>juan</a>Comentario por juan — 30 Mayo 2007 #

    hola tengo una pregunta
    como hago para poner varias canciones en el reproductor de goear

  17. Avatar de <a href='http://jhonelcolombiano.blogspot.com' rel='external nofollow'>jhon</a>Comentario por jhon — 12 Junio 2007 #

    compi gracias por tu codigo espero que sigas publicando mas O.K

  18. Avatar de <a href='http://lacomunidad.elpais.com/ote-garcia/posts' rel='external nofollow'>José</a>Comentario por José — 25 Julio 2007 #

    Hola. Hoy he descubierto GoEar a través de una amiga de la red. Me he registrado y al probar de incluir un tema en mi blog, me aperece como que no se “ver” pero cliqueando te llevan a la pagina original.
    Y ahora, gracias a tu consejo, ya sale “perfecto”. Eres un acha. Menos mal de personas como tu. Agradecido y te saludo.
    José

  19. Avatar de eyla sihomaraComentario por eyla sihomara — 2 Agosto 2007 #

    hola!!
    poes quiero quitar mis comentarios pero quiero comentar por un cuadrito y que no se quiten mis amigos de mi top bueno bye espero y me ayuden con esto :)

  20. Avatar de <a href='http://dlocura_nr20' rel='external nofollow'>nicce</a>Comentario por nicce — 3 Agosto 2007 #

    bueno pude tener la cancion y el codigo pero nos e donde incertarlo a parte de q estoy recien en esto de los blog se lo dedique a mi novio y quiero saber como puedo hacer para q funcione la musica porfa ayudame

  21. Avatar de <a href='http://www.videosrubiel.blogspot.com' rel='external nofollow'>videosrubie</a>Comentario por videosrubie — 31 Agosto 2007 #

    esta chido el mio lla sirve
    a visiten http://www.videosrubiel.blogspot.com

  22. Avatar de <a href='http://www.escoin.net/blog/index.php/2006/10/17/me-llaman-mala-persona/' rel='external nofollow'>Me llaman mala persona</a>Pingback por Me llaman mala persona — 25 Septiembre 2007 #

    [...] Acabo de descubrir GoEar.com gracias a un compi del curro. Para insertar el reproductor embebido, me las he visto y deseado, como me pasaba al principio con youtube, así­ que he tenido que echar mano de google y he encontrado la solución en Noseque.net. [...]

  23. Avatar de <a href='http://www.joseluismerino.net/blog/?p=10' rel='external nofollow'>Desde este otro lado » Colors and the kids</a>Pingback por Desde este otro lado » Colors and the kids — 14 Octubre 2007 #

    [...] insertar una canción de Goear en Wordpress, me ha sido útil este artículo de Noséqué). It must be the colors And the kids That keep me alive ‘Cause the music is [...]

  24. Avatar de <a href='http://www.elrincondemarizul.blogspot.com' rel='external nofollow'>Marizul</a>Comentario por Marizul — 30 Diciembre 2007 #

    La verdad esque soy bastante novatilla en esto, me he puesto hace una horilla a ver si conseguia enterarme de como puedo poner un reproductor de música en mi blog, y gracias a vosotros lo he conseguido pero mi duda es… hay algún modo de poder cologar varias canciónes como he visto en algunas webs? Hay que seperar las distintas URLs por comas o algo así?Esq mi conocimiento sobre programación es ínfimo. Gracias por adelantado por si me podeis ayudar.Un saludo!

  25. Avatar de <a href='http://www.notthehen.blogsome.com' rel='external nofollow'>Alvaro</a>Comentario por Alvaro — 11 Enero 2008 #

    y para que inicie sola la canción al entrar?

  26. Avatar de CyassComentario por Cyass — 14 Enero 2008 #

    hoola !
    ah bue …lindo aporte….es justo lo qe estaba buscando jaja
    bue …tengo un pequeño problema …tengo un metroflog…y eh intentado …pero cmo qe mi inutilidad no me deja avansar…
    osea…(conclusion) he echo lo qe dicen en este blog ….pero no se si lo ice bien….
    me gustaria qe me den una mano….
    este es mi mail….
    grasias….
    javo_ok91@hotmail.com

    Cyass

  27. Avatar de CyassComentario por Cyass — 14 Enero 2008 #

    ah! otra cosa….
    cuando estoy escribiendo un mensaje ,pego esos “link” en mi metroflog…para dejar el tema……pero cuando lo publico….ese link no ta mas (desaparece)…y nunca se me pone el reproductor de goear

    eso numas…
    ayudenmeeeeeeeeee!!!

    Cyass

  28. Avatar de <a href='http://olaamores' rel='external nofollow'>karolinda</a>Comentario por karolinda — 9 Febrero 2008 #

    porfa me encantaria ponerle musica a mi metroflog me pueden enseñar plisssss aki les dejo mi msn karo_angelitha_xx@hotmail.com estare esperando xauuu y graciassssssss

  29. Avatar de wakoComentario por wako — 16 Febrero 2008 #

    holaaaaaa. toy desesperaoooooooo. ughhhhh. he subido en Goear varias canciones perfectamente y una vez subidas les doy a reproducir, se se cargan… marca el display 100% loaded pero no se oyennnn, sin embargo las de los demas usuarios si. que demonios sera???

  30. Avatar de <a href='http://clanassure.blogspot.com' rel='external nofollow'>ingeniero</a>Comentario por ingeniero — 18 Febrero 2008 #

    me gustaria saver como ago que el reproductor de goear se inicie automatico cuando alguien entra en el blog, agradezco alluda, gracias.

  31. Avatar de <a href='http://clanassure.blogspot.com' rel='external nofollow'>ingeniero</a>Comentario por ingeniero — 19 Febrero 2008 #

    nadie save como acer que se inicie automatico?
    el reproductor de goear?

  32. Avatar de JacoboComentario por Jacobo — 7 Marzo 2008 #

    Gracias por comentar, tan detalladamente, todos los pasos que hay que dar para tener el reproductor en una entrada.
    Sólo desearía que me indicaras cómo cambiar la canción que le he puesto, ya que, si edito la entrada, me sale la imagen del reproductor otra vez y no puedo editar el código para cambiarle la canción.

    Gracias.

  33. Avatar de zorglubComentario por zorglub — 9 Mayo 2008 #

    Socorro!!!
    Hola a todos. He subido una canción a goear, he seguido todos los pasos religiosamente y sigo sin poder escuchar la canción en mi blog. Me aparece el reproductor y hace como si sonara la canción, pero no se oye nada.
    Alguien sabe la razón?
    Mil gracias

Deja un comentario

Por favor, sé respetuoso con los demás en tus comentarios y esto incluye no usar mayúsculas o negritas innecesariamente. Si vas a pedir ayuda ten en cuenta que recibirás la misma dedicación en la respuesta que tú pongas al formular la pregunta. Si no recibes respuesta no te servirá de nada insistir. Nos reservamos el derecho de borrar sin previo aviso los comentarios ofensivos.

Noseque.net usa WordPress con un Tema diseñado por Borja Fernandez y adaptado a nuestro gusto.
XHTML y CSS Válidos.

Cerrar
Enviar por Correo