我想在网页上播放我从服务器(与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