CC BY
9
УДК 004
Васильев В.И. студент 2 курса
факультет «Информационные системы и технологии» Северный Арктический федеральный университет Высшая школа информационных технологий и
автоматизированных систем Россия, г. Архангельск ВЫБОР ВИДЕОХОСТИНГА ДЛЯ ИНТЕГРАЦИИ НА ВЕБ-САЙТ
Аннотация: Статья посвящена знакомству с видами видеохостингов. А так же интеграции видеоплееров видеохостингов на веб-сайт. В статье так же проводится сравнительный анализ трёх видеохостингов по функциональности.
Ключевые слова: видеохостинг, интеграция, веб-сайт, API, HTML.
Vasilyev V.I.
student, 2year, faculty "Information Systems and Technology" Northern Arctic Federal University, Graduate School of Information
Technology and Automated Systems Russia, Arkhangelsk VIDEO HOSTING SELECTION FOR WEB SITE INTEGRATION
Annotation: The article is devoted to getting to know the types of video hosting. As well as the integration of video players video hosting sites. The article also provides a comparative analysis of the three video hosting sites in terms of functionality.
Keywords: video hosting, integration, website, API, HTML.
Для разработки сайтов, часто используются готовые решения других платформ, к примеру, если нужно показать положение магазина на веб-сайте можно использовать готовые решения картографических сервисов. Или если имеется необходимость в хранении видеоматериалов, не используя ресурсов сервера на помощь могут прийти веб-сервисы различных видеохостингов. Но какой сервис для хранения видеоматериалов и подключения их к собственному веб-сайту лучше?
В этой статье описывается сравнение трёх веб-сервисов видеохостингов. Для сравнения были взяты видеохостинги Youtube, Rutube и Vimeo.
Youtube - это хостинг для размещения, хранения и поиска видеофайлов. Пользователи могут просматривать, комментировать и оценивать ролики, если владелец не установил ограничения. Благодаря простоте и удобству использования YouTube стал популярнейшим видеохостингом и вторым сайтом в мире по количеству посетителей. В январе 2012 года ежедневное количество просмотров видео на сайте достигло 4 млрд. На сайте представлены фильмы, музыкальные клипы, трейлеры, новости,
образовательные передачи, а также любительские видеозаписи, включая видеоблоги, слайд-шоу, юмористические видеоролики и прочее. По данным «Российской газеты», в апреле 2013 года 2% аудитории сервиса, или 51 миллион человек, составляли россияне.
Rutube - российский видеохостинг и агрегатор лицензионного видеоконтента. Принадлежит холдингу «Газпром-медиа» и частным акционерам, управляется компанией «Руформ». В 2015 году контент Rutube получил 3,4 млрд просмотров в России и около 1 млрд — за рубежом. По оценкам аналитической компании J'son & Partners, в марте 2016 года Rutube занимал в России 10 % (0,6 млрд руб.) рынка онлайн-видеосервисов.
Vimeo - американский видеохостинг со штаб-квартирой в Нью-Йорке. Запущенный в 2004 году, по состоянию на март 2018 года занимает 130-е место в глобальном рейтинге сайтов и 91-е место в рейтинге США по данным Alexa. Имеет мобильные приложения для платформ iOS, Android и Windows Phone.
Все три сервиса используют для интеграции используют тег <iframe>. Тег <iframe> создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы. Однако они имеют ряд различий.
Сервис Rutube по умолчанию вставляет плеер, а также название видеоролика и название канала опубликовавшим видеоряд. При желании всю дополнительную информацию можно удалить. Пример интеграции видеохостинга Rutube показан на рисунке 1._
<1-Ргагпе и1(Ш1="720м Ье1£^="4Э5м 5гс="//ги1:иЬе.ги/р1ау/етЬес1/128218б7" 4тапеЬогс1ег="е" иеЬк^АПоиРиПБсгееп тогаНоьгГиПзсгееп а11сч^и115сгееп>
</ifгате> <Р>
<а Ь^="1т^р5://ги-1:иЬе. ru/videQ/4e865Э695bЗaB7d74^:5663313BbaBBf7/">
Гаджеты и Люди, 153 выпуск | Приложение со словами любых треков, органайзер для всего
</а>
от <а hгef="//гJtLbe.гJ/lIletaiпfo/tv/5186/">Гaджeты и Людис/а> на <а Ьг^Р="//гЛиЬе. г и/" >Ки1:иЬе</а>
Рисунок 31 - Пример интеграции видеохостинга Rutube Сервис Youtube по умолчанию вставляет только плеер. Пример интеграции видеохостинга УоиШЬе показан на рисунке 3._
•îïframe width="56©" height=M315" src="https://ww.youtube.com/embed/GoJHjZIoqAw" frameborder="0" allow="accelerorneter; autoplayj encry pied-media; gyroscope; picture-in-picture" allotrfullscreenx/iframe>
Рисунок 32 - Пример интеграции видеохостинга Youtube Сервис Vimeo по умолчанию вставляет плеер, а также название автора опубликовавшего видеоряд и ссылку на главную страницу сайта. При желании всю дополнительную информацию можно удалить. Пример интеграции видеохостинга Уипео показан на рисунке 3.
<ïfrarne src="https://player.vimeo.tom/video/352390358" width="649" height="272" franeborder="e" allow= 'autoplay; fullscreen" allowfullscreen></iframe> <pxa href="https://vimeo. corn/352393358">The Last Line</a> from <a href="https://vimeo.coin/useri4167739">Reree Haoi/a> or <a href="https://vimeo.com">Vimeo :/a>.</p>
Рисунок 33 - Пример интеграции видеохостинга Vimeo
После интеграции плееров на сайт, мы получим результат, показанный на рнснке4, рисунке 5 и рисунке 6.
Рисунок 34 - Пример интегрированного плеера Rutube
Рисунок 35 - Пример интегрированного плеера Youtube
Рисунок 36 - Пример интегрированного плеера Vimeo
Все плееры после интеграции работали и отображались корректно. Однако по функциональности плеера имели отличия.
Плеер Vimeo не мог отобразить видео в полноэкранном режиме и отсутствовала возможность сохранить видео в плейлисте авторизированному на сайте Vimeo пользователю.
Плеер Rutube не мог сохранить видео в плейлисте авторизированному на сайте Rutube пользователю.
Плеер Youtube не имел функциональных недостатков в сравнении с остальными плеерами, учувствовавшими в сравнении.
Так же было проведено сравнение окон редактирований кода вставки плееров по функциональным возможностям. Сравнения проводилось по параметрам, оказывающим влияния на сам плеер. Полученные результаты представлены в таблице 1.
В результате по функциональным возможностям окон редактирований кода вставки плееров в проведённом сравнении лидирует два видеохостинга: УоиШЬе и У1шео.
Rutube Youtube Vimeo
Возможность
начать видео с определённого + + -
момента
Настройка размера + + +
плеера
Возможность
скрыть панель +
управления
плеером
Автопроигрование - - +
Зацикливание видео - - +
Итог 2 балла 3 балла 3 балла
Таблица 1 - Сравнение окон редактирований кода вставки плееров по функциональным возможностям Были изучены 3 видеохостинга: Rutube, Youtube, Vimeo. А также проведены сравнения для использования этих веб-сервисов для встраивания видео на сайт, в результате сравнения наиболее функциональным вариантом оказался видеохостинг Youtube.
Использованные источники:
1. YouTube API [Электронный ресурс]. Режим доступа: https://developers.google.com/youtube/v3/ (дата обращения 10.08.2019)
2. Vimeo API [Электронный ресурс]. Режим доступа: https://developer.vimeo.com/ (дата обращения 10.08.2019)
