网页播放rtmp流

时间：2024-11-10 17:37:27

在h5页面里播放rtmp流很简单，只需要一个库的支持。当前库已经出到了版本。但是版本播放不了rtmp流。所以示例中只用了5.5.3版本的库。

还有，想要这个示例可以运行，要用firefox运行；如果还是不行，就搭一个apache服务器来运行。

<html>  
  <head>  
  <title>视频直播</title>  
  <meta charset="utf-8">  
  <link href="/5.5.3/" rel="stylesheet">  
  <!-- If you'd like to support IE8 -->  
  <script src="/ie8/1.1.1/"></script>  
</head>  
<body>  
  <h1>直播间</h1>  
 <video  class="video-js" controls preload="auto" width="640" height="300"  
 poster="/d/file/p/2014/08/12/" data-setup="{}">  
    <source src="rtmp:///live/hks" type="rtmp/flv">  
    <!-- 如果上面的rtmp流无法播放，就播放hls流 -->  
    <!-- <source src="http://10.10.5.119/live/livestream.m3u8" type='application/x-mpegURL'> -->  
    <p class="vjs-no-js">播放视频需要启用 JavaScript，推荐使用支持HTML5的浏览器访问。  
      To view this video please enable JavaScript, and consider upgrading to a web browser that  
      <a href="/html5-video-support/" target="_blank">supports HTML5 video</a>  
    </p>  
 </video>  
 <script src="/5.5.3/"></script>  
</body>  
</html>


相关文章