直播 - HLS + RTSP 使用 Video.js (Wowza 服务器)

Posted

技术标签:

【中文标题】直播 - HLS + RTSP 使用 Video.js (Wowza 服务器)【英文标题】:Live Streaming- HLS + RTSP using Video.js (Wowza Server) 【发布时间】:2014-11-16 20:36:15 【问题描述】:

我正在使用 Wowza 的 Gocoder 应用程序将视频从我的 iPhone 实时流式传输到 Wowza 服务器(版本 4.0.4)。从服务器我也能够将视频提取到我的网页上。我使用 Video.js 播放器来做同样的事情。但所有这些仅适用于 ios(HLS 流)。现在,我想知道我是否可以支持从我的 android 手机 (RTSP) 流式传输以及使用相同的播放器。 有什么可以让单人播放器分别连接到 RTSP 或 HLS 流的内容吗?

感谢您的帮助! :)

代码

<head>
  <script type="text/javascript">
 document.createElement('video');document.createElement('audio');document.createElement('track');
</script>
<link href="//vjs.zencdn.net/4.8/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/4.8/video.js"></script>
</head>

<body>
<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
  controls preload="auto"  
  poster="nfllogo.png"
  data-setup='"example_option":true'>
<source src="http://a.b.c.d:1935/live/myStream/playlist.m3u8" type='video/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>
</body>

【问题讨论】:

【参考方案1】:

如果您想显示 RTMP 流,那么您需要回退到基于 Flash 的播放器,但这会很好地限制您的平台广告。我四处搜索,但我不清楚 Video.js 是否可以做到这一点。 JW Player可以。

【讨论】:

感谢您的回复。是的,我正在尝试使用 video.js 通过 HLS 或 RTSP 从 android 手机获取流。无论如何感谢您的帮助! @TelecomCoder 你找到安卓手机上的 rtsp 解决方案了吗?是否支持 videojs rtsp mp4 流?

以上是关于直播 - HLS + RTSP 使用 Video.js (Wowza 服务器)的主要内容,如果未能解决你的问题,请参考以下文章

JavaCV音视频开发宝典:使用JavaCV实现webm直播服务(无需流媒体服务,无需mse,浏览器video标签直接播放rtsp,rtmp和桌面投屏直播)

JavaCV音视频开发宝典:JavaCV实现mp3音频直播FM在线电台服务,无需流媒体服务,浏览器原生audio标签直接播放mp3,支持rtsp/rtmp/flv/hls/本地音视频源直接转码到mp3

JavaCV音视频开发宝典:JavaCV实现mp3音频直播FM在线电台服务,无需流媒体服务,浏览器原生audio标签直接播放mp3,支持rtsp/rtmp/flv/hls/本地音视频源直接转码到mp3

rtmp/rtsp/hls公网测试地址

国标GB/T28181流媒体服务获取接入的设备通道直播流地址HLS/HTTP-FLV/WS-FLV/RTMP/RTSP

LiveNVR拉转Onvif/RTSP/RTMP/FLV/HLS直播流流媒体服务视频广场页面集成视频播放集成说明