Wowza 和 Video.js 没有流式传输答案

【问题标题】：Wowza and Video.js not streamingWowza 和 Video.js 没有流式传输
【发布时间】：2017-02-28 23:03:32
【问题描述】：

我正在尝试使用从 wowza 接收的 Video.js 运行 rtmp 流。但是，我一直无法获得任何可玩的东西。来源如下，我浏览了我能找到的每一篇文章和帖子，这似乎应该有效。但是我做不到。

附言我已经将下面的 rtmp url 加载到 VLC 播放器中，它加载得很好，所以它肯定是实时的并流式传输到该地址

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Live</title>
  <link rel="stylesheet" type="text/css" href="video-js.css">
  <script src="video.js"></script>
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>
</head>
<body>
 <center>
   <video id="livestream" class="video-js vjs-default-skin vjs-big-play-centered"
     controls autoplay preload="auto" width="1280" height="720"
     data-setup='{"example_option":true}'>
      <source src="rtmp://192.168.32.15:1935/live/myStream" type="rtmp/mp4">
   </video>
 </center>
</body>
</html>

【问题讨论】：

您是否在开发者控制台中遇到任何错误？
@VasilDininski 不，加载或按下播放按钮时控制台中什么都没有
"我认为没有任何浏览器支持 rtmp 协议".replace("我认为没有", "NO");
参见documetation - 特别是“使用流协议”部分之前的重要警告 - 重要提示：尽管音频和视频标签与协议无关，目前没有浏览器支持任何内容除了 HTTP 而不需要插件，尽管这看起来会改变。 HTTP 以外的协议也可能会受到防火墙或代理服务器的阻止。
@JaromandaX 在这种情况下，通过 Wowza 直播的最佳方法是什么？

标签： javascript html video.js rtmp wowza

【解决方案1】：

我使用了 video.js 的 CDN 版本，它与来自 Wowza 的 RTMP 直播流一起正常工作。

<html>

<head>
  <link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet">

  <!-- If you'd like to support IE8 -->
  <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>

<body>
  <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
    <source src="rtmp://192.168.1.20:1935/live/myStream" type='rtmp/mp4'>
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
  </video>

  <script src="http://vjs.zencdn.net/5.8.8/video.js"></script>
</body>

</html>

您还可以为 video.js 安装 HLS 插件并从您的 Wowza 服务器播放 HLS 流。

 http://192.168.1.20:1935/live/myStream/playlist.m3u8

【讨论】：

我使用了你的代码。用我的 rtmp url 替换了 RTMP url，但它不起作用。它显示找不到此媒体的兼容来源。你有什么想法？谢谢！