<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" backgroundColor="#000000" applicationDPI="160" creationComplete="init()">
	<fx:Script>
		<![CDATA[
 
			import mx.core.UIComponent;
			import org.osmf.containers.MediaContainer;
			import org.osmf.elements.AudioElement;
			import org.osmf.events.MediaElementEvent;
			import org.osmf.events.MediaPlayerStateChangeEvent;
			import org.osmf.events.TimelineMetadataEvent;
			import org.osmf.media.MediaElement;
			import org.osmf.media.MediaPlayer;
			import org.osmf.media.MediaPlayerState;
			import org.osmf.metadata.CuePoint;
			import org.osmf.metadata.TimelineMetadata;
			import org.osmf.net.NetClient;
			import org.osmf.net.StreamType;
			import org.osmf.net.StreamingURLResource;
			import org.osmf.traits.LoadTrait;
			import org.osmf.traits.MediaTraitType;
 
			private var container:MediaContainer;
			private var background:Sprite;
			private var mediaPlayer:MediaPlayer;
			private var audioElement:MediaElement;		
			private var bufferTimer:Timer;
 
			private function init() : void {
 
				// OSMF MediaContainer
				container = new MediaContainer();
				var containerui:UIComponent = new UIComponent();
				containerui.addChild(container);
				addElement(containerui);
 
				// Source
				var resource:StreamingURLResource = new StreamingURLResource("rtmp://myserver.com/live/mystream",StreamType.LIVE);							
				audioElement = new AudioElement(resource);
				container.addMediaElement(audioElement);
 
				// OSMF MediaPlayer
				mediaPlayer = new MediaPlayer();
				mediaPlayer.media = audioElement;
				mediaPlayer.autoPlay = false;
 
				//Define the buffer time
				mediaPlayer.bufferTime = 5;
 
				//Timer to display the buffer
				bufferTimer = new Timer(200);
				bufferTimer.addEventListener(TimerEvent.TIMER,bufferUpdate)
				bufferTimer.start();
 
				// Metadata events
				audioElement.addEventListener(MediaElementEvent.METADATA_ADD, onMetadataAdd);			
				mediaPlayer.addEventListener(MediaPlayerStateChangeEvent.MEDIA_PLAYER_STATE_CHANGE, onMediaStateChange);
 
			}
 
 
			// Add the metadata event handler for the first time metadata when subscribing to the live stream
			protected function onMediaStateChange(e:MediaPlayerStateChangeEvent): void 
			{
				switch(e.state) {
					case MediaPlayerState.READY:
						var loadTrait:LoadTrait = mediaPlayer.media.getTrait(MediaTraitType.LOAD) as LoadTrait;
						var netStream:NetStream = loadTrait["netStream"] as NetStream;
						var netConn:NetConnection = loadTrait["connection"] as NetConnection;
						NetClient(netStream.client).addHandler("onMetaData", onMetaDataHandler);
						break;
				}
			}
 
 
			protected function onMetaDataHandler(info:Object):void
			{
				//Parse the stream metadata information and assign to UI
			}			 
 
 
			// Monitor the live cuepoints during playback for updated metadata information
			private function onMetadataAdd(event:MediaElementEvent):void
			{
				if (event.namespaceURL == CuePoint.EMBEDDED_CUEPOINTS_NAMESPACE)
				{
					var timelineMetadata:TimelineMetadata = audioElement.getMetadata(CuePoint.EMBEDDED_CUEPOINTS_NAMESPACE) as TimelineMetadata;
					timelineMetadata.addEventListener(TimelineMetadataEvent.MARKER_TIME_REACHED, onCuePoint);
				}
			}
 
			private function onCuePoint(event:TimelineMetadataEvent):void
			{
				//Parse the stream metadata information and assign to UI
			}
 
 
			// Display the updated buffer
			private function bufferUpdate(e:TimerEvent) : void {
				buffer_txt.text = (Math.floor(mediaPlayer.bufferLength*100)/100).toString();
			}
 
			// Play and pause buttons
			private function togglePlayback() : void {
				if (mediaPlayer.playing) {
					mediaPlayer.stop();
					playbutton.label = "Start Playback";
				}
				else {
					mediaPlayer.play();
					playbutton.label = "Stop Playback";
				}	
			}
 
 
		]]>
	</fx:Script>
 
	<s:VGroup x="0" y="0" width="100%" height="100%">
		<s:Label id="buffer_txt" width="30%" height="5%" fontSize="20" text="Buffer"  color="#FFFFFF"/>
		<s:Scroller id="contentScroller" height="75%" width="100%">
			<s:Group>
				<s:Image id="coverimg" x="10" y="130" width="300" height="202"/>
				<s:Label id="title_txt" x="12" y="70" width="300" height="31" color="#BBBBBB"/>
			</s:Group>
		</s:Scroller>
		<s:Button id="playbutton" width="100%" height="20%" label="Start Playback"
				  click="togglePlayback()" fontSize="20" />
	</s:VGroup>
</s:Application>