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

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/external.swf?file=XXXXXXX"> <param name="movie" value="http://www.goear.com/files/external.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/external.swf?file='
+ myValue
+ '"><param name="movie" value="http://www.goear.com/files/external.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.

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

  1. Avatar de <a href='http://mactiste.wordpress.com' rel='external nofollow' class='url'>mactiste</a>

    mactiste dice:

    20/9/2006, 10:59

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

    =(

  2. Avatar de <a href='http://www.noseque.net' rel='external nofollow' class='url'>Gosku</a>

    Gosku dice:

    20/9/2006, 18:56

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

  3. Avatar de <a href='http://mactiste.wordpress.com/' rel='external nofollow' class='url'>mactiste</a>

    mactiste dice:

    20/9/2006, 22:21

    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!

  4. Avatar de <a href='http://www.zyklon.com.ar' rel='external nofollow' class='url'>Leo</a>

    Leo dice:

    11/1/2007, 21:49

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

    Saludos
    Leo.-

  5. Avatar de <a href='http://warrenelcriticon.blogsome.com' rel='external nofollow' class='url'>Warren Keffer</a>

    Warren Keffer dice:

    2/2/2007, 21:12

    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 :( :( :(

  6. Avatar de <a href='http://www.mimundodecrayola.blogspot.com' rel='external nofollow' class='url'>victoria</a>

    victoria dice:

    17/2/2007, 21:33

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

  7. Avatar de <a href='http://www.intosantander.blogspot.com' rel='external nofollow' class='url'>feeliipee</a>

    feeliipee dice:

    8/5/2007, 14:47

    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

  8. Avatar de <a href='http://www.noseque.net' rel='external nofollow' class='url'>Gosku</a>

    Gosku dice:

    8/5/2007, 19:05

    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.

  9. Avatar de <a href='http://jdreggaeton.blogspot.com' rel='external nofollow' class='url'>juan</a>

    juan dice:

    30/5/2007, 22:46

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

  10. Avatar de <a href='http://jhonelcolombiano.blogspot.com' rel='external nofollow' class='url'>jhon</a>

    jhon dice:

    12/6/2007, 17:40

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

  11. Avatar de <a href='http://lacomunidad.elpais.com/ote-garcia/posts' rel='external nofollow' class='url'>José</a>

    José dice:

    25/7/2007, 14:37

    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é

  12. Avatar de eyla sihomara

    eyla sihomara dice:

    2/8/2007, 22:35

    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 :)

  13. Avatar de <a href='http://dlocura_nr20' rel='external nofollow' class='url'>nicce</a>

    nicce dice:

    3/8/2007, 07:23

    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

  14. Avatar de <a href='http://www.videosrubiel.blogspot.com' rel='external nofollow' class='url'>videosrubie</a>

    videosrubie dice:

    31/8/2007, 19:30

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

  15. Avatar de <a href='http://www.elrincondemarizul.blogspot.com' rel='external nofollow' class='url'>Marizul</a>

    Marizul dice:

    30/12/2007, 19:24

    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!

  16. Avatar de <a href='http://www.notthehen.blogsome.com' rel='external nofollow' class='url'>Alvaro</a>

    Alvaro dice:

    11/1/2008, 04:02

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

  17. Avatar de Cyass

    Cyass dice:

    14/1/2008, 16:03

    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

  18. Avatar de Cyass

    Cyass dice:

    14/1/2008, 16:18

    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

  19. Avatar de Jacobo

    Jacobo dice:

    7/3/2008, 23:09

    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.

  20. Avatar de zorglub

    zorglub dice:

    9/5/2008, 02:56

    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

  21. Avatar de author

    author dice:

    14/5/2008, 03:34

    Aun no puedo hacerlo, que rayos!
    Maldito blogger!
    No se si en wordpress, trate de hacerlo en blogger y…me llene totalmente de un gigantesco stress!

  22. Avatar de <a href='http://www.monosdemonte.wordpress.com' rel='external nofollow' class='url'>juan</a>

    juan dice:

    20/5/2008, 05:17

    hola: tengo wordpress y acabo de obtener una cuenta goear para colocarla en el blog y no se puede. no se si lo esplicaste mas arriba o no entendi por que no me manejo mucho con codigos. cual serà la manera de colocar musica del goear a mi wordpress? gracias…

  23. Avatar de andri

    andri dice:

    26/8/2008, 07:39

    hi,alguien me puede desir como puedo hacer que el reproductor de goear se inicie al abrir mi blong

  24. Avatar de <a href='http://botella-al-mar.blogspot.com/' rel='external nofollow' class='url'>Amazilia</a>

    Amazilia dice:

    8/9/2008, 22:28

    Muchas gracias!!! Sos un exito. Por fin pude insertar el reproductor en mi blog.
    Mil gracias

  25. Avatar de <a href='https://negociodelsiglo21.wordpress.com' rel='external nofollow' class='url'>Miguel</a>

    Miguel dice:

    20/11/2008, 00:25

    Hola como veras tengo un blog de wordpres y e copiado mas de 10 veces el codigo que tienes arriba y nada , no pasa nada , por que para otro tipo de blog es facil insertar un audio de goear pero para wordpress es un dolor de cabeza , estas seguro que las xxxxxx reemplaza solo por el codigo? por favor a ver si fuera posible chequear eso te lo agradeceria un monton…

Deja un comentario