Flex播放器代码实例及在线运行效果

最新推荐文章于 2025-08-10 09:44:03 发布

原创最新推荐文章于 2025-08-10 09:44:03 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #编程实例

Flex 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用Flex技术实现的播放器示例，通过VideoDisplay组件播放视频，并利用Image、ProgressBar及HSlider等控件实现了播放控制功能。

在线运行效果请访问：http://tongqiuyan.blog.163.com/blog/static/19554530220119164211339/

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="center" verticalAlign="top" fontSize="12">
	<mx:Script>
		<![CDATA[
			import mx.messaging.MultiTopicConsumer;
			private function getTime():void
			{
				var pDate:Date = new Date(myPlayer.playheadTime * 1000 || 10);
				var tDate:Date = new Date(myPlayer.totalTime*1000);
				progressBar.label = dateFormater.format(pDate) + " / " + dateFormater.format(tDate);
			}


		]]>
	</mx:Script>
	<mx:DateFormatter id="dateFormater" formatString="NN:SS" />
	<mx:Panel width="520" height="400" title="Flex播放器">
		<mx:VideoDisplay id="myPlayer" autoPlay="false" width="100%" height="100%" playheadUpdate="getTime();"
						 source="http://d298.v.iask.com/f/1/d75c35113920fe8d63d32ead7bc2f18a62729452.hlv" />
		<mx:HBox paddingBottom="5" paddingLeft="5" width="100%" verticalAlign="middle">
			<mx:Image source="http://dl.iteye.com/upload/picture/pic/100759/e0234a4c-a7c1-3b6b-aa96-763f55c89b4e.png" click="myPlayer.play();" width="25" height="25"  />
			<mx:Image source="http://dl.iteye.com/upload/picture/pic/100757/53003055-7e70-35b8-b91b-28b06b8ae9d0.png" click="myPlayer.pause();"  width="25" height="25" />
			<mx:Image source="http://dl.iteye.com/upload/picture/pic/100761/e0278852-830d-36ee-9260-a91906cd3902.png" click="myPlayer.stop();" width="25" height="25" />
			<mx:ProgressBar id="progressBar" source="myPlayer" labelPlacement="center" width="300" />
			<mx:Label text="Vol" />
			<mx:HSlider id="volSlider" width="50" minimum="0" value="0.8" maximum="1" snapInterval="0.1" />
		</mx:HBox>
	</mx:Panel>
</mx:Application>

涉及到控件主要是VideoDisplay、Image、ProgressBar、HSlider等。