Воспроизведение файлов m3u8 с тегом HTML Video
Я пытаюсь использовать HTTP Live Streaming (HLS) для потоковой передачи видео на мои компьютеры и мой iPhone. После прочтения Apple «HTTP Live Streaming Overview», а также «Best Practices for Creating and Deploying HTTP Live Streaming Media for the iPhone and iPad» я немного застрял.
Я взял свой исходный файл (mkv) и использовал ffmpeg для кодирования файла в формате MPEG-TS и рекомендуемых Apple настройках, а также базовый профиль 3.0:
Никаких забот. Я использовал предварительно скомпилированный инструмент сегментирования , чтобы сегментировать видео и создавать плейлист .m3u8. Полученный файл выглядел следующим образом:
Я проверил это на примере некоторых файлов плейлиста для использования с HTTP Live Streaming, и я не вижу никаких проблем. Я также попробовал воспроизвести файл .m3u8 в VLC, и он работает как заклинание.
Я создал страницу HTML для воспроизведения файла:
И эта страница не работает в Chrome, Safari, на моем iPhone. Примеры видео-тегов html5 на w3schools прекрасно работают на моем компьютере, а официальный обзор Apple, упомянутый выше, дает пример HTML, очень похожий на мою страницу. Тем не менее, мой видеоплеер полностью не реагирует, когда я посещаю свою собственную страницу .m3u8.
If your website is secured with SSL certificate, then you will need to use the https protocol for the embeddable URL. At the same time your streaming URL also will need to be supported for the https URL format. Otherwise your stream won’t work.
Ex: https ://www.elahmad.com/tv/video-player.php? playlist=https ://example.com/playlist.m3u
Ex: https ://www.elahmad.com/tv/video-player.php? url=https ://example.com/playlist.m3u8
In this method, if your website is not secured with SSL certificate, then you will be able to use this embeddable URL as follows. There are two methods for preparing the URL for embedding.
Исправление IPTV плейлиста в UTF-8 кодировку
Исправить кодировку в UTF-8 достаточно просто, для этого нам необходимо iptv плейлист открыть с помощью приложения «Блокнот». На файле плейлиста нажимаем правой кнопкой мыши, появляется меню выбора действий. Выбираем вкладку «Открыть с помощью» и если в открывшемся меню вы не увидите приложение «Блокнот», то нажимаете «Выбрать другое приложение».
После этого выбираем из предложенного списка нужную программу.
Вот и открывается наш iptv плейлист.
Теперь наша цель пересохранить открытый файл, для этого выбираем вкладку «Сохранить как»
Теперь самое главное во вкладке «Кодировка» выбрать UTF-8 и смело сохранять файл под нужным вам именем и в нужном месте.
Воспроизведение m3u8 на компьютере
есть сайт LifeNews с онлайн трансляцией
Подключил плеер у себя, все настроил.
в конструкторе проверил видео нормально показывается
А на сайте не хочет. Жму на воспроизведение проигрывает буквально полсекунды и останавливается.
В какую сторону смотреть?
Вот содержимое m3u8
#EXTM3U
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=2304000,RESOLUTION=1280×720
lifetv/720p/index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1038000,RESOLUTION=854×480
lifetv/480p/index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=576000,RESOLUTION=640×360
lifetv/360p/index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=291000,RESOLUTION=426×240
lifetv/240p/index.m3u8
На lifenews я так понял этот плейлист позволяет выбрать качество трансляции. Там у них JW Player, но мне не нравится он.
Подскажите как настроить.
| arriah | Ссылка на пост (Смотрели 9564) | 23.01.15 04:03 Ответить |
Да, скачал необходимый плеер, uppod-osmf.
Если честно, перепробовал все доступные плеера.
В конструкторе, при создании стиля есть кнопка проверить все нормально, а вот с сайта беда
Да, моя ошибка, сейчас все работает. А как мне сделать чтобы можно было выбрать качество трансляции из m3u8
В настройках качество выбрал список, но почему-то его нет
Да, я указал все данные. Список появился. Но походу смена качества воспроизведения не работает.
Насколько я понял в плей листе указываются поток вещания с нужным качеством. Вот как это прикрутить к кнопке качество?
Пока сделал так:
Создал плей лист, в котором указал разные потоки. Качество воспроизведения выбираю через кнопку «плэйлист»
Но если вы зайдете на сайт lifenesw в прямую трансляцию, там качество выбирает по другому вот и я так же хочу.
Ну и чтобы не создавать отдельную тему почему не проигрывается этот поток на IOS с мобильного?
Можно переключать качества внутри одного манифеста, либо разные манифесты между собой у вас какой случай? m3u8 на ios должен работать в html5 версии плеера
вот если бы вы объяснили что за манифесты и с чем их едят 🙂
html5 не работает, в документации прочитал что поток должен быть на том же домене. У меня это не возможно
У тебя на сайте показвыет онлайн и на компе и с телефона. Как решил проблему. Просто если я делаю через html5 то пишет файл не найден
такая же проблема пишет файл ссылка не найден хотя тут, в просмотре, всё работает на моём сайте нет ((
уже испробовал всякое (в том числе HLS (универсальная версия с поддержкой HLS m3u8), может быть поможет кто нибудь из поддержки
Воспроизведение m3u8 на компьютере
M3U8 Loader
версия: 1.3.177
Последнее обновление программы в шапке: 08.09.2019
Краткое описание:
Программа скачает видео из m3u8 в несколько потоков
Программа больше не разрабатывается
Для того чтобы скачать видео файл, нужно указать адрес m3u8 и имя. Имя должно быть без расширения, программа сама добавит .mp4
В зависимости от скорости соединения и мощности устройства, указываем нужное количество потоков. Оптимальным будет 10, это значит что будет запущено на скачивание 10 файлов из списка одновременно и по завершению будет скачиваться следующий.
В настройках нужно указать папку куда будут помещаться видео файлы.
Для скачивания видео со страницы из сайта, можно воспользоваться программой ReCaster
Требуется Android: 5 и выше, на 4.0.3 программа запускается, но могут быть ошибки
Русский интерфейс: Да
Программа для редактирования плейлистов IPTV m3u
Специальный редактор плейлистов IPTV позволяет автоматизировать процесс создания m3u-файлов, исключив необходимость в многочисленных ручных действиях. Сейчас достаточно функциональными и удобными являются 3 программы.
My Playlist TV
Утилита My Playlist TV предназначается для сортировки, а также упорядочивания каналов внутри плейлистов. Если надоело вручную переносить каналы, эта программа ускорит процесс. В ней достаточно галочкой выделить каналы и провести массовое удаление или изменение порядка. Это крайне простая и нетребовательная программа.
SS IPTV
SS IPTV – один из проигрывателей, у которого есть собственный сайт. Через веб-портал может настраивать собственный список каналов. SS IPTV редактор плейлистов работает по принципу «перетащи и брось», то есть достаточно курсором мыши переместить элемент в любое другое место или полностью удалить его. Все процедуры лучше выполнять с компьютера, изменения применятся автоматически (если настроен внешний плейлист).
Playlist Creator
Еще один удобный m3u редактор (также поддерживает PLS), который служит неким органайзером для настройки списка воспроизведения. В нем удобно выбирать подходящие элементы, а также передвигать их по списку вверх или вниз. Позволяет за несколько движений объединить несколько плейлистов, а уже затем путем редактирования можем выбрать нужные и неподходящие каналы.
Перечисленных сведений достаточно для создания полноценного m3u-плейлиста самостоятельно. Ручной метод рекомендуем для создания списка с нуля, а программы помогут настроить, объединить или разделить несколько разных плейлистов.
