FTP: закачка файлов на сервер

В этой статье мы расскажем, как подключить плеер Uppod и настроить в нем вывод текущего названия трека (мета данные) Вашего Интернет радио. Все описанные настройки будут приведены на примере нашего сервиса, но так же справедливы и в другом окружении.

  1. Необходимо зарегистрироваться на сайте Uppod.ru
  2. Приобрести платный режим PRO.
  3. Далее нужно создать "Стиль" своего плеера, для этого нужно зайти в раздел "Аудио"-"Стили", нажать на плюс, ввести название своего стиля.

    Создание стиля Uppod
    Создание стиля Uppod.

  4. В режиме редактирования стиля на закладке "Опции" должны быть отмечены следующие пункты:
  5. Настройки стиля Uppod
    Настройки стиля.

  6. В режиме редактирования стиля на закладке "Модули" нажать на "Теги для радио" и в появившемся окне в строке "ссылка на скрипт" ввести адрес PHP скрипта вывода тэгов, в этом примере файл будет лежать в корне сайта (где скачать скрипт будет показано далее). Остальные параметры менять не нужно.
  7. Настройки модулей Uppod
    Настройки модулей.

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

  8. Вернитесь к настройкам плеера (в режиме редактирования стиля сверху нажать на ссылку "плеер") и перейдите в раздел "Файлы". Нажмите на плюс и введите название файла, сюда лучше всего писать название своего радио, оно будет выводиться в окне плеера перед началом проигрывания.

    Настройки файла плеера Uppod
    Настройки файла плеера Uppod.

    В поле "Ссылка" нужно вписать адрес Вашего аудио потока. Пользователи сервиса Radio-Tochka.com могут получить ссылку на поток в панели управления, обратите внимание, что после ссылки на поток нужно добавить строку "/;stream.nsv", если используется сервер Shoutcast (для серверов Icecast эту строку добавлять не нужно).

    В поле "Стиль" выберите стиль, созданный ранее и нажмите "OK".

  9. Теперь нужно настроить плеер Uppod, для этого заходим в раздел "Настройки":

    Настройки плеера Uppod
    Настройки плеера Uppod.

    Здесь нам нужно указать где будет лежать файл с плеером, в этом примере это будет корень сайта и папку со стилями (не путь к файлу, а именно путь к папке на Вашем сайте, где будет лежать файл стиля). В нашем примере это "uppod_style". Путь к папке плейлистов можно не указывать, их мы использовать не будем.

  10. На этом настройка плеера на сайте закончена, теперь необходимо закачать на Ваш сайт всё необходимое, это:
    • файл плеера
    • файл стиля плеера
    • Файл crossdomain.xml
    • PHP скрипт для получения тегов

    Итак, скачиваем файл плеера:

    Скачать плеер Uppod
    Скачать плеер Uppod.

    После распаковки архива с плеером файл обычно называется uppod.swf, его кладем в корень сайта (или в другое место, если на шаге 7 в поле "Путь к файлу плеера" Вы указали другое).

  11. Далее, создаем на своем сайте папку "uppod_style" в корне (главное чтобы путь к папке со стилями был такой же как на шаге 7) и кладем в него скачанный в разделе "Стили" файл со стилем.
  12. Скачать и распаковать в корень сайта PHP скрипт получения тегов, который можно скачать здесь. Путь к PHP скрипту должен совпадать со значением, указанным на шаге 5.
  13. В корне Вашего сайта создать файл "crossdomain.xml" следующего содержания:
  14. На этом настройка завершена, теперь нужно получить HTML код плеера, для этого зайти в раздел "Аудио" - "Файлы" и выбрать пункт "код":

    HTML код плеера Uppod
    HTML код плеера Uppod.

    Выберите нужный вариант кода и разместите у себя на сайте. Если пройти по адресу, указанному в поле "Ссылка", то можно увидеть как будет выглядеть и работать плеер прямо на сайте Uppod.

    Пример отображения тегов в плеере Uppod
    Пример отображения тегов в плеере Uppod.