WOWZA + RTMP + HTML5 Воспроизведение?
У меня есть Wowza и тестирование потоковой передачи RTMP. Теперь, как в примере Wowza RTMP, я могу теперь:
- Воспроизведение через Flash
- http://www.wowza.com/gettingstarted
- Сервер:
rtmp://xx.xx.xx.xx:1935/live
- Поток:
myStream
- Воспроизведение через 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 работает как шарм.
Рабочий стол:
К сожалению, когда дело доходит до настольных браузеров, вы все еще ограничены использованием флэш-памяти для прямых трансляций. Вы можете сделать это одним из двух способов:
С обычным флэш-медиаплеером, таким как JWPlayer, с использованием проверенного и действительного метода RTMP, как вы описали.
Использование 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>