Сложность в том, чтобы заставить Stratus 2 Beta работать с HTML-кодом сайта.

Меня попросили добавить бета-версию Stratus 2 на наш сайт, чтобы мы могли транслировать музыку. Я пошел на веб-сайт stratus, и мне кажется, что добавить код, который у них есть, в HTML-код веб-сайта очень просто, но я не могу заставить его работать.

Вот что у меня есть (включая файл jQuery):

<script type="text/javascript" src="jquery.js"></script>    
<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
     $.stratus({
       links: 'http://soundcloud.com/wearelisten/listen_2'
     });
   });
</script>

У меня есть это между </head> а также <body> скрипт.

5 ответов

У меня недавно была та же проблема, и она была решена с помощью более старой библиотеки jQuery - stratus использует $.browser, который был удален в jQuery 1.9. Я использовал версию 1.7.2:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

и мой плеер наконец заработал! Вы можете увидеть демо тестовой страницы здесь: http://tworoxdesign.com/EliotCurtis

Надеюсь, что это помогает любому, кто имеет эту проблему!

Matt

Убедитесь, что у вас установлен jQuery

<script type="text/javascript" src="jquery.js"> указывает на jquery.js файл, который является основной библиотекой для jQuery. Вот что дает вам проблемы.

Загрузите Jquery production с их сайта, разархивируйте его и загрузите на свой сайт (я положил свой в папку jquery) и измените src="jquery.js" в src="jquery/jquery.js" (при условии, что jquery - ваша папка)

ИЛИ ЖЕ

обратитесь к размещенному в Google, измените тег на метод 1, как описано в разделе " Использование Google для размещения ваших jQuery (или других) библиотек JavaScript":

Какой браузер вы используете? если это Internet Explorer его не работает. проверить -> stratus.sc и IE

Всегда помещайте сценарии внизу страницы непосредственно перед закрывающим тегом body.

Похоже, вам не хватает селектора строк jQuery. Обновите ваш код к примеру ниже.

<script type="text/javascript" src="jquery.js"></script>    
<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('body').stratus({
            links: 'http://soundcloud.com/wearelisten/listen_2'
        });
    });
</script>

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

Как сказал MDizzleDogg... .browser устарел. То, что вы можете сделать, это либо A) Использовать старую версию jQuery. или B) Используйте плагин переноса, найденный здесь.

Следующая проблема в примере настройки. Это говорит:

<script type="text/javascript">
$(document).ready(function(){
 $stratus({
  auto_play: true,
  download: false,
  links: 'http://soundcloud.com/qotsa',
  random: true
 });
});
</script> 

Проблема заключается в том, что javascript считает $stratus переменной, и он никогда не определяется. Чтобы это исправить, просто измените $stratus на $.stratus

Я надеюсь, что в этом есть смысл.

Другие вопросы по тегам