HTML5 Video и потоковое видео

mff
На сайте с 21.02.2008
Offline
282
mff
15289

Здравствуйте коллеги!

Подскажите пожалуйста, возможно ли воспроизводить потоковое видео на HTML5 при помощи тега Video? К примеру есть такой поток: http://178.219.160.126:1936/live/livemobi/playlist.m3u8 В Android его невозможно просмотреть через VLC или Flash плеер. Как же быть?

Спасибо!

Управление репутацией в сети: https://timbook2.ru/
LEOnidUKG
На сайте с 25.11.2006
Online
1760
#1

Вот этот плеер попробуйте:

http://www.projekktor.com/

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
mff
На сайте с 21.02.2008
Offline
282
mff
#2

LEOnidUKG спасибо! Полез пробовать!

Не, вот что плеер выдает:

Вот код:

<div id="player_a" class="projekktor"></div>

<script type="text/javascript">
$(document).ready(function() {
projekktor('#player_a', {
poster: 'media/intro.png',
title: 'this is projekktor',
playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
width: 640,
height: 385,
playlist: [ {
0: {src: "http://178.219.160.126:1936/live/livemobi/playlist.m3u8", type: "video/ogg"},
1: {src: "http://178.219.160.126:1936/live/livemobi/playlist.m3u8", type: "video/mp4"},
2: {src: "http://178.219.160.126:1936/live/livemobi/playlist.m3u8", type: "video/webm"}
}
]
}, function(player) {} // on ready
);
});
</script>
Ayavryk
На сайте с 11.10.2003
Offline
209
#3

Скорее всего проблема не в андроиде, а в формате видео, заголовках и т.п.

UPD

Это вообще не видео а плейлист. Естественно HTML5/video его не поймет, да и стандартные плееры на базе HTML5 тоже.

Чем открыть файл M3U8

В Windows: Nullsoft Winamp Media Player 5.6, Roxio Creator NXT Pro, Apple iTunes, RealNetworks RealPlayer, Microsoft Windows Media Player, VideoLAN VLC media player, Media Player Classic, Foobar2000, Songbird, Helium Music Manager, KMPlayer, MediaMonkey, Zune
В Mac OS: Apple iTunes, RealNetworks RealPlayer, VideoLAN VLC media player, Cog, Songbird
В Linux: XMMS, VideoLAN VLC media player
В Google Android: VLC media player для Android

Если не раскрывается VLC, значит или сам файл побился или ссылки в нем недоступны.

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
mff
На сайте с 21.02.2008
Offline
282
mff
#4

В VLC то открывается. Задача следующая: нужно чтобы сайт смотрели на Android и iOS девайсах. Когда его открывают на планшетах, то вместо vlc или flash плеера квадрат и надпись: плагин не поддерживается Android...

Вопрос следующий, какой формат потокового видео понимает HTML5?

N
На сайте с 06.05.2007
Offline
419
#5

mff, да никак. Скажите спасибо прогрессивным молодым вебмастерам за смерть флеша.

Но можете еще посмотреть на http://en.wikipedia.org/wiki/HTTP_Live_Streaming

Кнопка вызова админа ()
mff
На сайте с 21.02.2008
Offline
282
mff
#6
netwind:
да никак

😮 Вы серьезно? :(

И как же быть?

Ну к примеру я напишу скрипт который будет определять устройство и если это Android - вместо плагина VLC ссылка на поток. Юзер жмет и открывается его VLC или какой то другой плеер. А как быть с rtmp протоколом? Большинство трансляций на сайте именно в нем :(

N
На сайте с 06.05.2007
Offline
419
#7

mff, я серьезно. Я имел ввиду, что просто плеер подкрутить не прокатит. И, если у вас "сайт с лучшими спортивными каналами" - то отдыхайте. То есть, "никак" - это ответ для большинства онлайн-бизнесменчиков. Простой ответ для простых поцанов.

Очевидно, тут надо переупаковывать (не перекодировать, h.264 остается все тем же h.264) или искать специальные стримы доступные и в виде HLS.

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

mff
На сайте с 21.02.2008
Offline
282
mff
#8

Я не транслирую. Все потоки на сайте в основном по rtmp протоколу идут. Жаль что так вышло с flash в Android и iOS. Ну чтож будем ждать, может что то и изменится.

Appassionato
На сайте с 22.06.2010
Offline
308
#9

В андроиде лайв-стриминг кривой и косой. Нативный HLS не работает в большинстве версий. RTMP/HDS работают только при наличии флеша.

Единственный более-менее универсальный вариант - это RTSP over TCP (с отключенным UDP), только не в хтмл5, а во встроенном плеере. В виде объекта хтмл5 работает, но не всех версиях.

ЗЫ: встречал рабочую закрытую реализацию универсального стиминга в виде endless-flv, но вменяемого коммерческого аналога не в виде SaaS не обнаружил. Если кто-то знает, ткните носом.

ЗЫ/2: Для projekktor нужно, чтобы был подключен плагин OSMF.

Хостинг Работает, как Часы ( http://tinyurl.com/nze85xw ). Проверено за 11+ лет.
N
На сайте с 06.05.2007
Offline
419
#10
Appassionato:
встречал рабочую закрытую реализацию универсального стиминга в виде endless-flv

Это делает программа, например, ffserver или даже банальный VLC. Но они не нужны. И я объясню почему :

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

HLS создан специально для решения этих проблем. Ну и, конечно же, чтобы в контролировать развитие платформы.

Appassionato:
В андроиде лайв-стриминг кривой и косой

та это уже процедурный вопрос. Отцы направление указали - индустрия туда и побежала.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий