Flex中利用VideoDisplay控件监听Flash录像暗点（cue points）的例子

Mar 22

接下来的例子演示了如何监听VideoDisplay中的cuePoint事件以及在监测到暗点的同时将其更新到DataGrid中。

下面是完整代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundColor="white" viewSourceURL="srcview/index.html">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.CuePointEvent;
[Bindable]
private var arrColl:ArrayCollection = new ArrayCollection();
[Bindable]
private var FLV_URL:String = "http://blog.minidx.com/ext/listening-for-a-flash-videos-cue-points-using-the-videodisplay-control/cuepoints.flv";
private function doCuePoint(evt:CuePointEvent):void {
var eType:String = evt.type;
var cpName:String = evt.cuePointName;
var cpTime:Number = evt.cuePointTime;
var cpType:String = evt.cuePointType;
arrColl.addItem({type:eType, cuePointName:cpName, cuePointTime:cpTime, cuePointType:cpType});
}
]]>
</mx:Script>
<mx:VideoDisplay id="vid" autoPlay="true" source="{FLV_URL}" cuePoint="doCuePoint(event);" />
<mx:DataGrid id="dataGrid" dataProvider="{arrColl}" width="400" rowCount="5">
<mx:columns>
<mx:DataGridColumn id="typeCol" dataField="type" />
<mx:DataGridColumn id="cuePointNameCol" dataField="cuePointName" />
<mx:DataGridColumn id="cuePointTimeCol" dataField="cuePointTime" textAlign="right" />
<mx:DataGridColumn id="cuePointTypeCol" dataField="cuePointType" />
</mx:columns>
</mx:DataGrid>
</mx:Application>

下面是Demo（可以右键察看源代码）：

原文作者：Peter deHaan 翻译：minidxer

中文Flex例子