Flex Gumbo中如何设置VideoPlayer从头开始播放间隔的例子

By Minidxer | September 14, 2009

接下来的例子演示了Flex Gumbo中如何通过设置playheadUpdateInterval属性,设置VideoPlayer从头开始播放间隔。

让我们先来看一下Demo可以点击这里察看源代码):


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

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_VideoPlayer_VideoElement_flVideoPlayer_playheadUpdateInterval_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.             import fl.video.VideoPlayer;
  10.             import spark.events.VideoEvent;
  11.  
  12.             private function videoPlayer_metadataReceived(evt:VideoEvent):void {
  13.                 videoPlayer.videoElement.mx_internal::videoPlayer.playheadUpdateInterval = 3000;
  14.             }
  15.  
  16.             private function videoPlayer_playheadUpdate(evt:VideoEvent):void {
  17.                 arrList.addItem({type:evt.type, time:evt.playheadTime.toFixed(2)});
  18.             }
  19.         ]]>
  20.     </fx:Script>
  21.  
  22.     <fx:Declarations>
  23.         <s:ArrayList id="arrList" />
  24.     </fx:Declarations>
  25.  
  26.     <s:Panel id="panel"
  27.             horizontalCenter="0"
  28.             verticalCenter="0">
  29.         <s:layout>
  30.             <s:HorizontalLayout />
  31.         </s:layout>
  32.         <s:VideoPlayer id="videoPlayer"
  33.                 source="http://helpexamples.com/flash/video/cuepoints.flv"
  34.                 muted="true"
  35.                 metadataReceived="videoPlayer_metadataReceived(event);"
  36.                 playheadUpdate="videoPlayer_playheadUpdate(event);" />
  37.         <mx:DataGrid id="dataGrid"
  38.                 dataProvider="{arrList}"
  39.                 height="100%"
  40.                 verticalScrollPolicy="on">
  41.             <mx:columns>
  42.                 <mx:DataGridColumn dataField="type" width="140" />
  43.                 <mx:DataGridColumn dataField="time" width="60" />
  44.             </mx:columns>
  45.         </mx:DataGrid>
  46.     </s:Panel>
  47.  
  48. </s:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts