首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用视频to播放rtmp实况流?

如何使用视频to播放rtmp实况流?
EN

Stack Overflow用户
提问于 2017-04-07 06:33:28
回答 4查看 64.1K关注 0票数 15

我使用OBS将实时流推送到本地rtmp服务器(节点-rtsp-rtmp-server),它与VLC媒体播放器运行良好。我只想把它放到网页上,然后我找到了视频。它不工作,并返回指定的“-attribute”rtmp /mp4“类型”不支持。似乎我的rtmp服务器没有收到来自这个网页的任何请求。那我错过了什么?这是我的代码:

代码语言:javascript
复制
<head>
    <meta charset="utf-8">
    <link href="./video-js-6.0.0/video-js.css" rel="stylesheet">
    <script src="./video-js-6.0.0/video.js"></script>
    <script src="./video-js-6.0.0/videojs-flash.min.js"></script>
    <script>
        videojs.options.flash.swf = "./video-js-6.0.0/video-js.swf"
    </script>
</head>
<body>
   <video  id='vid' class='video-js' controls height=300 width=600>
      <source src="rtmp://127.0.0.1:1935/live/pokemon" type="rtmp/mp4"/>
    </video>
    <script>
        var player = videojs('vid');
    </script>
</body>
EN

回答 4

Stack Overflow用户

发布于 2017-04-10 13:27:01

要将流从RTMP服务器发布到网页,您有两个选项:

  1. 在FlowPlayer中嵌入RTMP流(Strobe,JwPlayer,FlowPlayer)
  2. 使用支持Wowza流引擎的流服务器以HTML5格式(HLS或MPEG破折号)传送流;如果您的流还没有使用H264和AAC编码,这也可能需要转码。
票数 6
EN

Stack Overflow用户

发布于 2017-04-15 21:10:39

代码语言:javascript
复制
<html>
<head>
  <title> Stream Player </title>
  <link href="video-js.css" rel="stylesheet" type="text/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" 
     data-setup='{"techorder" : ["flash","html5] }'>
     <source src="rtmp://127.0.0.1:1935/live/test" type="rtmp/mp4">
   </video>
 </center>
</body>
</html>

数据设置技术参数似乎是视频use使用闪存所必需的。

如果这样做不起作用,那么确保您的javascript文件都是好的。从video.js的第6版开始,默认情况下它不再支持flash。https://docs.videojs.com/tutorial-faq.html#q-how-can-i-play-rtmp-video-in-videojs

我正在使用nginx作为服务器。

https://obsproject.com/forum/resources/how-to-set-up-your-own-private-rtmp-server-using-nginx.50/

https://github.com/arut/nginx-rtmp-module

如果您希望使用CDN作为video.js和视频js.css文件,则将头替换为

代码语言:javascript
复制
<!--The latest versions of video.js no longer support flash or rtmp-->
<link href="https://vjs.zencdn.net/5.19/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/5.19/video.js"></script>

注意:你最好把时间花在学习HLS或破折号上,而不是闪光灯。

票数 5
EN

Stack Overflow用户

发布于 2017-04-09 22:27:52

浏览器不支持RTMP。在浏览器中连接到RTMP流的唯一方法是使用Flash。

考虑使用更兼容的分发协议,例如DASH,它是由媒体源扩展支持的。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43271187

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档