Flex中利用volume属性对VideoDisplay控件的卷进行控制的例子

By Minidxer | August 27, 2008

接下来的例子演示了Flex中如何利用volume属性,对VideoDisplay控件的卷进行控制。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="VideoDisplay_volume_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.          layout="vertical"
  5.          verticalAlign="middle"
  6.          backgroundColor="white">
  7.  
  8.     <mx:ApplicationControlBar dock="true">
  9.         <mx:Form styleName="plain">
  10.             <mx:FormItem label="volume:">
  11.                 <mx:HSlider id="slider"
  12.                         minimum="0.0"
  13.                         maximum="1.0"
  14.                         value="0.7"
  15.                         snapInterval="0.01"
  16.                         tickInterval="0.1"
  17.                         liveDragging="true" />
  18.             </mx:FormItem>
  19.         </mx:Form>
  20.     </mx:ApplicationControlBar>
  21.  
  22.     <mx:VideoDisplay id="videoDisplay"
  23.             source="http://blog.minidx.com/ext/cuepoints.flv"
  24.             volume="{slider.value}"
  25.             autoPlay="false" />
  26.  
  27.     <mx:Button id="playBtn"
  28.             label="Play"
  29.             click="videoDisplay.play();"
  30.             enabled="{!videoDisplay.playing}" />
  31.  
  32. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Flex | Tags: ,

Search Posts

Archives

Sponsored Ads