Question

我有Wowza并测试RTMP流。现在和Wowza RTMP示例一样，我现在可以：

通过Flash播放
- http://www.wowza.com/gettingstarted
- 服务器：rtmp://xx.xx.xx.xx:1935/live
- Stream：myStream
通过HTML5 for iOS播放
- <video x-webkit-airplay="allow" type="video/m3u8" src="http://xx.xx.xx.xx:1935/live/myStream/playlist.m3u8" />

所以意味着，直到现在，我可以通过以下方式播放：

Flash （我不想在最后）
iOS HTML5

那么如何让它发挥作用：

非iOS浏览器的HTML5？

对于HTML5上的iOS：

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

HTML5适用于Android或Windows或任何其他浏览器？

Answer 1

您在iPhone上使用的HTML 5直播流通常被称为＆＃34; HLS＆＃34;。目前，桌面上的大多数浏览器都不支持通过HTML 5视频标记进行HLS。

然而，使用Wowza，你可以轻松地将你的直播流放到任何屏幕上。

<强>的iOS：

你已经在那里了。从Wowza到iOS设备的HLS实时流媒体就像一个魅力。

<强>桌面：

不幸的是，在桌面浏览器方面，您仍然只能使用Flash进行直播。您可以通过以下两种方式之一完成此操作：

使用典型的Flash媒体播放器，例如JWPlayer使用经过验证的RTMP方法，如您所述。
使用支持HLS流的Flash媒体播放器（例如JWPlayer）。在这种情况下，您将使用您用于iOS流的相同端点。我一直在桌面上的flash中以这种方式运行实时流。对于我的钱，我更喜欢将HLS用于桌面，因为我只在一天结束时在所有设备上处理一个用于实时流的协议。我也发现表现非常好。

您可以在此处阅读JWPlayer中的HLS支持：

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

请注意，JWPlayer中的HLS支持仅限于其企业版。

所有这一切，我真的建议退房JWPlayer。在我看来，没有什么比这更容易让你的直播流在所有设备上运行。

<强>机器人：

虽然Android在技术上不支持HLS，但我发现在许多Android设备上，包括Galaxy S4和HTC One，在视频标签中使用HLS流就像在iOS上一样。由于我所阅读的所有内容都表明Android不支持HLS，因此我只能假设这些功能是由各个制造商添加的。或者，您向Android用户显示由Wowza在其默认应用程序配置中生成的rtsp流的链接。在大多数其他Android设备上，可以使用设备的本机媒体播放器打开rtsp流。有关Android上实时流媒体的完整历史记录和解决方法，请访问：

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

我总结说尽管即使在去年，直播到多个设备的流量也变得更加容易，但仍然存在一个对接负载碎片，这可能会让寻求实施解决方案的开发人员拉开他的头发。此外，尽管大多数人都同意HTML 5视频规范是未来的，但该规范仍然受到广泛争论，而且并非真正做到了＃34;然而。 Jeroen Wijering保留了一篇关于该主题的正在运行的文章，该文章定期更新，在我看来，对于在Web应用程序中处理视频的任何人来说都需要阅读。我会仔细阅读，并在您继续为网络开发视频解决方案时经常回来查看更新：

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

<强>更新

JWPlayer现在正式支持Android 4.1+（Jellybean）上的HLS：

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

Answer 2

Flowplayer可以为此提供解决方案。 Android＆amp; 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>

How to Play Live and Vod Stream on all Browsers

WOWZA + RTMP + HTML5播放？

2 个答案: