JQuery: Как запустить фоновую музыку на сайте?

Question

Я ищу плагин или код, с помощью которого я смогу запустить фоновую музыку, когда откроется мой веб-сайт. Этот тип функциональности обычно встречается на флеш-сайте, где фон, но я хочу сделать это с помощью jquery на моем сайте,

Пожалуйста, предоставьте любой плагин или кодовую ссылку, которая поможет мне в этом вопросе.

Спасибо

Answer 1

Я использую плагин JPlayer. У него есть методы, которые вы можете вызывать для запуска аудио в любое время и без проигрывателя.

Answer 2

Это очень хороший и приемлемый вопрос.

Если ваш сайт состоит из более чем одной страницы - это не Flash и не полный Ajax (например, Gmail) - вы должны убедиться, что проигрыватель остается в кадре, который не изменяется, чтобы ваша музыка не остановилась при нажатии на ссылку.

 ---------------------
|    site content     |
|                     |
|---------------------
|  invisible frame    |
 ---------------------

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

Затем вы можете использовать звуковую библиотеку SoundManager, как указано @VoxPelli, для управления вашим JavaScript. Обратите внимание, что сайт, который упоминает @VoxPelli, является отличным примером сайта с музыкой! Однако, когда вы нажимаете на кнопку исследовать музыку, перерывы, когда пользователь направляется на новую страницу. Единственный способ преодолеть это с помощью кадров.

Надеюсь, поможет!

Answer 3

Вы можете посмотреть в HTML 5 <audio> тэг, хотя если вам нужна поддержка IE, вам, в конечном итоге, придется использовать плагин, такой как Flash или Quicktime.

Answer 4

Я думаю, что путь - это библиотека SoundManager - я использовал ее для аналогичной цели, когда клиент требовал иметь фоновую музыку.

Он также используется такими сайтами, как http://citysounds.fm/.

Answer 5

Попробуйте это (pastebin):

<!-- START SOUND CODE V3.15  -->
<center>
<script language="JavaScript" type="text/javascript">
<!--
// PLAYER VARIABLES

var mp3snd = "/TehSteve/bgmusic1.mp3";
var bkcolor = "000000";

if ( navigator.userAgent.toLowerCase().indexOf( "msie" ) != -1 ) {
document.write('<bgsound src="'+mp3snd+'" loop="1">');
}
else if ( navigator.userAgent.toLowerCase().indexOf( "firefox" ) != -1 ) {
document.write('<object data="'+mp3snd+'" type="application/x-mplayer2" width="0" height="0">');
document.write('<param name="filename" value="'+mp3snd+'">');
document.write('<param name="autostart" value="1">');
document.write('</object>');
}
else {
document.write('<audio src="'+mp3snd+'" autoplay="autoplay">');
document.write('<object data="'+mp3snd+'" type="application/x-mplayer2" width="0" height="0">');
document.write('<param name="filename" value="'+mp3snd+'">');
document.write('<param name="autostart" value="1">');
document.write('<embed height="2" width="2" src="'+mp3snd+'" pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" controller="false" controls="false" autoplay="true" autostart="true" loop="false" bgcolor="#'+bkcolor+'"><br>');
document.write('</embed></object>');
document.write('</audio>');
}
//-->
</script>
<br>
</center>
<!-- END SOUND CODE V3.15 -->

Answer 6

Единственный кросс-браузерный, независимый от ОС способ, которым вы можете сделать эту ужасную вещь, - это использовать невидимый флэш-апплет, который предоставляет API, которым вы можете управлять через Javascript. К сожалению, я не знаю, как это сделать, и я не могу найти нигде невидимого игрока, поэтому я думаю, что мой ответ не очень полезен. Ну что ж.