网页播放rtmp流

来源：互联网发布：人工智能简介ppt英文编辑：程序博客网时间：2024/06/17 15:56

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

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

<html>    <head>    <title>视频直播</title>    <meta charset="utf-8">    <link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet">    <!-- If you'd like to support IE8 -->    <script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>  </head>  <body>    <h1>直播间</h1>   <video id="my-video" class="video-js" controls preload="auto" width="640" height="300"   poster="http://ppt.downhot.com/d/file/p/2014/08/12/9d92575b4962a981bd9af247ef142449.jpg" data-setup="{}">      <source src="rtmp://live.hkstv.hk.lxdns.com/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="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>      </p>   </video>   <script src="http://vjs.zencdn.net/5.5.3/video.js"></script>  </body>  </html>

阅读全文

0 0