Как добавить фоновую музыку на веб-страницу? - PullRequest
8 голосов
/ 30 июня 2011

Как добавить фоновую музыку на веб-страницу? Чтобы при открытии страницы посетитель автоматически воспроизводил музыку.

Я пробовал <object> <embed> и <bgsound>, но все они не работают в Firefox. Почему?

Ответы [ 3 ]

6 голосов
/ 30 июня 2011

Тег <bgsound> относится к Internet Explorer и поэтому не будет работать в других браузерах, таких как FireFox.Тег <embed> должен работать в FireFox, если вы используете его правильно.Он будет использовать плагин браузера для воспроизведения звука.Ниже приведен пример:

<embed loop="true" src="sound.wav" hidden="true" type="video/quicktime"></embed>
  • loop="true" указывает на многократное воспроизведение звука.
  • src="sound.wav" указывает относительный путь звукового файла для воспроизведения.Разнообразие форматов, которые вы можете воспроизводить, зависит от того, что type= вы укажете.
  • hidden="true" означает, что интерфейс медиаплеера не отображается.Если хотите, чтобы пользователь не мог приостанавливать, останавливать или перемещаться по звуку, скрывайте его.
  • type="video/quicktime" указывает на использование компонента Quicktime, что означает, что на клиенте должен быть установлен Quicktime.Используйте application/x-mplayer2 для Windows Media Player или audio/x-pn-realaudio-plugin для Real Player аудио.Quicktime воспроизводит больше форматов и, вероятно, вам захочется.

В качестве альтернативы, используйте <object> очень похожим образом.Ниже приведен пример:

<object data="sound.wav" type="video/quicktime" width="0" height="0">
    <param name="filename" value="sound.wav">
    <param name="autostart" value="1">
    <param name="playcount" value="true"> 
</object>

Имейте в виду, что, как и тег <marquee>, фоновый звук на веб-странице обычно вызывает недовольство, поскольку он часто навязчив и раздражает.Кроме того, когда пользователь переключается между страницами или вызывает постбэк, звук перезапускается с самого начала.Используйте только аудиоформаты с высокой степенью сжатия, то есть файлы небольшого размера, иначе звук не будет воспроизводиться в течение нескольких секунд во время загрузки на клиентский компьютер.

5 голосов
/ 14 марта 2016

Для воспроизведения звука и отображения стандартных элементов управления:

<audio autoplay="autoplay" controls="controls">
     <source src="http://play.onet4u.com/nazrenz.mp3" />     
 </audio>

Или скрыть элементы управления:

<audio autoplay="autoplay">
     <source src="http://play.onet4u.com/nazrenz.mp3" />     
 </audio>
5 голосов
/ 20 июня 2013

Метод встраивания размещает медиаплеер на вашей странице.Вот самая основная версия кода:

<audio controls="controls"><source src="SoundFile.mp3" type="audio/mpeg" /></audio>

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

enter image description here

Если вы предпочитаете не показыватьигрок (и дать пользователю никакого контроля ), используйте этот код:

<audio><source src="SoundFile.mp3" type="audio/mpeg" /></audio>

Для получения дополнительной информации и параметров, таких как автозапуск, см. HTML5 audio .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...