用video.js播放直播

时间:2015-05-28 17:21:06

标签: ffmpeg video-streaming html5-video video.js ffserver

我想在网页上直播我从服务器(使用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的直播流?感谢。

1 个答案:

答案 0 :(得分:0)

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

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

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

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