利用Nginx的伪视频流web端接口，我们可以很简易的实现一个视频流服务器。
1，首先，在编译nginx的时候需要加入mp4模块支持。
configure执行的时候加入
--with-http_mp4_module
2，在配置文件中设置参数。
-
location /video/ {
-
mp4;
-
mp4_buffer_size 1m;
-
mp4_max_buffer_size 5m;
-
}
3，准备前端内容。
在nginx的安装路径下，创建video目录。
-
[root@localhost nginx]# cat html/video/mp4test.html
-
<html>
-
<head>
-
<script src="/video/js/flowplayer-3.2.13.min.js" type="text/javascript" charset="utf-8"></script>
-
</head>
-
<body>
-
<!-- set up player container named "nginx" -->
-
<div id="nginx" style="width:644px;height:276px;margin:0 auto;text-align:center">
-
<img src="centos.jpg"
-
height="276" width="548" style="cursor:pointer" />
-
</div>
-
<script type="text/javascript">
-
$f("nginx", "flowplayer-3.2.18.swf", {
-
-
// configure clip to use "nginx" plugin for providing video data
-
clip: {
-
provider: 'nginx',
-
url: 'test.mp4',
-
scaling: 'fit'
-
},
-
-
// streaming plugins are configured normally under the plugins node
-
plugins: {
-
nginx: {
-
url: "flowplayer.pseudostreaming-3.2.13.swf"
-
}
-
}
-
});
-
</script>
-
</body>
-
</html>
4，下载播放插件和js代码。（官网）
创建js目录。
下载 到js目录。
5，下载一个mp4文件。
修改mp4文件名和html中的链接名相同。
6，用浏览器打开页面。
浏览视频。
参考地址：
nginx.org/en/docs/http/ngx_http_mp4_module.html
/plugins/streaming/pseudostreaming.html#prepare
阅读(3225) | 评论(0) | 转发(0) |
