Сложность в том, чтобы заставить 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
Я надеюсь, что в этом есть смысл.