Flex 4中如何检测VideoPlayer卷是否改变的例子

By Minidxer | October 6, 2009

接下来的例子演示了Flex 4中如何通过监听volumeChanged事件，检测VideoPlayer卷是否改变。

让我们先来看一下Demo（可以点击这里察看源代码）：


下面是完整代码(或点击这里察看)：
下面是main.mxml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_VideoPlayer_volumeChanged_test"
  3.         xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.         xmlns:s="library://ns.adobe.com/flex/spark"
  5.         xmlns:mx="library://ns.adobe.com/flex/halo">
  6.  
  7.     <fx:Script>
  8.         <![CDATA[
  9.             private function init():void {
  10.                 videoPlayer.addEventListener("volumeChanged", videoPlayer_volumeChanged);
  11.             }
  12.  
  13.             private function videoPlayer_volumeChanged(evt:Event):void {
  14.                 var obj:Object = {};
  15.                 obj.type = evt.type;
  16.                 obj.volume = evt.currentTarget.volume.toFixed(2);
  17.                 obj.time = new Date().toTimeString().split(" ")[0];
  18.                 arrList.addItemAt(obj, 0);
  19.             }
  20.         ]]>
  21.     </fx:Script>
  22.  
  23.     <fx:Declarations>
  24.         <s:ArrayList id="arrList" />
  25.     </fx:Declarations>
  26.  
  27.     <s:HGroup left="20" right="20"
  28.             verticalCenter="0"
  29.             gap="20">
  30.         <s:VideoPlayer id="videoPlayer"
  31.                 source="http://helpexamples.com/flash/video/cuepoints.flv"
  32.                 muted="true"
  33.                 initialize="init();" />
  34.         <mx:DataGrid id="dataGrid"
  35.                 dataProvider="{arrList}"
  36.                 verticalScrollPolicy="on"
  37.                 width="100%"
  38.                 height="100%">
  39.             <mx:columns>
  40.                 <mx:DataGridColumn dataField="type" />
  41.                 <mx:DataGridColumn dataField="volume" />
  42.                 <mx:DataGridColumn dataField="time" />
  43.             </mx:columns>
  44.         </mx:DataGrid>
  45.     </s:HGroup>
  46.  
  47. </s:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Gumbo, VideoPlayer | No Comments » | Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll