Reproducción de audio en HTML

Quiero reproducir un archivo de audio mp3 en HTML. No quiero mostrar todo el reproductor con controles como Volumen, etc. Solo necesito un botón de reproducción/pausa, diseñado por mí, no el diseño central de algún jugador, como Yahoo Player o Google One.Reproducción de audio en HTML

Por ejemplo, el audio se reproducirá automáticamente. Cuando se hace clic en un botón (probablemente una imagen), se pausa, y cuando se vuelve a hacer clic en esa imagen, el audio volverá a reproducirse.

Hay bastantes ejemplos aquí: http://www.w3schools.com/html/html_sounds.asp

¿Puedo controlar cualquiera de ellos para reproducción/parada de código JS?

Fuente

2011-12-27 Sohail

Desafortunadamente, la implementación de este sí mismo es un poco de una pesadilla. Recomiendo usar un complemento para esto, simplemente no hay una API oficial de Javascript para audio. –

flash sería la única alternativa para esto – Joseph

Puede usar el html5 audio tag. Puede especificar sus propios controles para la reproducción.

<audio preload="auto" autobuffer> 
    <source src="elvis.mp3" /> 
    <source src="elvis.wav" /> <!-- fallback if no mp3 support in browser --> 
</audio>

Esta es una solución jQuery.

http://jsfiddle.net/QPW27/109/

Esto es lo que su solución no jQuery se vería así.

var foo = document.getElementById('player'); 
foo.pause(); //just bind play/pause to some onclick events on your page 
foo.play();

Los diferentes navegadores son compatibles con diferentes formatos de audio. Sin embargo, puede especificar versiones de audio de respaldo. Este sitio web tiene un buen chart of browser support a partir de julio de 2011.

Fuente

2011-12-27 05:13:18 mrtsherman

Con suerte, en unos pocos años, la HTML5 audio API se apoyará al otro lado de más navegadores, pero en la actualidad, la reproducción de sonidos requiere o bien una gran cantidad de cortes específicas del navegador para hacer las cosas de trabajo, o confiar en un complemento de navegador como flash.

Mientras tanto, recomiendo usar SoundManager2. Es bastante fácil de manejar e implicará mucho menos dolor de cabeza que hacerlo usted mismo.

Fuente

2011-12-27 05:26:45

Audio.js parece que tiene las características de estilo del reproductor que está buscando, con una degradación elegante de Flash si el navegador no es compatible con la nueva API de audio.

Fuente

2011-12-27 05:40:59 Aaron

Puede reproducir el audio mediante el uso de la etiqueta embed

<!DOCTYPE html> 
<html> 
<body> 

<p><a href="horse.mp3">Play mp3</a></p> 
<p><a href="liar.wav">Play wav</a></p> 

<script src="http://mediaplayer.yahoo.com/js"></script> 

</body> 
</html>

Fuente

2012-12-12 11:51:31 chandru

Respuesta

Cuestiones relacionadas