+ Responder Tema
Resultados 1 al 5 de 5

Tema: AudioJs - Un reproductor de Mp3 en HTML5

  1. #1
    Me va gustando esto... Habitante FoxLoghan Está en el buen camino Avatar de FoxLoghan
    Fecha de Ingreso
    24 nov, 07
    Ubicación
    Mexico,DF
    Mensajes
    75
    Poder de Reputación
    7

    AudioJs - Un reproductor de Mp3 en HTML5


    Otro aporte mas , ahora entrando en temas de HTML

    AudioJs es un plugin de jQuery que utiliza el nuevo tag audio de html5 para reproducir mp3 en tu navegador y cambia el reproductor por una película flash si tu navegador no soporta html5 automáticamente.

    INSTALACIÓN

    Primero descargamos el plugin desde la pagina oficial
    -http://kolber.github.com/audiojs/

    Dentro de la carpeta que descargamos encontraremos los siguientes archivos
    -audio.js,
    -player-graphics.gif
    -audiojs.swf

    Ahora tenemos que incluir el archivo audio.js en nuestra pagina web entre <head> y </head> , de la siguiente manera :
    Código:
     
        <script src="/audiojs/audio.min.js"></script>
    Insertamos el codigo para inicializar audio.js:
    Código:
        <script>
          audiojs.events.ready(function() {
            var as = audiojs.createAll();
          });
         </script>
    Listo , ahora ya podemos usar la etiqueta <audio> en donde se nos de la gana :D de la siguiente manera
    Código:
        <audio src="/mp3/juicy.mp3" preload="auto" />

    DEMO, DESDE LA PAGINA DEL AUTOR :D

    Saludos a todos , espero les sirva ^^
    Imágenes Adjuntadas Imágenes Adjuntadas
    Sólo los débiles hacen copias de seguridad en cd´s, los hombres de verdad suben sus cosas importantes a un ftp y permiten que el resto del mundo haga un mirror
    -- Linus Torvalds

  2. #2
    Me va gustando esto... Habitante jacob Está en el buen camino Avatar de jacob
    Fecha de Ingreso
    29 sep, 11
    Mensajes
    171
    Poder de Reputación
    1
    muy bueno compañero a va mi puntito
    un saludo

  3. #3
    Moderador CCTW Habitante johnpeterjp Está en el buen camino Avatar de johnpeterjp
    Fecha de Ingreso
    13 abr, 06
    Mensajes
    2,845
    Poder de Reputación
    23
    Muy buen tuto y dato. Gracias por el aporte.
    "Conocimiento es necesidad, necesidad es conocer lo que necesitamos"


  4. #4
    Recien Llegado! Habitante suizer Está en el buen camino Avatar de suizer
    Fecha de Ingreso
    06 ene, 12
    Mensajes
    17
    Poder de Reputación
    1
    Que bueno! Tengo que ponerme a leer cosas sobre HTML5 para no estancarme en la programación. Gracias es muy bueno!

  5. #5
    Esto empieza a ser un vicio... Habitante Doodleo has a spectacular aura aboutDoodleo has a spectacular aura about Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,029
    Poder de Reputación
    8
    Genial! Te doy mis puntitos de reputación ^_^

+ Responder Tema

Temas Similares

  1. Html5 y css3
    Por paxarin en el foro Tutoriales Varios
    Respuestas: 27
    Último Mensaje: 02/07/2011, 02:49
  2. HTML5 y CSS3
    Por ZoK3R_2.0 en el foro Foro General
    Respuestas: 0
    Último Mensaje: 19/05/2011, 19:42
  3. hola buenas...problemas html5
    Por josepages en el foro Video, Música y Sonidos
    Respuestas: 1
    Último Mensaje: 18/07/2010, 21:28

Etiquetas para este Tema

Permisos de Publicación

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