Воспроизведение аудио в HTML

Я хочу воспроизвести mp3-файл в формате HTML. Я не хочу отображать весь плеер с такими элементами управления, как Volume и т. Д. Мне просто нужна кнопка воспроизведения/паузы, разработанная мной, а не основной дизайн какого-либо игрока, например, yahoo player или google.Воспроизведение аудио в HTML

Например, звук будет автовоспроизведен. Когда нажимается кнопка (возможно, изображение), она приостанавливается, и когда это изображение снова нажимается, звук воспроизводится снова.

Есть довольно несколько примеров здесь: http://www.w3schools.com/html/html_sounds.asp

Могу ли я контролировать любой из них, чтобы играть/стоп от JS кода?

источник

2011-12-27 Sohail

К сожалению, реализации этого сами немного кошмара. Я рекомендую использовать плагин для этого - просто нет официального Javascript API для аудио. –

flash будет единственной альтернативой для этого – Joseph

Вы можете использовать html5 audio tag. Вы можете указать свои собственные элементы управления для воспроизведения.

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

Это решение jQuery.

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

Это то, что ваше решение без JQuery будет выглядеть.

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

Различные браузеры поддерживают различные аудиоформаты. Однако вы можете указать резервные аудио версии. Этот сайт имеет приятный chart of browser support по состоянию на июль 2011 года.

источник

2011-12-27 05:13:18 mrtsherman

Надеюсь, через несколько лет HTML5 audio API будет поддерживаться в сравнении с другими браузерами, но в настоящее время для воспроизведения звуков требуется либо множество браузеров-хаков, чтобы заставить все работать, или полагаться на плагин браузера, такой как flash.

В то же время, рекомендую использовать SoundManager2. С этим довольно легко работать и будет вовлекать гораздо меньше головной боли, чем делать это самостоятельно.

источник

2011-12-27 05:26:45

Audio.js выглядит так, что у него есть функции стилизации проигрывателя, которые вы ищете, с грациозным ухудшением состояния Flash, если браузер не поддерживает новый аудио API.

источник

2011-12-27 05:40:59 Aaron

Вы можете воспроизводить аудио с помощью встраивания тегов

<!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>

источник

2012-12-12 11:51:31 chandru

Воспроизведение аудио в HTML

ответ

Смежные вопросы