Subpage under development, new version coming soon!
Subject: HTML5
- 1
Nikoturf3D [del] to
All
A ver los agraciados que entienden algo de esto. La cosa es así, modifiqué el diseño de mi web, con la idea de quitar el reproductor mp3 en flash e introducir otro en HTML5.
HTML5 introduce ahora la etiqueta Audio y con unas pocas líneas de código ya tenés tu reproductor tirando música al toque, funciona muy bien, la verdad. Tiene una contra, como todavía no está estandarizado el formato de audio que soportan los distintos navegadores, hay que cargar los archivos en diferentes formatos.
Mis temas los subí en mp3, ogg y aac. Mp3 lo lee Chrome e Interet Explorer en sus últimas versiones. Safari creo que lee aac, Android mp3 y Firefox y Opera sólo Ogg.
En mi pc de escritorio me bajé todos los navegadores, menos el ópera. Probé en el celu con Android y en el ipad y funciona en todos lados. El diseño del reproductor es distinto según el navegador (el más feo es el de Chrome).
El único problema que me surgió, es que cuando pruebo el funcionamiento de le web localmente (con los archivos en mi pc) funciona todo bárbaro, pero si reproduzco desde la web, el firefox no lo reproduce. Ni siquiera tira un mensaje de error que tiene que salir cuando el navegador no soporta html5. El reproductor carga a medias y se queda ahí muerto, no aparecen los controles. Probé de reproducir los archivos ogg en Chrome (que también los lee) y andan bien.
Entonces les pido varios favores al que pueda:
1) Que intenten reproducir un tema con firefox, a ver si el kilombo lo tengo yo
2) si algún usuario de mac puede probarlo porque no conozco a nadie y quiero sacarme la duda... con el Ipad y el Iphone funciona, así que debería descontar que en Mac también.
3) Si alguien usa Opera, que lo pruebe
4) si alguien sabe de esto, que me diga la solución jejejej
Gracias!
Saludos
P.D.: che, en mi web tengo visitas desde Estados Unidos... alguno de ustedes se mete o es un paracaidista total? encima me figura de distintas ciudades...
HTML5 introduce ahora la etiqueta Audio y con unas pocas líneas de código ya tenés tu reproductor tirando música al toque, funciona muy bien, la verdad. Tiene una contra, como todavía no está estandarizado el formato de audio que soportan los distintos navegadores, hay que cargar los archivos en diferentes formatos.
Mis temas los subí en mp3, ogg y aac. Mp3 lo lee Chrome e Interet Explorer en sus últimas versiones. Safari creo que lee aac, Android mp3 y Firefox y Opera sólo Ogg.
En mi pc de escritorio me bajé todos los navegadores, menos el ópera. Probé en el celu con Android y en el ipad y funciona en todos lados. El diseño del reproductor es distinto según el navegador (el más feo es el de Chrome).
El único problema que me surgió, es que cuando pruebo el funcionamiento de le web localmente (con los archivos en mi pc) funciona todo bárbaro, pero si reproduzco desde la web, el firefox no lo reproduce. Ni siquiera tira un mensaje de error que tiene que salir cuando el navegador no soporta html5. El reproductor carga a medias y se queda ahí muerto, no aparecen los controles. Probé de reproducir los archivos ogg en Chrome (que también los lee) y andan bien.
Entonces les pido varios favores al que pueda:
1) Que intenten reproducir un tema con firefox, a ver si el kilombo lo tengo yo
2) si algún usuario de mac puede probarlo porque no conozco a nadie y quiero sacarme la duda... con el Ipad y el Iphone funciona, así que debería descontar que en Mac también.
3) Si alguien usa Opera, que lo pruebe
4) si alguien sabe de esto, que me diga la solución jejejej
Gracias!
Saludos
P.D.: che, en mi web tengo visitas desde Estados Unidos... alguno de ustedes se mete o es un paracaidista total? encima me figura de distintas ciudades...
efectivamente, en firefox no anda, en explorer sí.
(edited)
(edited)
Yo entre con el Opera no hay nada para escuchar ¬¬
Bue al rato aparecio la barrita... pero no pasa naranja... ¿estas seguro que hace streaming y no que hay que esperar a descargar el archivo completo?
Por lo que veo siempre me tira por default la version .ogg sera que ¿el cliente tiene que tener los codecs para reproducirlo?
(edited)
Bue al rato aparecio la barrita... pero no pasa naranja... ¿estas seguro que hace streaming y no que hay que esperar a descargar el archivo completo?
Por lo que veo siempre me tira por default la version .ogg sera que ¿el cliente tiene que tener los codecs para reproducirlo?
(edited)
tenes que elegir un tema del menu de la izquierda y empieza a repreducir automáticamente.
El opera no reproduce Mp3. En donde probé yo (no mi máquina) carga al toque, hasta en los celulares y el Ipad... y bueh, voy a tener que apelar a Flash como otra opción, para los navegadores que no soporten nada de nada...
Gracias por el aporte... seguiré esperando a ver si alguien tira una punta...
Nico, en Firefox tampoco me anda. Tres cosas que podés probar:
1- En lugar de poner el nombre del archivo con espacios, ponelo así: musica/Mr.%20Bananorm%20-%20Terminal%20Retiro.ogg (o sea, reemplazá los espacios por %20).
2- Usá / en lugar de \ como separador de directorios.
3- En lugar de audio/ogg poné application/ogg como myme-type del archivo.
En realidad son tiros al aire (los dos primeros puntos debería resolverlos el servidor), no se por qué no funciona, pero son cosas que yo probaría.
(edited)
1- En lugar de poner el nombre del archivo con espacios, ponelo así: musica/Mr.%20Bananorm%20-%20Terminal%20Retiro.ogg (o sea, reemplazá los espacios por %20).
2- Usá / en lugar de \ como separador de directorios.
3- En lugar de audio/ogg poné application/ogg como myme-type del archivo.
En realidad son tiros al aire (los dos primeros puntos debería resolverlos el servidor), no se por qué no funciona, pero son cosas que yo probaría.
(edited)
Si, sabés que tuve muchas diferencias entre lo que es probar localmente la web y en los servidores. Generalmente los problemas vinieron por los caracteres españoles como el acento, la ñ y demás y también en el largo de caracteres. Modificando los nombres no tuve problemas, salieron andando, pero ya con firefox no supe qué hacer... Más por que en mi máquina funcionaba...
Lo que yo iba a probar es ponerle nombres onda DOS, o sea de 8 caracteres todos juntos sin mayúsculas ni letras extrañas.
Gracias, Seba!
Lo que yo iba a probar es ponerle nombres onda DOS, o sea de 8 caracteres todos juntos sin mayúsculas ni letras extrañas.
Gracias, Seba!
Gracias, Cord, puede andar por ahí la cosa, aunque como funcionó en mi FF, calculo que el problema vendrá mas por la interpretación de caracteres del servidor
aaat de güiner isssss:
2- Usá / en lugar de \ como separador de directorios.
jajajajaj
probé con los nombres cortos y no funcionó tampoco... hasta que probé en un tema poner la barra al revés y funcionó... ahora ya cambié todos los temas, pero acá no tengo FF
Gracias, Muchachos!
2- Usá / en lugar de \ como separador de directorios.
jajajajaj
probé con los nombres cortos y no funcionó tampoco... hasta que probé en un tema poner la barra al revés y funcionó... ahora ya cambié todos los temas, pero acá no tengo FF
Gracias, Muchachos!
Che, me olvidé de decirte, pero lo probé en FF 9 y anda 10 puntos. ;-)
Gracias, Seba!
Pero lo habías probado antes o ahora? yo no sé que FF tengo en casa, pero ahora me anduvo en esa misma versión que no andaba y era por las barras al revés
Qué loco, en los navegadores móviles agarró de una sin ninguna historia. Lo que veo es que en Safari y en FF no anda el auto play... y en Chrome todavía no toma los cambios estéticos del reproductor, no te da bola a las longitudes de ancho y largo que le pongas. Por eso lo puse en ese lugar, cosa de que tenga espacio de ser más grande o más chico según el navegador. Me hubiera gustado ponerlo en algún lugar más jugado de espacio, pero todavía eso del tamaño está muy verde.
Me está gustando HTML5, lo veo mucho más ágil que Flash. Yo más que nada hice el cambio para poder escucharlo en dispositivos móviles sin historia. En Android anda joya!
Pero lo habías probado antes o ahora? yo no sé que FF tengo en casa, pero ahora me anduvo en esa misma versión que no andaba y era por las barras al revés
Qué loco, en los navegadores móviles agarró de una sin ninguna historia. Lo que veo es que en Safari y en FF no anda el auto play... y en Chrome todavía no toma los cambios estéticos del reproductor, no te da bola a las longitudes de ancho y largo que le pongas. Por eso lo puse en ese lugar, cosa de que tenga espacio de ser más grande o más chico según el navegador. Me hubiera gustado ponerlo en algún lugar más jugado de espacio, pero todavía eso del tamaño está muy verde.
Me está gustando HTML5, lo veo mucho más ágil que Flash. Yo más que nada hice el cambio para poder escucharlo en dispositivos móviles sin historia. En Android anda joya!
Lo había probado antes y no había funcionado. Después de las modificaciones anduvo bien. ;-)
HTML5 es muy superior a flash, pero como todavía es algo nuevo hay cosas que no están estandarizadas al 100% y por eso encontrás cosas que en un navegador funcionan bien y en otros no. De a poco se está yendo hacia un estándar común, pero lleva tiempo.
HTML5 es muy superior a flash, pero como todavía es algo nuevo hay cosas que no están estandarizadas al 100% y por eso encontrás cosas que en un navegador funcionan bien y en otros no. De a poco se está yendo hacia un estándar común, pero lleva tiempo.
- 1