Встраивание аудио в IE (7+) с возможностью JavaScript для включения и выключения звука - PullRequest
Новая
       21

Встраивание аудио в IE (7+) с возможностью JavaScript для включения и выключения звука

1 голос
/ 29 сентября 2011

Я искал способ встраивать аудио на сайт, иметь возможность зацикливания и автозапуска, а также иметь возможность отключать и включать звук с помощью JavaScript. Я знаю, что это возможно и очень просто в html5, но я слышал, что IE еще не поддерживает html5 (или, возможно, аудио-теги).

Мне также нужно, чтобы встроенный звук работал еще в IE7. Поэтому я думаю, что использование тегов будет работать для всех других браузеров, кроме IE, хотя я надеялся, что что-то подобное может работать для IE; к сожалению, он не поддерживает вызовы из javascript для отключения и включения звука - это потому, что я не хочу, чтобы какие-либо элементы управления из аудиоплеера были видны; просто пользовательская кнопка звука, которую пользователь может щелкнуть, чтобы отключить или включить звук. Есть идеи? Кажется, что-то вроде этого - самая простая вещь, но самая трудная вещь для кодирования: /

Ответы [ 2 ]

5 голосов
/ 29 сентября 2011

Рассмотрите возможность использования проигрывателя, который использует HTML 5 по умолчанию, но может использовать Flash, если он не поддерживается.

JPlayer может сделать это и имеет функцию отключения звука .

0 голосов
/ 30 сентября 2011

HTML5 - ваша лучшая ставка. 

<audio>
    <source src="horse.ogg" type="audio/ogg" />
    <source src="horse.mp3" type="audio/mp3" />
    <!--
        You can put a flash player here in case the users browser doesn't support HTML5 or any of the audio formats you have added.
    -->
</audio>

атрибуты, которые вы можете указать в звуковом теге: controls='controls', чтобы включить параметры воспроизведения, такие как пауза воспроизведения и управление громкостью, включая отключение звука;loop='loop' для включения автоматической петли;autoplay='autoplay' очевидно, для автоигры;и preload='auto' для загрузки аудио при загрузке страницы (вы также можете указать «метаданные» или «нет»)

ваш плеер, вероятно, будет выглядеть так: 

<audio preload='auto' autoplay='autoplay' controls='controls' loop='loop'>
    <source src="yoursound.ogg" type="audio/ogg" />
    <source src="yoursound.mp3" type="audio/mp3" />
    <!--
        Flash player here to fall back on if the users browser doesn't support HTML5
    -->
</audio>
...