用video.js播放直播



我想在网页上播放我从服务器(与ffserver)接收的视频直播。到目前为止,当我写一个非常简单的代码:

<head>
    <script src="http://www.andy-howard.com/js/libs/jquery-1.8.2.min.js"></script>
    <link href="http://vjs.zencdn.net/4.12.6/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.12.6/video.js"></script>
    </style>
</head>
<body>
   <video id="video1" class="video-js vjs-default-skin" width="640" height="480" controls="controls"
        preload="auto" poster="http://upload.wikimedia.org/wikipedia/commons/thumb/4/41/NYC_Times_Square_wide_angle.jpg/640px-NYC_Times_Square_wide_angle.jpg" >
        <source src="http://10.172.180.235:8090/live.flv" type="video/x-flv">
    </video>
</body>

则不起作用。但是当我替换这行:

<source src="http://10.172.180.235:8090/live.flv" type="video/x-flv">

和这个:

<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">

然后我可以看到流,但它来自一个文件…是否有一种方法显示在我的网页直播流来自ffserver?谢谢。

Web视频是复杂的,大多数浏览器支持不同的视频格式(编解码器),大多是MP4, OGG或WEBM的选择。

我不确定任何浏览器将直接播放flv文件。我认为flv通常与Flash一起使用,所以你需要在网站上使用Flash应用程序来显示它。

如果你想用浏览器的内部视频播放器播放实时视频,你应该配置你的服务器以MP4, OGG和WEBM格式提供。

更多关于网络视频的信息:http://diveintohtml5.info/video.html

相关内容

  • 没有找到相关文章

最新更新