Форум русской поддержки Joomla!® CMS
09.12.2016, 11:41:49 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Кое-что о видео на сайте

 (Прочитано 828 раз)
0 Пользователей и 1 Гость смотрят эту тему.
almika
Осваиваюсь на форуме
***

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 188



« : 13.10.2014, 17:12:31 »

Очень много вопросов возникает по выводу видео на сайт. Захотелось выложить немного информации на эту тему. Надеюсь, что веткой не промахнулась и тема будет интересна. Не судите строго, если что не так.
Что необходимо знать, прежде чем начнать искать компоненты/модули/плагины Joomla для вывода видео.
1. Что такое потоковое видео?
   Потоковым видео сегодня называют два вида видео - живое потоковое видео (прямая трансляция с камер, видеоканал), когда все пользователи получают одинаковый видеоконтент, и видео по запросу (video on demand) для просмотра видеофайлов, при котором пользователь может начать просмотр выбранного видео с любого места, не дожидаясь полной закачки файла к себе на компьютер.
   При другом способе отдачи, не потоком, пользователь грузит себе весь файл в кэш браузера, поэтому подходит только для небольших аудио и видеофайлов.
2. Что такое видеохостинг?
   Видеохостинг отличается от обычного хостинга тем, что на нём работает специальное программное обеспечение - медиасервер, предназначенный для организаци работы множества пользователей именно с медиаданными в виде потока.
   Дополнительно могут предоставляться возможности конвертации видео в различные форматы для просмотра с разных устройств, отдача видео по разным протоколам, в разных разрешениях, и т. д. Зависит от хостинга.
   Из чего складываются затраты видеохостера?
   Кроме хранения медиафайлов, которые сами по себе уже занимают много места, и дороговизны ПО для видеохостинга и его обслуживания, огромная часть расходов это интернет трафик. Для трансляции видео в самом плохом качестве (512 Кбит/с) на 10 пользователей одновременно нужен интернет-канал 5МБит/с.
   Вы готовы к такому со своего локального компьютера? А ваш хостинг-провайдер с тарифным планом около 100руб/мес?
   Поэтому и существуют такие гиганты как YouTube, которые могут предоставить всё, что нужно, всего лишь за возможность показывать свою рекламу.
   Поэтому они и не дают прямых ссылок на свои файлы и вставляют свой логотип.
3. Как видео проигрывается в браузере?
   Для проигрывания видео браузер использует встроенный в него плеер или плагин. Широко известен Flash-плеер от Adobe, плагин которого установлен практически в каждом браузере Firefox и Internet Explorer, также есть он и для Opera и Safari. Этот плеер понимает только свои форматы, на сегодня это видео в контейнере mp4 c видеокодеком H.264 (все профили) и аудиокодеком AAC (все профили), а также его родной формат flv (обычно H.264-видеокодек и mp3-аудиокодек). Что плохо, так это то, что Flash абсолютно не поддерживается iOS-устройствами (iPhone, iPad), а также большинством андроидов (версии <= 2.01 и >= 4.1). Видео для Flash передаётся по протоколу HTTP или RTMP.
   Подробнее об Adobe Flash https://ru.wikipedia.org/wiki/Adobe_Flash
   Последние версии браузеров также поддерживают видео HTML5. Но каждый браузер требует свой формат для видео.
   Новые версии Firefox, Chrome и Opera поддерживают формат webm (видеокодек VP8, аудиокодек Vorbis) для HTML5-видео. Internet Explorer с 9-й версии также может проиграть webm, но только если кодек установлен. Старые версии Firefox и Opera поддерживают формат ogg (видеокодек Theora, аудиокодек Vorbis) для HTML5-видео.
   Apple, как всегда особнячком - требует mp4 через плейлист m3u8 по протоколу HLS (Apple HTTP Live Streaming).
   Подробнее о войне форматов и HTML5 - https://ru.wikipedia.org/wiki/HTML5_video.
4. Как же кодировать видео?
   Тенденция сейчас такая - скрипт проверяет, поддерживает ли браузер HTML5 и если да, то формирует HTML5-код, иначе вставляет Flash.
   Таким образом работает новый Flowplayer https://flowplayer.org/docs/setup.html.
   Вот ещё интересный проект http://mediaelementjs.com/
   Ну и http://uppod.ru
   
Прошу предлагать свои дополнения и исправления. А также комментарии.
Записан
AlekVolsk
Профи
********

Репутация: +317/-3
Offline Offline

Пол: Мужской
Сообщений: 6460



« Ответ #1 : 27.03.2015, 11:42:39 »

