Selena-Studio: фото-блог издателя

Натягиваем шкуру на плейер

Автор: Елена | 01.02.2010
Находится в разделах: JW Player, авторское право, интернет, полезное, сайты, софт, статьи, уроки |

Как и обещала, рассказываю, как натянуть шкуру на JW Player.

флеш-плейер на сайт

Недавно мне посчастливилось нарисовать сырный вариант обложки для этого плейера и даже получить Гран При в международном конкурсе. А посему вот краткое описание шагов по созданию собственного видео-сыра на вашем сайте.

Шаг 1.

Его избежать вам не удастся. Да и ни к чему. Пользоваться отличными авторскими разработками нужно цивилизованно, уважая труд программистов, художников и всех, кто делает полезные вещи для нас. Поэтому первое — это регистрация на сайте разработчика. Определитесь, какой  именно тип плейера вам нужен. Обязательно учтите условия использования: лицензии есть как бесплатные, так и платные. Не ошибитесь!

Шаг 2. 

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

Шаг 3.

Выбираете себе “шкуру” или обложку на свой будущий плейер. Много вариантов таких шкур можно найти на странице SKINS . Моя обертка пока доступна только с моего хоста. Но позже и она будет в этой коллекции.  Тоже скачиваете и отправляете к себе на сервер в интернет. В ту же папочку, которую вы приготовили для всех файлов вашего плейера.

Шаг 4.

А теперь формируем простейший плейер. С одним видео (без плей-листа), но зато с фирменной кожей.

1) Отправляемся на страничку мастера.

2) Выбираем “простое видео”.

флеш-плейер на сайт

3)  Фиксируем местоположение флеш-плейера и его желаемый размер у вас на сайте.

флеш-плейер на сайт

4) Плейлист в одиночном видео нам не понадобится, поэтому следующий пункт мы просто игнорируем:)

5) Формируем основные данные по нашему видео: авторскую информацию, частоту мелькания кадров, заставку, задержку вначале и само видео.

флеш-плейер на сайт

обратите внимание - видео здесь имеет формат flv. Ну, а как такой формат получить, смотрите мой урок по этой теме.

6) И вот, наконец, дело дошло до шкуры. Ее вы будете прописывать каждый свою. Можете вообще этого не делать, тогда ваш плейер будет стандартно-простеньким. Но уж если вы решили обзавестись “махровой” шкурой, то придется точно написать ее расположение у вас на сайте. Обратите внимание! Сама шкура запакована как zip. Поэтому ссылка до нее будет оканчиваться зазипованным файлом. А уж каким именно… Это вы решите сами, скачивая доступные варианты скинов. С моим сыром дело получилось так:

флеш-плейер на сайт

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

флеш-плейер на сайт

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

флеш-плейер на сайт

8) И последний штрих. Пример уже готового плейера сырного типа можно посмотреть на моем сайте журнала для детей. Там есть плей-лист. Но это возможно для вас только при наличии целой подборки фильмов. Если же ее нет, вы просто игнорируете опцию плей-лист и все.

9) Ой, нет! То был не последний штрих :))))   Осталось забрать предложенный в самом низу под предпросмотром ваш персональный код и вставить его в страницу своего сайта.  Предложено 2 варианта кодов, выбираем подходящий, копируем и вставляем в нужное место. А затем наслаждаемся просмотром ролика уже в интернет!

Теперь все.



разделы: , , , ,


тематически близкие записи:

Комментарии: шт. (13)

  1. Василиса пишет:
    02.02.2010 в 12:14 дп

    Ну, наконец-то! Спасибо огромное!
    А когда можно забрать фирменную сырную шкуру и начать ей пользоваться? Уже известно, когда ее выложат в коллекции сайта-разработчика?

  2. Елена пишет:
    02.02.2010 в 11:03 пп

    Не знаю, вот чесслово! Выложат, наверное, уже скоро. Потому как уже появилась страница с официальным объявлением о победителях. А пока, Василиса, вы могли бы потренироваться на сборке простых стандартных плейеров без использования особых шкур.

  3. Виталий пишет:
    22.02.2010 в 12:28 дп

    Пишу на удачу!
    Большая просьба к Вам. Свяжитесь со-мной, мне нужна шкура на JW. Об оплате — договоримся. Ваша работа с плеером мне очень понравилась

  4. Елена пишет:
    22.02.2010 в 12:52 дп

    Виталий, привет!

    Спасибо за понравилось. По поводу просьбы написала на е-мэйл. :))

    С наступающим!

  5. Елена пишет:
    24.03.2010 в 8:23 пп

    По итогам обсуждения.
    Чтобы дальше не было путаницы в понятиях.

    Я не разрабатываю софт под названием плейер. Я разрабатываю шкуры для конкретной модели от конкретного издателя - софтверной компании LongTailvideo.

    Если вы:
    1. выкупили лицензию на их плейер или взяли себе бесплатную версию.
    2. поставили ее себе на сайт.
    3. хотите нестандартную обложку для плейера.

    То вы:
    можете обратиться за этой самой обложкой ко мне. Я нарисую все, что есть в вашем воображении или предложу свой вариант.
    Заказать себе шкуру на JW Player —->>>

  6. Виталий пишет:
    22.08.2010 в 6:37 пп

    Всё как по маслу, а шкура с zip - не натягивается.
    Не пойму как можно с не распакованной папки что-то извлечь? Может я дурак?

  7. Елена пишет:
    22.08.2010 в 6:54 пп

    Виталий, привет!

    Что там подробнее? Что делаете?
    Скрин бы с заполненными полями (со страницы мастера ЛонгТэйл). Покажите, я подскажу, что дальше делать.

    Из зипа ничего доставать не нужно. Так положено - быть зипом шкуре.

  8. maksim пишет:
    10.01.2011 в 11:42 пп

    извените указал скрин до полной пути..не устанавливает не в какую потскажите плиз

  9. Елена пишет:
    10.01.2011 в 11:53 пп

    Привет, Максим!

    Что за проблема?

    Что у тебя за хостинг? Точно ли ты указал полный путь к шкуре? Верно ли поставил себе код плейера?

    Давай отвечай.
    Можешь оставить адрес сайта, где пытаешься поставить плейер.
    Я постараюсь помочь.
    Жду.

  10. maksim пишет:
    11.01.2011 в 12:10 дп

    все спасибо все понял…удалите пожалуйсто …коммент с адресами спасибо

  11. Елена пишет:
    11.01.2011 в 12:11 дп

    Ок. Удалила!

    Все получилось? Норма?

  12. maksim пишет:
    11.01.2011 в 12:16 дп

    спасибо вытакая молодей классно у вас здесь!!!

  13. Елена пишет:
    11.01.2011 в 12:20 дп

    :-)))))))))))))))))

    Пожалуйста! Здесь много интересного, и, кстати, есть несколько шкур классных.
    Смотри:
    http://selena-studio.ru/2010/07/14/skins-jwp-5-life/

    Это я рисовала прошлой зимой для разработчиков. Может, тебе какая-нибудь подойдет. Они бесплатные, превьюшки можешь там посмотреть по ссылкам.

    Удачи!

Комментарии

« Ночь, улица, аптека… | В начало | Потоковое аудио: захват »