Flowplayer 播放 音频

标签: stylesheetdocumentationflashincludelistimage
1866人阅读 评论(0) 收藏 举报
分类:

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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1309642次
    • 积分:15952
    • 等级:
    • 排名:第655名
    • 原创:262篇
    • 转载:11篇
    • 译文:1篇
    • 评论:462条
    独立博客
    微信公众号

    openbra.in,打开脑洞。我是互联网创业者,对互联网创业有独特的见解,通过「打开脑洞」和大家一起发现和创造不一样的产品。
    个人信息
    博客专栏
    新浪微博
    最新评论