Flowplayer 播放 音频

原创 2012年03月24日 20:57:06

http://osric.com/chris/flowplayer/examples/simple-audio-example.html



<!-- 
	A minimal setup to get you started. This configuration is the same
	as in our Quick Start documentation:
	
	http://flowplayer.org/player/quick-start.html
--><head>  

	<title>Simple Flowplayer example - MP3 with JPEG overlay</title>
	
	<!-- 
		include flashembed - which is a general purpose tool for 
		inserting Flash on your page. Following line is required.
	-->
	<script type="text/javascript" src="js/flashembed.min.js"></script>
	
	<!-- some minimal styling, can be removed -->
	<link rel="stylesheet" type="text/css" href="css/common.css"/>

	<script>
	
	 /*
		use flashembed to place flowplayer into HTML element 
		whose id is "example" (below this script tag)
	 */
	 flashembed("example", 
	
		/* 
			first argument supplies standard Flash parameters. See full list:
			http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
		*/
		{
			src:'../FlowPlayerDark.swf',
			width: 400, 
			height: 290
		},
		
		/*
			second argument is Flowplayer specific configuration. See full list:
			http://flowplayer.org/player/configuration.html
		*/
		{config: {   
			autoPlay: false,
			autoBuffering: true,
			controlBarBackgroundColor:'0x2e8860',
			initialScale: 'scale',
			playList: [{
				url:'http://osric.com/chris/eyes.mp3', 
				overlay:'http://osric.com/chris/fake-blood.jpg'
			}]
		}} 
	);
	</script>	
	

</head>



<div id="page">
	
	<h1>Simple Flowplayer <em>example</em> with <em>MP3 audio</em> and a <em>JPEG image overlay</em></h1>

	<p>

		View source the page source to see how Flowplayer is installed.
	</p>
	
	<!-- this DIV is where your Flowplayer will be placed. it can be anywhere -->
	<div id="example"></div>

	<p>
		<button onClick="location.href='index.html'">« back to examples</button>
	</p>
	

</div>



相关文章推荐

HTTP协议下flowplayer任意拖动播放的实现

HTTP协议下实现FLV的播放其实并不复杂,当初实现的原理是使用了flowPlayer插件实现的,效果还不错。但仍有两大问题影响着客户的访问情绪: 1.预加载时页面卡死,似乎没有边下边播。 ...

flowplayer视频播放插件

最近项目中需要添加播放视频的功能,视频文件是flv格式的。在网上找了一些jQuery视频播放插件,还是觉得“flowplayer”要好一些。特将使用方法记录一下。 flowplayer也有htm...

web视频播放组件 flowplayer介绍

http://www.cnblogs.com/yuzhongwusan/archive/2012/02/08/2342349.html Flowplayer 是一个开源(GPL ...
  • cdnight
  • cdnight
  • 2014年03月04日 11:05
  • 1570

flowPlayer播放flv视频基本设置

flowplayer 版本: flowplayer-3.2.16 首先官网下载(网址:http://flash.flowplayer.org/download/) 1. 解压后,可以先看一下exa...

Flowplayer播放器flash全屏播放器带播放按钮

Flowplayer 是一个开源(GPL 3的)WEB视频播放器。您可以将该播放器嵌入您的网页中,如果您是开发人员,您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowpla...

兼容各个浏览器的H.264播放: H.264+HTML5+FLOWPLAYER+WOWZA+RMTP

一、方案确定计划做视频播放,要求能够播放H264编码的mp4文件,各个浏览器,各种终端都能播放。首先查找可行性方案,http://www.cnblogs.com/sink_cup/archive/20...

Build Your Own Video Community With Lighttpd And FlowPlayer (Debian Etch)

This article shows how you can build your own video community using lighttpd with its mod_flv_str...

网页播放器flowplayer

div class="contentt wider">  a href="movie.flv" style="display:block;width:757px; height:542px;back...
  • f10_s
  • f10_s
  • 2013年09月12日 11:11
  • 2270

Flowplayer 动态切换视频内容

本实例是关于Flowplayer动态切换视频内容的一小段代码,主要方式就是通过Javascript循环绑定播放按钮,url中添加实际的视频地址即可。 // loop those links and ...

功能强大易用的Web视频播放器——Flowplayer(使用方法及演示)

早在07年,煎蛋上的一 篇文章就曾推荐过使用Flowplayer建 立个人视频网站。如今,Flowplayer已经发展到3.1.1版本,我试用了一下,表现十分优秀,功能强大,接口丰富,关键是易用!...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flowplayer 播放 音频
举报原因:
原因补充:

(最多只允许输入30个字)