Установка видеоплеера для просмотра видеороликов на сайте Joomla

Веб разработка - Уроки joomla

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

Посмотреть данный видеоплеер в действии Вы можете кликнув по следующей ссылке: http://www.tesiz.ru/index.php/2010-01-06-08-59-32.html.

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

AllVideos Reloaded плагин дает возможность встраивать видео с интернет сервисов (таких, как например YouTube) внутри содержания (статьи) Вашего сайта, а также собственный видео или аудио ролик, который находится на вашем сервере.

AllVideos Reloaded поддерживает более 35 видео-провайдеров, в том числе региональные веб-сайты Google Video, а также позволяет воспроизводить большинство видео и аудио файлов, в том числе с расширениями FLV, SWF, MOV, Mp4, WMV, AVI, MPG, MPEG, RM, WMA, MP3 и т.п. Плагин использует один из лучших медиа-плееров Flash: JW Media Player от Jeroen Wijering.

1. Для начала скачайте компонент себе на компьютер с официального сайта: http://joomlacode.org/gf/project/allvideos15/frs/ либо с моего сайта по ссылке http://joomlaport.ru/download/components/videoplayer/com_avreloaded-1.2.6.zip (файл: com_avreloaded-1.2.6.zip).

После этого, через админку сайта на Joomla 1.5 установите данный компонент стандартными средствами: Расширения > Установить/Удалить > Обзор > Загрузить файл&Установить.

2. После установки компонента, надо закачать на сервер видео - или аудиофайл, который мы хотим воспроизвести на своем сайте.

Как я уже писал выше, плеер поддерживает все основные форматы видео и аудио файлов. Для видео наиболее используемым форматом для просмотра на сайте является формат флеш видео (flv), для аудио - формат mp3 файла. Это видео и аудио файлы, с определенной степенью сжатия и с минимальной потерей качества. Достаточно сказать, что основные видео-сервисы (как YouTube) используют именно этот формат.

Видеофайлы мы закачиваем в папку /images/stories/videos/, а аудиофайлы (если хотим использовать плеер для просмотра аудио-ролика) - в папку /images/stories/audio/. Папки videos и audio мы создаем сами, в дистрибутиве joomla 1.5 их нет.

3. Теперь рассмотрим, как вставить видеоплеер в статью. Это происходит путем добавления специальных конструкций тегов в текст статьи. Для каждого формата видео - или аудиофайла существует своя конструкция. Рассмотрю лишь наиболее часто встречающиеся:

При вставке видеоролика в формате .flv (предварительно закаченного в папку /videos) в теле страницы, в месте, где хотим вставить плеер записываем следующий текст:

где video1 - название файла с расширением .flv. Расширение писать не надо, плагин сам находит нужный файл в папке /videos.

Мы можем вписать в текст такую конструкцию: {flv width= 180 height= 150 autostart= true }video1{/flv} где width и height - размеры плеера, которые мы хотим установить в окне сайта, а тег autostart со значением true включает плеер автоматически при загрузке страницы.

Если в папке videos мы создали еще одну подпапку, например: /videos/2009/video2.flv то конструкция будет выглядеть следующим образом:

Для аудиофайлов, с расширением .mp3 (закаченных в папку .../audio) вставка в текст статьи будет выглядеть следующим образом:

где audio1 - аудиофайл с расширением .mp3.

Конструкции для других видео и аудиофайлов Вы можете посмотреть в документации к AllVideos Reloaded плееру здесь.

Теги для вставки видео и аудиороликов с популярных видеосайтов Вы можете посмотреть здесь.

4. Теперь давайте рассмотрим параметры плагина, которые можно задавать на странице редактирования плагина Content - AllVideos Reloaded .

В правой колонке во вкладке Параметры плагина можно задать размеры (длину и высоту) видео и аудио плееров, папки для размещения видео и аудиофайлов (по умолчанию папки /videos и /audio), цвет фона для видеоплеера (по умолчанию черный).

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

Со всеми параметрами плагина Вы можете ознакомиться здесь.

5. Теперь познакомимся с модулем AllVideos Reloaded. Данный модуль позволяет вставлять видео или аудио в позиции модулей, например в левую или правую колонки сайта.

Зайдем в менеджер модулей и откроем страницу редактирования модуля AllVideos Reloaded. Здесь мы можем задать название модуля (или скрыть его).

В правой колонке нажмем на кнопку AVR Media. Откроется поле для редактирования плеера.

Выбираем вкладку Local Media (вкладка Remote Media для импортирования файлов с видеосайтов). В поле Media выбираем видеофайл, который собираемся загрузить в плеер (в нашем случае файл video1.flv).

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

Смотрим на странице сайта, как плеер вписался в колонку. Если он выходит за границы колонки, идем обратно на страницу редактирования модуля, и уменьшаем ширину плеера.

6. Последнее, о чем я хочу написать, это функция создания плейлистов. Я данную функцию AllVideos Reloaded не изучал, так как мне она была не нужна. Если Вас этот вопрос интересует, в документации об этом подробно написано. Прочитать о создании плейлистов Вы можете здесь и здесь.

 

 

---

Читайте:
Установка и настройка компонента swMenuFree для создания меню и подменю (выпадающих меню) Базовый компонент Голосование для joomla 1.5 Базовый компонент ленты новостей для Joomla 1.5 Устанавливаем интернет магазин ВМРЕ (Virtuemart RE) версии 1.0.15b на seo-joomla 1.0.15RE Создаем категории товаров в VirtueMart RE

Технология Microsoft портирована на Linux 2 Silverlight - технология Microsoft, позволяющая реализовать мультимедийные интерактивные возможности веб-приложений, - будет иметь версию для Linux....

Google внедрила защиту от копирования в приложениях для Android Компания Google предложила разработчикам добавить в свои программы модуль License Verification Library (LVL), чтобы защитить платные приложения для ...

Adobe Flash Builder 4 Программное обеспечение Adobe® Flash® Builder™ 4 (ранее — Flex Builder™) предназначено для быстрой разработки многофункциональных межплатформенных и...

Black Hat: Adobe присоединяется к программе Microsoft по уведомлению о Компании Adobe и Microsoft объединяют усилия для того, чтобы предоставлять антивирусным компаниям и разработчикам более полную информацию о процессе...

Solaris больше не бесплатен Oracle постепенно начинает прикрывать «бесплатные лавочки», доставшиеся ей в нагрузку с Sun Microsystems. Первой попала под раздачу операционная сис...