怎么样才能不用安装flash在网页播放rtmp直播流

您可以使用HTML5的video标签和Media Source Extensions (MSE) API来播放RTMP直播流，而不需要安装Flash。您需要使用JavaScript来实现这个功能。具体实现方法可以参考一些开源的JavaScript库，比如video.js和hls.js。

相关问题

html播放rtmp直播流

### 回答1：
在网页中播放RTMP直播流需要使用一些特定的技术和工具。HTML5本身并不支持RTMP格式的流媒体播放，所以需要使用Flash或者其他插件来实现播放。

其中比较常用的方式是使用Video.js这个开源的HTML5视频库，结合videojs-flash插件来播放RTMP直播流。这样可以在支持HTML5播放的浏览器中使用HTML5播放器，在不支持HTML5的浏览器中自动降级为Flash播放器。

具体实现方法如下：

1.引入Video.js和videojs-flash插件的CDN文件：

<link href="//vjs.zencdn.net/5.19.2/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/ie8/1.1/videojs-ie8.min.js"></script>
<script src="//vjs.zencdn.net/5.19.2/video.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/videojs-flash/2.1.0/videojs-flash.min.js"></script>

2.创建一个video元素，并使用video.js创建一个播放器对象：

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
  <source src="rtmp://example.com/appName/streamName" 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="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
  </p>
</video>

<script>
  var player = videojs('my-video', {
    techOrder: ['flash', 'html5']
  });
</script>

3.将播放器对象绑定到video标签，进行播放：

var player = videojs('my-video', {
  techOrder: ['flash', 'html5']
}, function() {
  // Player is ready.
  this.play();
});

这样就可以在网页中播放RTMP直播流了。需要注意的是，由于Flash的安全性问题和浏览器兼容性问题，建议在使用时仔细测试和评估。

### 回答2：
HTML播放RTMP直播流需要借助第三方的插件或者播放器来实现。因为HTML本身并不支持直接播放RTMP流，需要通过将RTMP流转码为支持的格式才能在HTML中播放。

常见的插件和播放器包括：Flash插件、JWPlayer、FlowPlayer等。这些插件和播放器采用不同的技术实现，但都支持RTMP协议，在播放RTMP直播流方面表现良好。

在使用这些插件和播放器的过程中，需要注意以下几点：

1.确认RTMP流地址是否正确。RTMP流地址的格式为：rtmp://服务器地址/应用名称/流名称；

2.确认播放器或插件是否支持播放RTMP流。如果不支持，则需要切换到其他的播放器或插件；

3.确认浏览器是否支持相关插件或播放器。如果不支持，则需要更换浏览器或升级浏览器版本；

4.在播放RTMP直播流时需要考虑网络带宽和稳定性。如果网络带宽不足或不稳定，则可能会出现卡顿和断流等问题。

总之，HTML播放RTMP直播流需要借助第三方插件或播放器，并需要在使用过程中注意相关事项，才能确保播放流畅且正常。

### 回答3：
HTML播放RTMP直播流，需要使用第三方插件或者库来实现。目前比较常用的是使用Video.js和JW Player这两个库，它们均提供了RTMP协议的支持，可以在Web端进行RTMP直播流的播放。

其中，Video.js是一个基于HTML5的开源视频播放库，它支持HTML5视频标签，并提供了丰富的API和插件。在播放RTMP直播流时，需要使用Video.js-RTMP插件，将RTMP视频与Video.js集成。

JW Player也是一个强大的HTML5播放器，它支持多种格式的视频和音频流，包括RTMP流。JW Player提供了RTMP插件，在播放RTMP直播流时，只需要引入该插件即可。

除了以上两种方法外，还可以使用HLS协议来播放RTMP直播流。HLS是苹果公司提出的一种流媒体传输协议，它能够将FLV、MP4等格式的视频流转换成可供iPhone、iPad、Apple TV等Apple设备观看的HLS格式。在播放RTMP直播流时，需要使用hls.js这个库，将RTMP流转换成HLS流后进行播放。

需要注意的是，使用第三方库或插件播放RTMP直播流需要对服务器端和客户端都进行相应的配置，否则可能会出现无法播放、卡顿等问题。建议使用相应的文档或者资料进行参考和学习。

video.js播放rtmp流直播

要在video.js中播放RTMP流直播，需要使用video.js的rtmp插件。以下是一些步骤：

1. 首先，需要引入video.js和rtmp插件的js和css文件。

<link href="//vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/7.6.6/video.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
<script src="//cdn.bootcss.com/videojs-flash/2.2.1/videojs-flash.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-eme/4.4.2/videojs-contrib-eme.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-quality-levels/2.0.9/videojs-contrib-quality-levels.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-dash/2.10.0/videojs-contrib-dash.min.js"></script>
<script src="//cdn.bootcss.com/videojs-flash/2.2.1/videojs-flash.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-ads/6.6.5/videojs-contrib-ads.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-quality-levels/2.0.9/videojs-contrib-quality-levels.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-ads/6.6.5/videojs-contrib-ads.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-dash/2.10.0/videojs-contrib-dash.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
<script src="//unpkg.com/videojs-flash/dist/videojs-flash.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-ads/6.6.5/videojs-contrib-ads.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-eme/4.4.2/videojs-contrib-eme.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-quality-levels/2.0.9/videojs-contrib-quality-levels.min.js"></script>
<script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>

2. 在video标签中添加data-setup属性，并在其值中定义rtmp插件。

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup='{ "techOrder": ["flash", "html5"] }'>
  <source src="rtmp://example.com/path/to/stream" type="rtmp/mp4">
</video>

3. 当使用rtmp流时，需要指定flash播放器的路径。

videojs.options.flash.swf = "path/to/video-js.swf";

这样就可以在video.js中播放RTMP流直播了。