到http://flowplayer.rog下载flowplayer，在download页面下载的flowplayer只有flowplayer-3.2.7.swf和flowplayer.controls-3.2.5.swf文件，然后到document下载javascript api的js文件flowplayer-3.2.6.min.js。
有了以上三个文件，就可以完成播放录像的功能了。
flowplayer播放代码：
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<html>
<head>
<title>视频录像</title>
<script type="text/javaScript" src="js/flowplayer-3.1.4.min.js">var abc=1234;</script>
</head>
<body>
<center>
<div id="flowplayer" style="display:block;width:325px;height:250px;"></div>
<input type="button" value="退30秒" onclick="seek(-30);" class="tbbutton" style="width:45px;height:22px" />
<input type="button" value="退10秒" onclick="seek(-10);" class="tbbutton" style="width:45px;height:22px" />
<input type="button" value="退5秒" onclick="seek(-5);" class="tbbutton" style="width:45px;height:22px" />
<span style="margin-left:8px;"/>
<input type="button" value="进5秒" onclick="seek(5);" class="tbbutton" style="width:45px;height:22px" />
<input type="button" value="进10秒" onclick="seek(10);" class="tbbutton" style="width:45px;height:22px" />
<input type="button" value="进30秒" onclick="seek(30);" class="tbbutton" style="width:45px;height:22px" />
<br/>
<br/>
</center>
</body>
<script type="text/javaScript">
var filePath2 = "avatar.flv"; －－red5项目TestRed5中streams里的flv文件
var player = $f("flowplayer", "flowplayer-3.1.3.swf", {
/*clip: {
url: filePath2,
provider: 'influxis',
autoPlay: true,
accelerated: true,
autoBuffering: false
},*/
plugins: {
influxis: {
url: 'flowplayer.rtmp-3.1.2.swf',
netConnectionUrl: 'rtmp://192.168.61.113/TestRed5' －－使用rtmp即使用red5提供的播放服务
}
}
});
var clip0 = {url:filePath2,provider: 'influxis',autoPlay: true,accelerated: true,autoBuffering: false};
player.onStart (
function(){
player.seek(${position});
}
);
player.play(clip0);
function seek(s) {
var t = player.getTime() + 1 + s;
t = t < 0 ? 0 : t;
player.seek(t);
}
seek("${position}");
/*切换录像和录音的播放
var playMode = 0;
function changePlayMode() {
if (playMode == 0) {
playMode = 1;
document.getElementById("changePlayModeButton").value="切换到视频模式";
var t = player.getTime();
player.stop();
player.close();
player.getClip().update(clip1);
player.play();
player.onStart(function() {
seek(t);
});
} else {
playMode = 0;
document.getElementById("changePlayModeButton").value="切换到音频模式";
var t = player.getTime();
player.stop();
player.close();
player.getClip().update(clip0);
player.play();
player.onStart(function() {
seek(t);
});
}
}
*/
</script>
</html>
flowplayer具有很强的功能，光于api的使用可以查看flowplayer提供的详细文档。
自己现在也就会简单的使用而已，希望有机会可以深入的了解。
分享到：
相关推荐
Flowplayer是一款广泛使用的开源视频播放器，专为网页设计，提供免费版本供开发者和网站所有者集成到他们的网站上。这个播放器支持多种视频格式，包括H.264、WebM和Ogg，能够适应不同的浏览器和设备，确保用户在不同...
Flowplayer是一款广泛使用的开源JavaScript视频播放器，它允许开发者在网页上轻松集成视频播放功能。这个压缩包可能包含了Flowplayer的源代码、配置文件、示例或者相关文档，便于我们了解和定制播放器。 Flowplayer...
"Flowplayer 页面加载视频"这个主题主要关注如何使用Flowplayer在网页中加载和播放视频内容。以下是对这个主题的详细阐述： 1. **Flowplayer基本结构**： Flowplayer基于JavaScript和Flash技术，提供了一个轻量级...
Flowplayer是一款广泛应用于网页视频播放的开源JavaScript播放器。它支持HTML5和Flash技术，能够无缝切换，确保在各种浏览器和设备上都能提供流畅的视频体验。Flowplayer以其易用性、灵活性和丰富的自定义选项而受到...
Flowplayer是一款知名的开源JavaScript视频播放器，用于在网页上嵌入和播放视频内容。这个"flowplayer3.2.8(去水印).zip"压缩包包含的是Flowplayer的3.2.8版本，该版本已经去除了默认的LOGO和水印，适合那些希望在...
2. **FLV格式支持**：FLV（Flash Video）是早期广泛使用的网络视频格式，Flowplayer支持这种格式意味着它可以处理许多老旧但依然存在的视频库。通过Flash插件，Flowplayer能够在那些不直接支持FLV的现代浏览器中播放...
3. **视频分段加载**：利用HTTP Live Streaming (HLS) 技术，Flowplayer可以实现视频的分段加载，提高播放速度，尤其在网络条件不佳时。 4. **多语言支持**：Flowplayer提供多语言支持，方便全球用户使用。 5. **...
总的来说，Flowplayer是一款优秀的视频播放解决方案，它提供了丰富的API和定制选项，让开发者能够轻松创建个性化的视频体验，同时通过流媒体技术支持高效的视频播放。对于希望提升网站视频功能的开发者来说，...
- `flowplayer.swf` 文件是Flowplayer的Flash组件，用于支持在那些不支持HTML5视频的浏览器中播放视频，尤其是在老版本的浏览器上。由于FLV格式主要依赖Flash技术，此文件是播放FLV视频所必需的。 6. **HTML入口点...
FlowPlayer视频播放器3.2.12免费版,在页面中使用Flowplayer播放器,flowplayer播放器,flowplayer免费版
Flowplayer作为一款免费的网页视频播放器，不仅提供了基础的播放功能，还为开发者提供了丰富的工具和接口，使其能根据项目需求打造个性化的视频播放体验。其易用性和灵活性使得它在众多视频播放器中脱颖而出，成为...
综上所述，Flowplayer是一款强大的视频播放解决方案，无论对于个人开发者还是企业，都能提供高效且灵活的视频播放服务。通过理解和掌握Flowplayer的使用，我们可以轻松地在网站上添加视频功能，并对其进行个性化定制...
1. `flowplayer.swf`：这是FlowPlayer的核心Flash播放器文件，负责解析和播放视频。 2. `flowplayer.js`/`flowplayer.min.js`：JavaScript库，提供了与播放器交互的API，用于控制播放、暂停、快进、回放等操作。 3. ...
Flowplayer是一款广泛使用的开源JavaScript视频播放器，专为Web开发者设计，用于在网站上嵌入高质量的视频内容。3.2.18是该播放器的一个版本，它提供了丰富的功能和良好的兼容性，使得视频播放体验更加流畅和用户...
总的来说，Flowplayer是一款强大且灵活的网页视频播放解决方案，它的易用性、可扩展性和跨平台特性使其成为许多网站首选的视频播放工具。通过深入理解和利用其提供的API、插件和皮肤定制功能，开发者可以创建出符合...