Видео на Инстант

Опубликовано:
Редактировалось: 10 раз — последний 1 июня 2023
Просмотров: 5336
+11
Голосов: 11

Тут опишем способ бесплатного создания видео галереи на сайте с системой InstantCms, но этот путь подойдет и к сайтам на других системах.

будет удобно всем.

Rutube предлагает для сайтов два вида подключения Первый просто страницы, нас это не интересует, настраивается там легко.

На практике это бесплатный широкофункциональный компонент "Видео" для сайта бесплатно.

Второе это подключение через PhP Api Rutube. Это уже более интересный вариант. Почему? Читаем аннотацию.

реализует:

– показ роликов с сортировкой по тегам, автору, категориям, времени, популярности;

– позволяет добавлять комментарии от ваших пользователей;

– голосовать за ролики;

– закачивать собственное видео пользователями вашего ресурса.

От сайта, написанного на JS API его отличает:

– список категорий задается Вами;

– ролики, теги, комментарии к ним и система голосования не связана с сайтом rutube.ru;

– есть средства администрирования роликов, пользователей и комментариев;

– вы можете произвольно изменить php-код под свои нужды, оставив уже написанную нами логику взаимодействия с rutube.ru для хранения видеороликов;

– вы можете сформировать контент вашего сайта импортируя произвольные ролики с rutube.ru;

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

Что получает сайт от этого.

1. Вы имеете компонент видео практически на сайте, при этом действует импорт категорий и роликов. То есть вы выбираете импорт 100 роликов в раздел юмор, через 20 секунд, в разделе Юмор прибавилось 100 роликов.

2. Возможность загрузки файлов пользователем на ваш компонент, но с размещением на Рутубе. Для себя все таки отдаю предпочтение видео-аудио галерее, ибо могу использовать потом добавленное видео и аудио в SEO целях, распространяя код. Но опять же не для всего видео, а скорее для самого интересного.

3. Интеграция с Инстантом. База регистрации юзеров на компоненте видео и юзеров Инстанта, чуть попозже будет сведена, если кто то поможет, буду очень рад. Особенно просил бы Майка обратить внимание.

4. Шаблон. Менять можно полностью вид шаблона, он состоит из html страниц.

Ну вот вкратце и все. Тестовая версия установлена video.ok2net.kz

Можете трогать щупать, смотреть.

Шаблон огромное спасибо, сделал Blacstar

Как правильно установить

Распаковываете файлы в корень, например video.site.ru

Затем создаете в PhpMyAdmin базу. В нее делаете импорт из базы, которая лежит В архиве. Все готово.

Дальше

1. Регистрируетесь на сайту Рутуба, получаете ключ. Вставляете в config.php этот код

Создаете админа.

Админка доступна по адресу video.site.ru/admin.html

Скачать файлы для установки Php Api вот тут

Спойлер

Сложного ничего нет.

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

Внимание.

Для встраивания видео к Инстанту, добавьте в com_users_profile.tpl В удобном месте код например этого. Кто поправит точно код буду признателен. Кстати можно также добавить вкладку Видео вот такой командой

1. находим в папке с темой /components/com_users_profile.tpl

2. находим строку:

Код PHP:
  1. {if $cfg.sw_awards}
  2. <li><a href="#upr_awards"><span>{$LANG.AWARDS}</span></a></li>
  3. {/if}
  4. {foreach key=id item=plugin from=$plugins}
  5. <li><a href="#upr_{$plugin.name}"><span>{$plugin.title}</span></a></li>
  6. {/foreach}

после нее вставляем такую строчку:

Код PHP:
  1. {if $cfg.sw_awards}
  2. <li><a href="#video"><span>Видео</span></a></li>
  3. {/if}

3. Затем в конце файла (после "Закладка №6") вставляем такой код:

Код PHP:
  1. {* ============================== ЗАКЛАДКА №7 ============================================== *}
  2.  
  3. {if $cfg.sw_awards}
  4. <div id="video">
  5. <div class="awards_list_link">
  6. <<script type="text/javascript">
  7. rt_mode = "movies"
  8. rt_movies_link = "movies.html"
  9. rt_movie_link = "movie.html"
  10. rt_count = "12";
  11. rt_pager_width = "7";
  12. rt_sort_by = "date";
  13. </script>
  14. <script src="http://rutube.ru/js/api.js" type="text/javascript"></script>
  15.  
  16. </div></div>
  17. {/if}

Код я не проверял. Надо будет скорее всего поднастроить. Но это принцип встраивания в Инстант.

Голосуем

Самый нужный компонент