我想在网页上流式传输我从服务器(使用 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 的实时流?谢谢。
最佳答案
网络视频很复杂,大多数浏览器支持不同的视频格式(编解码器),大多是 MP4、OGG 或 WEBM 的选择。
我不确定任何浏览器会直接播放 flv 文件。我认为 flv 通常与 Flash 一起使用,因此您需要网站上的 Flash 应用程序来显示它。
如果您想使用浏览器的内部视频播放器播放实况视频,您应该将服务器配置为以 MP4、OGG 和 WEBM 格式提供。
有关网络视频的更多信息:http://diveintohtml5.info/video.html
关于ffmpeg - 使用 video.js 播放直播,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30513152/