<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the VideoDisplay control. -->
<mx:Application
	xmlns:mx="http://www.adobe.com/2006/mxml"
	initialize="initData();"
>

<mx:Script>
<![CDATA[

	import mx.controls.*;
	import mx.events.*; 
	import mx.formatters.*;
	import flash.external.*;

	// *********************************************************
	// ログ表示
	// *********************************************************
	public function firebug(data:Object):void {
	
		var fmt:DateFormatter = new DateFormatter();
	
		fmt.formatString = "YYYY/MM/DD HH:NN:SS";
		var logdt:String = fmt.format( new Date );
	
		ExternalInterface.call(
			"console.log", logdt,
			data+""
		);
	
	}

	// *********************************************************
	// アプリケーションの初期化
	// *********************************************************
	public function initData():void {

		// パラメータをプロパティとして持つ Object を取得
		var param:Object = mx.core.Application.application.parameters;

		// パラメータより、flv ファイルをセット
		myVid.source = param["source"];

		// 再生イベントの発生間隔
		myVid.playheadUpdateInterval = 1;

		// プログレスバーの初期化
		progressBar.setProgress(0, 100);

		// 現在のセキュリティタイプ
		firebug("現在のセキュリティタイプ:"+Security.sandboxType);

	}

	// *********************************************************
	// イベントテスト
	// *********************************************************
	public function state_check(e:mx.events.VideoEvent):void {

		firebug(e.state);

	}

	// *********************************************************
	// 再生ヘッド位置の表示
	// *********************************************************
	public function playhead_Update(e:mx.events.VideoEvent):void {
		progressBar.setProgress(
			e.playheadTime,
			e.currentTarget.totalTime
		);
	}


]]>
</mx:Script>

<mx:Panel
	title="超シンプル flv プレーヤー"
	horizontalAlign="center"
	paddingLeft="10"
	paddingRight="10"
>
	<mx:VideoDisplay
		id="myVid"
		autoPlay="false"
		autoRewind="false"
		playheadUpdate="playhead_Update(event)"
		complete="progressBar.setProgress(100,100)"
		ready="state_check(event)"
		stateChange="state_check(event)"
	/>

	<mx:VBox width="100%">
		<mx:HBox>
			<mx:Button
				label="Play"
				click="myVid.play();"
				width="60"
			/>
			<mx:Button
				label="Pause"
				click="myVid.pause();"
				width="60"
			/>
			<mx:Button
				label="Stop"
				click="myVid.autoRewind=true;myVid.stop();myVid.autoRewind=false;"
				width="60"
			/>
		</mx:HBox>
		<mx:ProgressBar
			id="progressBar"
			mode="manual"
			label=""
			width="100%"
		/>
	</mx:VBox>

</mx:Panel>
</mx:Application>