Инфа без подтверждения.
У YouTube есть свое апи, полузакрытое (они его не скрывают - пользуйтесь на здоровье, но хрен где его откопаешь). Что мешает создать свой канал и транслировать клиенту напрямую с YouTube? Их плеер при этом имеет богатый настраиваемый функционал, вплоть до того, что невозможно будет вычислить URL, по которому видео будет доступно на самом ютубе, что кстати также можно скрыть (т.е. видеоролик нельзя найти на самом ютубе, зато он доступен владельцу посредством апи, фишка монетизирована, дорого).
Откуда знаю? Знакомый мастер видеосъемки поделился, он реализовывал одно время это в своем блоге, но потом забросил - дорого, в 11 году это было порядка $150 в год.
Записан
almika
Осваиваюсь на форуме
***

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 188



« Ответ #2 : 27.03.2015, 12:59:11 »

Да найти API YouTube просто - первая ссылка выдаёт https://www.youtube.com/yt/dev/ru/api-resources.html
Только для некоммерческого использования.
Всё, что связано с видео - очень дорого - хостинг, трафик, готовое ПО, разработка.
Я делала трансляции с IP-камер на сайт, проект практически заглох, ограничились просмотром с Ipad напрямую (когда надо) ну и на регистратор пишется.
Осталась одна на сайте для приватного просмотра, для неё персонально крутится flussonic на ubuntu на VirtualBox под Windows сервером.
Для конвертации видео можно, наверное, пробовать php-ffmpeg, сам-то ffmpeg всё конвертирует.
Записан
shurakana
Живу я здесь
******

Репутация: +48/-6
Offline Offline

Сообщений: 862



« Ответ #3 : 02.04.2015, 16:33:47 »

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

Мне нужно чтобы пользователи загружали видео без каких либо окон и пр.

На инстаграме, видео 10 сек весит ~2mb, это очень здорово. Склоняюсь к тому чтобы использовать ffmpeg.
Я так понял если конвертировать в mp4 и оставить только html5, то будут поддерживать все современные браузеры, айфоны и андроиды.

Внимание, вопрос можно ли сделать так чтобы само приложение было на одном хостинге, например мощная vds на ssd, ну и пара gb места, а все видео находилось вообще на другом сервере, где например дисковое пространство не так дорого стоит?

И вопрос, какой мощности нужен сервер на котором все будет лежать, там кроме операций кодирования и запросов на само видео, ничего происходить не будет. Ролики короткие, порядка 10-15 секунд.

UPD Давайте тему развивать, пишите кто что знает и кто что пробовал, сейчас думаю очень актуально все это, очень много видео сервисов ведь открывается.
« Последнее редактирование: 02.04.2015, 16:36:56 от shurakana » Записан
pH43
Давно я тут
****

Репутация: +7/-0
Offline Offline

Пол: Мужской
Сообщений: 277



« Ответ #4 : 11.05.2016, 11:41:40 »

Через тег <video> прекрасно выводится видео webm и mp4 для всех устройств, но айфон не открывает ни в одном из браузеров, отображается вместо видео черный квадрат. Кто-нибудь решал подобную задачу?
Записан
almika
Осваиваюсь на форуме
***

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 188



« Ответ #5 : 06.07.2016, 11:16:18 »

Через тег <video> прекрасно выводится видео webm и mp4 для всех устройств, но айфон не открывает ни в одном из браузеров, отображается вместо видео черный квадрат. Кто-нибудь решал подобную задачу?

Скорее всего не поддерживается выбранный профиль для кодека H.264.
Посмотрите MediaInfo вашего видео. Попробуйте сделать mp4 с профилем Baseline для H.264, он всеми должен поддерживаться.
Записан
pH43
Давно я тут
****

Репутация: +7/-0
Offline Offline

Пол: Мужской
Сообщений: 277



« Ответ #6 : 06.07.2016, 11:49:11 »

Поставил первым mp4 , а следом за ним остальные форматы, нормально открывается, привожу пример работающей конструкции:

Код:

<video poster="/bg.jpg" preload="auto" autoplay="true" loop="loop" src="rolik.webm">
      <source src="rolik.mp4" type="video/mp4">
      <source src="rolik.webm" type="video/webm"> 
   </video>

Записан
almika
Осваиваюсь на форуме
***

Репутация: +11/-0
Offline Offline

Пол: Женский
Сообщений: 188



« Ответ #7 : 06.07.2016, 13:46:28 »

Отлично.

Какие все-таки параметры кодирования использовали?
Переносили ли move atom в начало mp4?

Есть ли у вас уже статистика по нагрузке на сервер?

Я пока по старинке с Youtube вставляю видео, но интересно на будущее. Думаю, что другим тоже.

Всего доброго
Записан
pH43
Давно я тут
****

Репутация: +7/-0
Offline Offline

Пол: Мужской
Сообщений: 277



« Ответ #8 : 08.07.2016, 12:38:53 »

Было 2,5 месяца назад, не зафиксировал параметры, статистику не собирал, пардон
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet