Flowplayer 播放 音频

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>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值