You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ah...@apache.org on 2014/04/25 08:32:55 UTC
[13/42] TourDeFlex donation from Adobe Systems Inc
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..e4d51f1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample.mxml.html
@@ -0,0 +1,202 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span>
+<span class="MXMLComponent_Tag"><s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"
+ xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"
+ xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+ creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+
+ <span class="MXMLComment"><!--</span><span class="MXMLComment"> LINK TO ARTICLE: http://www.adobe.com/devnet/air/flex/articles/using_mic_api.html </span><span class="MXMLComment">--></span>
+ <span class="MXMLSpecial_Tag"><fx:Script></span>
+ <![CDATA[
+ <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">com</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">adobe</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">audio</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WAVWriter</span>;
+
+ <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SampleDataEvent</span>;
+ <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">media</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Microphone</span>;
+ <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">media</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Sound</span>;
+ <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ByteArray</span>;
+
+ <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+
+ <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">microphoneList</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">microphone</span>:<span class="ActionScriptDefault_Text">Microphone</span>;
+
+ <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">isRecording</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+
+ <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">isPlaying</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+
+ <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">soundData</span>:<span class="ActionScriptDefault_Text">ByteArray</span>;
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sound</span>:<span class="ActionScriptDefault_Text">Sound</span>;
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">channel</span>:<span class="ActionScriptDefault_Text">SoundChannel</span>;
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">microphoneList</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">names</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">cbMicChoices</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>0;
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+ <span class="ActionScriptDefault_Text">microphone</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getMicrophone</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cbMicChoices</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rate</span> <span class="ActionScriptOperator">=</span> 44;
+ <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">gain</span> <span class="ActionScriptOperator">=</span> 100;
+ <span class="ActionScriptDefault_Text">soundData</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Recording"</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SAMPLE_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onSampleDataReceived</span><span class="ActionScriptBracket/Brace">)</span>;
+
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">stopRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+ <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Stopped recording"</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SAMPLE_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onSampleDataReceived</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onSampleDataReceived</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptReserved">while</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span><span class="ActionScriptBracket/Brace">)</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sample</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sample</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">soundCompleteHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">isPlaying</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startPlaying</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">isPlaying</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>
+ <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">position</span> <span class="ActionScriptOperator">=</span> 0;
+ <span class="ActionScriptDefault_Text">sound</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Sound</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">sound</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SAMPLE_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">sound_sampleDataHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">channel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">sound</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">channel</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SOUND_COMPLETE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">soundCompleteHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">sound_sampleDataHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span> <span class="ActionScriptOperator">></span> 0<span class="ActionScriptBracket/Brace">)</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptReserved">return</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator"><</span> 8192; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sample</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
+
+ <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span> <span class="ActionScriptOperator">></span> 0<span class="ActionScriptBracket/Brace">)</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">sample</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+ <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sample</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sample</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">stopPlaying</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">channel</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">isPlaying</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">save</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">docsDir</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">documentsDirectory</span>;
+ <span class="ActionScriptReserved">try</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">docsDir</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">browseForSave</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Save As"</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">docsDir</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">saveFile</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+ <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Save failed:"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+
+
+ <span class="ActionScriptBracket/Brace">}</span>
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">saveFile</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">outputStream</span>:<span class="ActionScriptDefault_Text">FileStream</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileStream</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">wavWriter</span>:<span class="ActionScriptDefault_Text">WAVWriter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">WAVWriter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">newFile</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span>;
+
+ <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">newFile</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">exists</span><span class="ActionScriptBracket/Brace">)</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">position</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptComment">// rewind to the beginning of the sample
+</span>
+ <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numOfChannels</span> <span class="ActionScriptOperator">=</span> 1; <span class="ActionScriptComment">// set the inital properties of the Wave Writer
+</span> <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">sampleBitRate</span> <span class="ActionScriptOperator">=</span> 16;
+ <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">samplingRate</span> <span class="ActionScriptOperator">=</span> 44100;
+ <span class="ActionScriptDefault_Text">outputStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">newFile</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">FileMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WRITE</span><span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptComment">//write out our file to disk.
+</span> <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">processSamples</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">outputStream</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">,</span> 44100<span class="ActionScriptOperator">,</span> 1<span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptComment">// convert our ByteArray to a WAV file.
+</span> <span class="ActionScriptDefault_Text">outputStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">toggleRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isRecording</span><span class="ActionScriptBracket/Brace">)</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+ <span class="ActionScriptDefault_Text">btnRecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">label</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Record"</span>;
+ <span class="ActionScriptDefault_Text">stopRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+ <span class="ActionScriptReserved">else</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+ <span class="ActionScriptDefault_Text">btnRecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">label</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Stop Recording"</span>;
+ <span class="ActionScriptDefault_Text">startRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">></span>
+ <span class="MXMLSpecial_Tag"></fx:Script></span>
+
+ <span class="MXMLComponent_Tag"><s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Microphone Support</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">80%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">"
+ text="</span><span class="MXMLString">The new Microphone support allows you to record audio such as voice memo's using a built-in or external mic. The Microphone.names
+property will return the list of all available sound input devices found (see init method in code):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Select the microphone input device to use:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:ComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cbMicChoices</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">microphoneList</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" selectedIndex="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:VGroup></span>
+ <span class="MXMLComponent_Tag"><s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">130</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Start recording audio by clicking the Record button:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">btnRecord</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Record</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">toggleRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">{</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isPlaying</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">btnPlay</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Play</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">startPlaying</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">{</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isRecording</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Save Audio Clip</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">save</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:HGroup></span>
+ <span class="MXMLComponent_Tag"></s:VGroup></span>
+ <span class="MXMLComponent_Tag"></s:Panel></span>
+
+<span class="MXMLComponent_Tag"></s:WindowedApplication></span></pre></body>
+</html>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta http-equiv="Content-Style-Type" content="text/css">
+ <title>TDFPanelSkin.mxml</title>
+ <meta name="Generator" content="Cocoa HTML Writer">
+ <meta name="CocoaVersion" content="1187.4">
+ <style type="text/css">
+ p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+ p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+ p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+ p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+ </style>
+</head>
+<body>
+<p class="p1"><?xml version="1.0" encoding="utf-8"?></p>
+<p class="p2"><!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space"> </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space"> </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--></p>
+<p class="p4"><br></p>
+<p class="p1"><s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span>alpha.disabled="0.5" minWidth="131" minHeight="127"></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><fx:Metadata></p>
+<p class="p1"><span class="Apple-converted-space"> </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space"> </span></fx:Metadata><span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:states></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:State name="normal" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:State name="disabled" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:State name="normalWithControlBar" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:State name="disabledWithControlBar" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:states></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- drop shadow --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" top="0" right="0" bottom="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:filters></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:filters></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 1: border --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" right="0" top="0" bottom="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:stroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColorStroke color="0" alpha="0.50" weight="1" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:stroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 2: background fill --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" right="0" bottom="0" height="15"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:LinearGradient rotation="90"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:GradientEntry color="0xE2E2E2" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:GradientEntry color="0x000000" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:LinearGradient></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 3: contents --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group left="1" right="1" top="1" bottom="1" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:layout></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:VerticalLayout gap="0" horizontalAlign="justify" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:layout></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group id="topGroup" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 0: title bar fill --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0x000000" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 1: title bar highlight --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:stroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:LinearGradientStroke rotation="90" weight="1"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:GradientEntry color="0xEAEAEA" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:GradientEntry color="0xD9D9D9" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:LinearGradientStroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:stroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 2: title bar divider --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0xC0C0C0" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 3: text --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space"> </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space"> </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Label></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space"> </span>includeIn="normalWithControlBar, disabledWithControlBar" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 0: control bar background --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" right="0" bottom="0" top="1" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0xE2EdF7" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 1: control bar divider line --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" right="0" top="0" height="1" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0xD1E0F2" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 2: control bar --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:layout></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:layout></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p1"></s:Skin></p>
+</body>
+</html>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta http-equiv="Content-Style-Type" content="text/css">
+ <title>TDFPanelSkin.mxml</title>
+ <meta name="Generator" content="Cocoa HTML Writer">
+ <meta name="CocoaVersion" content="1187.4">
+ <style type="text/css">
+ p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+ p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+ p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+ p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+ </style>
+</head>
+<body>
+<p class="p1"><?xml version="1.0" encoding="utf-8"?></p>
+<p class="p2"><!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space"> </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space"> </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--></p>
+<p class="p4"><br></p>
+<p class="p1"><s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span>alpha.disabled="0.5" minWidth="131" minHeight="127"></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><fx:Metadata></p>
+<p class="p1"><span class="Apple-converted-space"> </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space"> </span></fx:Metadata><span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:states></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:State name="normal" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:State name="disabled" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:State name="normalWithControlBar" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:State name="disabledWithControlBar" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:states></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- drop shadow --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" top="0" right="0" bottom="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:filters></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:filters></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 1: border --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" right="0" top="0" bottom="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:stroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColorStroke color="0" alpha="0.50" weight="1" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:stroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 2: background fill --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" right="0" bottom="0" height="15"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:LinearGradient rotation="90"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:GradientEntry color="0xE2E2E2" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:GradientEntry color="0x000000" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:LinearGradient></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 3: contents --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group left="1" right="1" top="1" bottom="1" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:layout></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:VerticalLayout gap="0" horizontalAlign="justify" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:layout></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group id="topGroup" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 0: title bar fill --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0x000000" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 1: title bar highlight --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:stroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:LinearGradientStroke rotation="90" weight="1"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:GradientEntry color="0xEAEAEA" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:GradientEntry color="0xD9D9D9" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:LinearGradientStroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:stroke></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 2: title bar divider --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0xC0C0C0" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 3: text --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space"> </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space"> </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Label></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space"> </span>includeIn="normalWithControlBar, disabledWithControlBar" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 0: control bar background --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" right="0" bottom="0" top="1" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0xE2EdF7" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 1: control bar divider line --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Rect left="0" right="0" top="0" height="1" ></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:SolidColor color="0xD1E0F2" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:fill></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Rect></p>
+<p class="p4"><span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space"> </span><!-- layer 2: control bar --></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:layout></p>
+<p class="p1"><span class="Apple-converted-space"> </span><s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:layout></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p1"><span class="Apple-converted-space"> </span></s:Group></p>
+<p class="p1"></s:Skin></p>
+</body>
+</html>