Problema al reproducir mp3 con un un atributo personalizado Problema al reproducir mp3 con un un atributo personalizado
Problema al reproducir mp3 con un un atributo personalizado
Mostrando resultados del 1 al 6 de 6
  1. #1
    Problema al reproducir mp3 con un un atributo personalizado
    Buenas noches betas!

    El tema es que no consigo reproducir el sonido con esta función al hacer click con el ratón.

    filename es el atributo personalizado que necesito ya que los archivos mp3 tienen el mismo nombre que el atributo filename="001"
    es decir, 001.mp3

    Código PHP:
    $(document).ready(function() {
        var 
    sound document.createElement("audio");
        if (!(
    "src" in sound)) {
            
    sound document.createElement("bgsound");
        }
        
    document.body.appendChild(sound);

        $(
    ".player").click(function(event) {
            
    sound.src this.filename;
            
    sound.play && sound.play();
        }, function() {
            
    sound.src "../sounds/";
        });
    }); 
    Código PHP:
    <span class="player" filename="001" ".mp3">Click/span

    Saludos

  2. #2
    Registro
    06-diciembre-2011
    Ubicación
    Perú
    Mensajes
    591
    para qué es ese 001" + ".mp3

    " + "

    ??
    Citar Citar  

  3. #3
    porque ya están creados así los <span filename="001"><span filename="002"> y hay muchísimos y los archivos de sonido tienen el mismo nombre pero con la extensión .mp3 . Así con la función ya reproduzco los sonidos sin tener que modificar miles de <span> pero no se si se hace asi +".mp3" o así +=".mp3".

    de hecho me he vuelto loco con muchas combinaciones de código y debo de estar oxidado ya que no he logrado reproducir el sonido


    saludos
    Citar Citar  

  4. #4
    jflabur y asi te funciona ??

    Código PHP:
    <span class="player" filename="001">Click/span
    Código PHP:
    $(document).ready(function(){
        
        var 
    sound document.createElement("audio");
        if (!(
    "src" in sound)) {
            
    sound document.createElement("bgsound");
        }
        
    document.body.appendChild(sound);

        $(
    ".player").click(function(){
        var 
    filename = $(this).attr("filename");
            
    sound.src "../sounds/"+filename+".mp3";
        
    sound.play();
        });
        
    }); 
    Citar Citar  

  5. #5
    YeltsinGraphs No me funciona así tampoco. gracias por responder


    Citar Citar  

  6. #6
    Registro
    19-enero-2017
    Ubicación
    México, CDMX
    Mensajes
    6
    Yo probé la opción de YeltsinGraphs y sí que funciona. Podrías actualizar el código que estás usando ahora?. Creo que hay muchos problemas, entre ellos al querer concatenar directo de HTML:

    Código HTML:
    filename="001" + ".mp3"
    El que probablemente es mejor usar los atributos data

    Código HTML:
    data-filename="001.mp3"
    El que las etiquetas audio ya cumplen esa misma función (es un poco redundante crear una etiqueta para ello, es decir, da lo mismo escribir

    Código PHP:
    <span filename="001.mp3></span> 
    Que

    Código PHP:
    <audio src="001.mp3" /> 
    Y finalmente que, cuando haces la llamada a this en tu script, el scope es jQuery y no el DOMElement al que deseas acceder. Para acceder directo al scope de ese DOMElement por medio de jQuery y a su ves obtener un data o un atributo, deberías hacer:

    Código:
    // <span data-filename>
    $(this).data('filename');
    
    // <span filename>
    $(this).prop('filename');
    
    // <span filename="value">
    $(this).attr('filename');

    Espero esto te ayude, saludos!
    Citar Citar  

Temas similares

  1. Problema al reproducir videos en Windows 10
    Hola, tengo problemas al reproducir videos en Windows 10 lo que pasa es que solo se escucha el audio y la pantalla en negro, me pasa con todos los...
    Respuestas: 7
    Último mensaje: 19-ago-2015
  2. ¿Problema al reproducir vídeo?
    Hola a todos. Resulta que al reproducir los vídeos subidos me sucede varias veces lo (del centro) de las imágenes, independientemente de lo que...
    Respuestas: 0
    Último mensaje: 03-feb-2015
  3. Cambiar Atributo en un XML
    Hola, Tengo un documento XML que tiene el siguiente atributo: date="1297075972" en varios nodos. Me gustaría cambiar ese atributo por una fecha...
    Respuestas: 1
    Último mensaje: 19-nov-2014
  4. atributo alt
    <img class="size-full wp-image-2533 " title="Solicite presupuesto" alt="solicite presupuesto"...
    Respuestas: 6
    Último mensaje: 10-oct-2013
  5. Problema con atributo LOOP (swf embed)
    Necesito ponerle el loop a un flash embebido (.swf), para que se reproduzca infinitamente y no se corte cuando finaliza la animacion, pero nose que...
    Respuestas: 7
    Último mensaje: 04-ene-2011

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •