Форум

Алекс ШУт · #1 (**permalink**) 14.08.2011, 02:55

Имеется вроде как очень простой аудиоплеер.
Его нужно привязать на сайт (причем несколько на одну страницу с разными треками)
Вроде простая инструкция, но мне она чтот совсем не помогает.
Подскажите, пожалуйста, конкретно что куда нужно вставлять

http://habrahabr.ru/blogs/javascript/110906/ - это отсюда плеерок брал, там и инструкция, которая мне ничего не говорит.

зы. Ребята, я понимаю что вопрос крайне лажовый, но я вообще первый раз столкнулся с потребностью привязки скрипта. Помогите, очень прошу.

popov654 · #2 (**permalink**) 14.08.2011, 07:58

Ну а в чём сложности?

Код там, конечно, не совсем чтобы простой, если раскрыть образец, но в целом понятный. Начните с того, что скопируйте просто весь код, представленный по ссылке и замените треки на свои. Потом уже играйтесь со способами отображения списка, цветами и позиционированием плеера - это уже HTML и CSS, здесь вообще JavaScript знать не надо.

Остальное Вам трогать и не нужно.

Кстати, чудный плеер - я куда по нему не кликаю правой кнопкой, меню Adobe Flash игде не появляется. У меня IE7. Возможно, флэш работает, но в каком-то хитром бэкграунде. Круто

devote · #3 (**permalink**) 14.08.2011, 09:20

Сообщение от popov654

Кстати, чудный плеер - я куда по нему не кликаю правой кнопкой, меню Adobe Flash игде не появляется.

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

popov654 · #4 (**permalink**) 14.08.2011, 10:16

Спасибо, понял)

popov654 · #5 (**permalink**) 14.08.2011, 10:19

Алекс, а Вы не хотите использовать плеер от Uppod? Он бесплатный, у них есть версии для HTML5 и Flash,внешний вид полностью настраивается через панель сборки на сайте, умеет работать с IceCAST и SHOUTcast потоками, а также воспроизводить видео. Даже больше чем Вам нужно)

Пример работы ожно посмотреть тут:
http://popov654.pp.ru/player

Алекс ШУт · #6 (**permalink**) 14.08.2011, 16:45

Я смотрел Uppod, не совсем то, что нужно. Мне нужно чтоб человечек мог с админки сам плеера с треками ставить. А по поводу все просто с вставкой...
<script src="/audiojs/audio.js"></script> - это ставлю в файл, исполняющий роль хедера,
<script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script> - а этот не пойму в куда совать надо... И еще, к основной цсс подвязываю цсс плеера, сайт рвет на клочья((

Алекс ШУт · #7 (**permalink**) 15.08.2011, 02:15

Ребят, ну разъясните(((( В цмс, с которой ковыряюсь, нет тегов "хедер", к примеру... вместо них привязан внешний файл. Туда кидаю, нефига не выходит.. та и цсс рвет сайт(((((((((((

Magneto · #8 (**permalink**) 15.08.2011, 03:09

<!doctype html>
<html><head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />

<!--  Подсоеденяем скрипт самого плеера  -->
   <script type="text/javascript" src="http://dl.dropbox.com/u/6001712/javascript.ru/audiojs/audio.min.js"></script>

<!-- Инициализируем плеер    -->
    <script>
      audiojs.events.ready(function() {
        audiojs.createAll();
      });
    </script>
</head><body>

<!-- Теперь можно использовать плеер у себя на странице -->
<audio src="http://dl.dropbox.com/u/6001712/aimp/Axwell%20%26%20Sebastian%20Ingrosso%20-%20Together.mp3" preload="auto"></audio>

</body></html>

Заметь что стили которые идут в комплекте с плеером не нужно загружать и подсоединять к своему сайту. Эти стили для файла index.html, который там же в папке.

Алекс ШУт · #9 (**permalink**) 15.08.2011, 03:53

Magneto, спасибо огромное. исходя из твоего ответа понял что я не то что допустил кучку ошибок, но и вообще наложал в корне(((
Надо срочно занятся уроками базовыми по скриптам.

<head> - и если его нет, а стоит {template}, то я бросаю эти коды в документ template, все верно?

Форум

Справочник

Discord чат

Курсы javascript