经过一天的努力,查了好多资料,终于搞定了Flv视频服务器。本来这个事情没那么复杂的,无奈网上的很多资料都是错漏百出,内容脱节的,包括一些官方站也是,实在让人郁闷不已。为了让大家能避免被错误的文档误导,写个简短文章给大家做参考。
目前,由于Flash的流行,网络上绝大多数的微视频网站都采用了Flv格式来播放视频。
在互联网上播放视频,有两种方式,一种是文件方式,即通过HTTP协议访问视频文件,这种方式的缺点是不能从特定的帧开始播放;另外一种就是采用专门的流媒体服务器,这种方式的缺点是要搭建复杂的流媒体服务器。不过,现在有了一种集合了以上两种方式优点的一种解决方案,即通过HTTP来实现伪流媒体。本文描述的就是这样的一种解决方案。
Flv播放器
首先,你需要有一个能够播放Flv视频的播放器,很显然,它还需要能够嵌入到网页中。目前比较流行的,功能上也还比较完善的一个Flv播放器就是 JW FLV Media Player(也称为 jwplayer)。它的网址是:
http://www.longtailvideo.com/players/jw-flv-player/
本文写作时,jwplayer的最新版本是4.6。它对于非商业使用是免费。
从上述网址下载jwplayer,输入邮件地址即可下载一个压缩包。
可以考虑下载使用带有 Viral 插件的版本,Viral插件会在视频播放完后,弹出一个窗口,可供浏览者将该视频嵌入到其他网页、发布该视频的URL和推荐该视频,对于推广视频比较有用。
将包中的player.swf(如果是带有Viral插件的,就是player-viral.swf)放到你的网站内,这就是用来提供视频播放的播放器。至于包中其它的文件,都可以不要。
接下来,将播放器嵌入到你的视频播放网页中。嵌入的方式有两种:
直接嵌入,使用Object/Embed代码嵌入:
<object id="player1" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player1" width="328" height="200">
<param name="movie" value="player.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=video.flvℑ=preview.jpg&autostart=false&type=http&streamer=start" />
<embed
type="application/x-shockwave-flash"
id="player2"
name="player2"
src="player.swf"
width="328"
height="200"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=video.flvℑ=preview.jpg&autostart=false&type=http&streamer=start"
/>
</object>
上面代码中,你需要将video.flv和preview.jpg替换成你的视频文件及其预览图。
基本上这种直接代码嵌入的方式在各种浏览器中都是兼容的。但是,以上代码在IE7+的某些安全设置下,播放Flash时会弹出安全提示,需要手动许可。所以,还有一种更好方式来嵌入,
使用swfobject来嵌入Flash:
swfobject是一个很小的JavaScript脚本(10k),该脚本引入了一个swfobject对象,用于在网页内嵌入Flash,并避免了上述的安全提示。swfobject已经得到了广泛的使用和好评。
swfobject在jwplayer包中也包含了一个,不过是很旧的1.5版,建议使用最新的版本。本文写作时,最新的版本是2.2。swfobject可以从此下载(只需要其中的swfobject.js文件):
http://code.google.com/p/swfobject/
使用swfobject嵌入的代码如下:
<html>
<script type="text/JavaScript" src="swfobject.js"></script>
<head>
<script type="text/JavaScript">
/* <![CDATA[ */
function createPlayer() {
var flashvars = {
file:"video.flv",
type:"http",
image:"preview.jpg",
autostart:"false",
streamer:"start"
}
var params = {
allowfullscreen:"true",
allowscriptaccess:"always"
}
var attributes = {
id:"player1",
name:"player1"
}
swfobject.embedSWF("player.swf", "placeholder1", "320", "196", "9.0.115", false, flashvars, params, attributes);
}
/* ]]> */
</script>
</head>
<body onload="createPlayer();">
<div id="placeholder1"></div>
</body>
</html>
上述代码中,首先引入swfobject.js,然后将实例化播放器的代码放到head中;在body内放一个空的div用来为播放器占位,该div的ID(上例中是placeholder1)会被传递给swfobject.embedSWF()函数,swfobject会在该div内生成播放器;最后在body的onload事件中进行播放器的创建。
在上述的两种代码中,有两个关键点:
flashvars中的type参数的值应为“http”,这表明了该视频是通过http方式访问的。
falshvars中的streamer参数的值应为“start”,这个参数用于传递给服务器从特定的(关键)帧开始播放,没有这个参数,视频就不能拖到特定点播放。(lighttpd和nginx的Flv模块都支持这个start参数)
此外,需要注意的是,如果一个Flv视频要能够被拖到特定点播放,该Flv需要在其metadata中有关键帧的信息。如果你的Flv视频制作的时候没有这些信息,也是不能拖放播放的。可以使用flvmdi来为你的视频加上关键帧信息,这是一个windows下的小程序,从此下载:
http://www.buraks.com/flvmdi/
完成了以上工作,那么客户端的播放器的显示就可以工作了。接下来我们搭建用来提供Flv文件访问的HTTPD服务器。
Flv视频服务器
搭建Flv视频服务器,建议采用轻量级的HTTP服务器,毕竟Flv文件只是静态文件。轻量级的HTTP服务器有两种选择:lighttpd和nginx。选择任何一个都可以,在提供Flv服务方面,两者相差不多。
nginx
从nginx的网站下载最新的稳定版,本文写作时的最新稳定版的版本是0.7.63:
http://nginx.net/
下载后进行编译,要将“ --with-http_flv_module ” 加上,这个是用来专门提供Flv服务的模块。nginx的编译的其他选项及配置这里就不多说了,只说明一下在配置中如何激活flv模块:
在server配置中,加入如下语句,表明所有的flv文件由flv模块进行处理:
location ~ \.flv { flv; }
lighttpd
从lighttpd下载最新的稳定版,本文写作时的最新稳定版的版本是1.4.24:
http://www.lighttpd.net/
下载后编译不需要特定选项,flv模块是默认编译进去的,但是在配置文件中并无此模块,需要手动添加:
在server.modules区块中加入如下语句来激活flv模块(如果不是插入到最后一行,记得末尾的逗号):
"mod_flv_streaming",
然后在配置文件中增加如下行来说明所有的Flv文件都由flv模块处理:
flv-streaming.extensions = ( ".flv" )
说明:在以上两种HTTP服务器中,flv模块实际上会接收通过拖放播出而传递的类似 “?start=1030435” 这样的参数,并根据该参数传递从特定位置开始的视频数据。
这样,Flv视频服务器就安装好了。你可以试试播放Flv视频,也可以看看拖放是否工作。
如果你需要播放mp4视频,基本原理如上,只是需要额外的处理mp4文件的模块,在此就不赘述了。
分享到:
相关推荐
nginx搭建流媒体服务器(flv,mp4视频播放网站).zip
另外一种就是采用专门的流媒体服务器,这种方式的缺点是要搭建复杂的流媒体服务器。不过,现在有了一种集合了以上两种方式优点的一种解决方案,即通过HTTP来实现伪流媒体。本文描述的就是这样的一种解决方案。首先...
在Centos系统搭建Ostube2.6开源flv流媒体服务器
搭建流媒体服务器,视频推流服务调试 支持rtsp,rtmp,e3u8,flv等
flv.js 测试demo 将整个文件夹放在web服务器目录下,可使用xampp搭建服务器,放在htdocs下,通过 http://localhost/flv 访问
主要介绍了Nginx搭建流媒体FLV视频服务器配置示例,,需要的朋友可以参考下
SRS 是一个高性能、易于扩展的实时流媒体服务器,支持 RTMP、WebRTC、HLS、HTTP-FLV 等多种流媒体协议。 搭建步骤简述如下: 拉取官方镜像:通过 docker pull ossrs/srs:<version> 命令从 Docker Hub 获取指定版本...
该资源文件用于 Windows服务器环境下flv视频播放——对未缓冲进度条实现拖动 该nginx服务器已经做好了相关的配置,支持视频的播放。相关文章说明请参考http://hi.baidu.com/mtb573/item/6a7115558f9b649f8c12ed9e
Red5 是一个采用 Java 开发的开源免费 Flash 流媒体服务器。Red5 基于 Java 和一些功能强大...本文通过对 Red5 的介绍,让读者了解如何使用 Red5 快速搭建一个流媒体服务器和如何在服务器上开发部署相应的流媒体应用。
一步步安装nginx搭建流媒体服务器的所有软件打包; nginx-1.8.0.tar.gz :应用服务器主程序 nginx_mod_h264_streaming-2.2.7.tar.gz :MP4流媒体支持模块。 openssl-1.0.1c.tar.gz :openssl库 pcre-7.9.tar.gz :...
linux下支持FLV格式视频的流媒体服务搭建过程和源码
搭建ffmpeg直播服务器flv.tar.gz.zip
搭建ffmpeg+nginx+yasm 流媒体服务器低延迟,最低延迟两三秒,文档已清晰注明安装部署步骤,基本无需修改,直接可以使用,本文采用rtsp转hls流进行播放
搭建一个 ffmpeg+nginx的视频服务器: windows: 参考 https://blog.csdn.net/Contex_A17/article/details/82191050 注意点:1、要下载 nginx 1.7.11.3 Gryphon版本的nginx,因为windows不好加nginx模块,这...
windows下部署好的nginx和添加插件nginx-http-flv-module版本,可直接运行服务器,然后进行推拉流。
记录配置oneindex视频P2来自B站up:Kaignaw B站链接https://www.bilibili.com/video/BV1T64y1u7Z5
当车机服务器端主动下发音视频实时传输控制消息(0x9101)后,车载终端连接到此服务器后,发送指定摄像头所采集的视频流,此项目服务器完成音视频数据接收并转码,完成转播的流程,提供各平台的播放支撑。...
内容由流媒体协议等基本知识,视频媒体基本知识,流媒体服务器搭建实战,流媒体工具使用实战等内容组成。由本人“天地会珠海分舵”(http://blog.csdn.net/zhubaitian)耗时一个月整理而成,现分享给大家。 章节内容...
NULL 博文链接:https://lafecat.iteye.com/blog/2035650