ffmpeg - 使用 video.js 播放直播

标签 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 的实时流?谢谢。

最佳答案

网络视频很复杂,大多数浏览器支持不同的视频格式(编解码器),大多是 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/

相关文章:

python - Python视频降低fps

ios - 如何在 iPhone 中创建 RTSP 播放器

html - 了解 HTML5 视频标签和流式 block

linux - 更改 ffmpeg 中 mp3 的比特率 - 文件无法运行

linux - ffmpeg 中无法识别的选项 '-vf'

iphone - 什么技术最适合将 iPhone 摄像机数据流式传输到计算机?

android - 在 Android 4.1.2 上触发全屏视频播放

html5-video - HTML5 视频不会自动播放

ffmpeg - 当我在后台运行 `ffmpeg` 时,如何防止 `suspended (tty output)` ?

Python使用存储在变量中的将stdout和stderr发送到多个文件