Porqué en chrome se me reproducen los audios simultáneamente.?
4 seguidores
Hola a todos .
Tengo el siguiente problema... en todos los navegadores funciona este código pero en chrome se reproducen los sonidos a la vez cuando se carga la página.
¿Como lo puedo solucionar?
<embed style="float:left; margin-top:10px" src="sonidos/alompe1.mp3" controls=console width="380" height="30" loop="false" volume=100 autostart="false">
Usuario desconocido
Para incluir audio la etiqueta apropiada es <audio>, no <embed>. La etiqueta audio se creó para facilitar la inserción de sonido sin necesidad de recurrir a plugins, mientras que embed tiene como objetivo insertar contenidos que sí necesitan un plugin (como Flash, por ejemplo).
mads_creativo
No funciona.
mads_creativo
Ahora si.
Muchas gracias si que funciona.
mads_creativo
Ahora en chrome y en safari funcionan a la perfección. En explorer anteriores al último no funciona.
Esto es un lio la verdad.
Usuario desconocido
HTML5 no es plenamente soportado por todos los navegadores. Probablemente sea buena idea comprobar (con javascript) que el navegador del usuario soporta la etiqueta audio (y el codec utilizado) para insertar el código de esa forma o mostrar un reproductor alternativo. Creo que IE soporta <audio> a partir de la versión 9.
mads_creativo
Ok muchas gracias.
Prefiero que en chrome falle que no en explorer.
Un saludo.
guitobon
Permidme intervenir en la conversación.
Lo preferible y necesario (al menos en mi opinión) es que funcione en todos los navegadores.
Posiblemente vaya a contracorriente, pero solo uso HTML5 si es necesario (Ej. si necesito usar CANVAS, si el web debe ser compatible Apple y tiene videos,...)
Cuando uso HTML5 procuro utilizar cosas que funcionen elnlos navegadores habituales (IE7, 8, 9, Firefox, Chrome, Safari) sino siempre hay que dar alternativas usables.
Como bien dice Steven, hay que comprobar via javsacript si el tag audio está soportado.
En caso contrario, una alternativa sería meter un reproductor Flash deauido, siempre y cuando el Flash este disponible en el navegador.
Si no hay Flash, ni tag audio (raro) siempre puedes meter un aviso y un link al mp3 y que sea el sistema operativo el que se apañe para reproducirlo si el visitante tiene interes.
Hay que tener cuidado con las alternativas para que los spiders de Google (no ejecutan Javascript ni Flash) "vean" el contenido, de cara a temas de "SEO in page".
mads_creativo
Efectivamente estoy con lo que dices y me has dado una solución bastante buena.
Estos de los navegadores es un royo ya que sobre todo los ordenadores de las empresas siguen utilizando explorer antiguos y si haces una web dedicada a este tipo de sector tienes que tener claro que debe funcionar en estos navegadores antiguos aunque tengas que lapidar algunas de las caracteristicas de HTML5.
En fin... creo que utilizaré la etiqueta embed aunque en chrome se reproduzcan los dos a la vez si hay alguna forma de que lo hagan en silencio y sea el cliente el que le de volumen o le porndre un link al MP3.
Un saludo a todos y muchas gracias.
www.eldesaviocreativo.es
Juanmanuelalcon.com
hola!
no desesperes con técnicas crossbrowser, es una cuestión de aprendizaje y al final resulta bastante sencillo.
Puedes probar este reproductor http://jplayer.org/, detecta si el navegador soporta html5 y ofrece automáticamente la opción flash para el navegador que no lo soporte.
Lee la documentación y piensa que todo lo que no quieras mostrar lo puedes ocultar mediante el propio script o mediante css.
Un saludo!
guitobon
Juan Manuel, hacer que el navegador se descargue cosas para no mostrarlas es un error. Eso puede afectar al rendimiento y velocidad de la página en mayor o menor medida.
Hay que tenrlo presente, según el caso.
Ejemplo: No tiene sentido hacer que un navegador se descargue un componente Flash, si nos es capaz de reproducirlo.
De lo contrario puedes estar haciendo webs "optimizadas para red local".
Lo correcto es crear el componente si esta soportado, NO ocultarlo si no se soporta.
mads_creativo
AL final dada la disparidad de opciones y variedad de resultado en los diferentes navegadores he optado por crear una imagen el cual pone escuchar audio con un link al mp3 y creo que es lo que más me convence.
Sobre todo muchas gracias a todos; sois una inspiración.
Juanmanuelalcon.com
Muy buenas,
"guitobon", yo no digo que se vayan a descargar componentes inútiles, el script detecta la versión del navegador y utiliza un player en consecuencia por lo cual sólo se utiliza un componente, la documentación lo explica muy bien y por cierto, es un player muy liviano y funciona de lujo incluso en versiones móviles (con o sin flash).
Y cuando me refiero a ocultar cosas, me refiero a ocultar elementos del propio player, "El Desavio Creativo" no especifica las opciones que se van a ofrecer al usuario, play, pause, stop, cambio de canción, ajuste de volumen, etc, etc.
Espero que encuentres una solución adecuada.
Un saludo.
edwin_melara
Hola, pasaba por aqui y me decidi a hecharte una ayuda.
Mira sobre el html5 son los estadares por el momento en la web, y se aconseja que se utilize su nuevas etiquetas que son mas sematicas y tiene mas logica, pero no es una ley hoy por dia.
Y sobre el video, a mi me gusta bastante usar la nueva etiqueta de html 5(video), y me gusta acompañarle con un plugin Jquery.
Mi favorito
Mediaelementjs - (http://mediaelementjs.com/) - en su pagina inicial hay informacion en ingles pero buena informacion.
una buena pagina en donde puedes encontrar buena informacion sobre este plugin: (http://designmodo.com/video-player/)
otro
http://videojs.com/
hay muchos mas, pero espero que estos te sirvan, lo unico que el video deve convertirlo en distas exticiones por aquello de la compatibilidad de los navegadores,( .ogv, .mp4, .webm) pero te recomiendo que si la puedes utilizar seria fabuloso.
Suerte y si quieres hacer un poco mas personal escribeme y te puedo dar un canal de youtube en donde te explica como hacer de la manera las facil.
Alguna duda estamos para ayudar.
Espero te sirva la informacion. Suerte