Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   аудиоплеер на сайте (https://javascript.ru/forum/misc/20692-audiopleer-na-sajjte.html)

Алекс ШУт 14.08.2011 02:55

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

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

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

popov654 14.08.2011 07:58

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

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

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

devote 14.08.2011 09:20

Цитата:

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

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

popov654 14.08.2011 10:16

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

popov654 14.08.2011 10:19

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

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

Алекс ШУт 14.08.2011 16:45

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

Алекс ШУт 15.08.2011 02:15

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

Magneto 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, который там же в папке.

Алекс ШУт 15.08.2011 03:53

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

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


Часовой пояс GMT +3, время: 16:13.