WOWZA + RTMP + HTML5 Воспроизведение?

У меня есть Wowza и тестирование потоковой передачи RTMP. Теперь, как в примере Wowza RTMP, я могу теперь:

  • Воспроизведение через Flash
  • Воспроизведение через HTML5 для iOS
    • <video x-webkit-airplay="allow" type="video/m3u8" src="http://xx.xx.xx.xx:1935/live/myStream/playlist.m3u8" />

Таким образом, до сих пор я могу воспроизводить через:

  • Вспышка (Я НЕ ХОЧУ В КОНЦЕ)
  • iOS HTML5

Итак, как сделать так, чтобы играть дальше:

  • HTML5 для браузеров не iOS?

Для iOS на HTML5:

<video x-webkit-airplay="allow" type="video/m3u8" src="http://xx.xx.xx.xx:1935/live/myStream/playlist.m3u8" />

HTML5 для Android или Windows или любых других браузеров?

2 ответа

Прямая трансляция HTML 5, которую вы используете на iPhone, часто называется "HLS". В настоящее время большинство браузеров на рабочем столе не поддерживают HLS через тег HTML 5 video.

Однако, используя Wowza, вы можете без особых усилий транслировать трансляцию практически на любой экран.

IOS:

Вы там покрыты. Прямая трансляция HLS с Wowza на устройства iOS работает как шарм.

Рабочий стол:

К сожалению, когда дело доходит до настольных браузеров, вы все еще ограничены использованием флэш-памяти для прямых трансляций. Вы можете сделать это одним из двух способов:

  1. С обычным флэш-медиаплеером, таким как JWPlayer, с использованием проверенного и действительного метода RTMP, как вы описали.

  2. Использование Flash Media Player, который поддерживает потоки HLS (например, JWPlayer). В этом случае вы будете использовать ту же конечную точку, что и для потоков iOS. Таким образом, я запускаю прямые трансляции во флэш-памяти на рабочем столе. За свои деньги я предпочитаю использовать HLS для настольных компьютеров, так как в конце дня я имею дело только с одним протоколом для потоковой передачи на всех устройствах. Я также нашел, что производительность была довольно хорошей.

Вы можете прочитать о поддержке HLS в JWPlayer здесь:

http://support.jwplayer.com/customer/portal/articles/1430189-about-hls-streaming

Обратите внимание, что поддержка HLS в JWPlayer ограничена их корпоративной версией.

Все, что сказал, я действительно рекомендую проверить JWPlayer. На мой взгляд, ничто не облегчает запуск ваших прямых трансляций на всех устройствах.

Android:

Хотя технически Android не поддерживает HLS, я обнаружил, что на ряде устройств Android, включая Galaxy S4 и HTC One, использование потока HLS в видеотеге работает так же, как на iOS. Поскольку все, что я прочитал, указывает на то, что HLS не поддерживается на Android, я могу только предположить, что эта функциональность добавлена ​​отдельными производителями. Кроме того, вы предоставляете пользователям Android ссылку на поток rtsp, сгенерированный Wowza в конфигурации приложения по умолчанию. На большинстве других устройств Android поток rtsp можно открыть с помощью встроенного медиаплеера устройства. Полная история и способы обхода потокового вещания на Android можно найти здесь:

http://www.jwplayer.com/blog/the-pain-of-live-streaming-on-android/

В заключение скажу, что хотя прямая трансляция на несколько устройств стала намного проще даже в прошлом году, все еще существует фрагментация нагрузки, которая может заставить разработчика, стремящегося внедрить решение, вырваться из головы. Кроме того, хотя большинство согласится с тем, что спецификация видео HTML 5 - это будущее, эта спецификация по-прежнему широко обсуждается и еще не "сделана". Jeroen Wijering постоянно публикует статью на эту тему, которая регулярно обновляется и, на мой взгляд, обязательна для чтения всем, кто имеет дело с видео в веб-приложениях. Я бы внимательно его прочитал и регулярно проверял наличие обновлений, поскольку вы продолжаете разрабатывать видео решения для Интернета:

http://www.jwplayer.com/html5/

Обновить:

JWPlayer теперь официально поддерживает HLS на Android 4.1+ (Jellybean):

http://support.jwplayer.com/customer/portal/articles/1430189-about-hls-streaming

Flowplayer может предоставить решение для этого. Браузеры Android и iOS могут воспроизводить поток HLS. Существует простой скрипт, как показано ниже. Проверьте это

    <html>
    <head>
    <title>My Flowplayer video</title>
    <link rel="stylesheet" 
      href="https://releases.flowplayer.org/7.2.7/skin/skin.css">
    <!-- hls.js -->
    <script 

 src="https://cdnjs.cloudflare.com/ajax/libs/hls.js/0.10.1/hls.light.min.js"></script>
<!-- flowplayer -->
  <script src="https://releases.flowplayer.org/7.2.7/flowplayer.min.js"> </script>

    </head>
    <body>
    <div class=”flowplayer” data-rtmp=”rtmp://127.0.0.1/vod”>
    <video>
    <source type=”video/flash” src=”mp4:vod_test”>
    <source type=”application/x-mpegurl” src=”streams/vod_test.m3u8″>
    </video>
    </div>
    </body>
    </html>

Как играть в живую и Vod Stream на всех браузерах

Другие вопросы по тегам