免費AI編程助手
Flex VideoPlayer控件
介紹
視頻控制支持FLV和F4v文件的播放。 此控件包含一個用于控制視頻播放的全功能UI。
類聲明
以下是 spark.components.VideoPlayer 類的聲明:
public class VideoPlayer extends SkinnableComponent
公共屬性
| S.N. | 屬性和描述 |
|---|---|
| 1 | autoDisplayFirstFrame:Boolean 如果autoPlay = false，則autoDisplayFirstFrame控制在設置源時是否加載視頻。 |
| 2 | autoPlay:Boolean 指定在設置源屬性時視頻是否立即開始播放。 |
| 3 | autoRewind:Boolean 指定播放停止時FLV文件是否應該倒回到第一幀，通過調(diào)用stop()方法或到達流的結(jié)尾。 |
| 4 | bytesLoaded:Number [只讀]已下載到應用程序中的數(shù)據(jù)的字節(jié)數(shù)。 |
| 5 | bytesTotal:Number [只讀]下載到應用程序中的數(shù)據(jù)的總大小(以字節(jié)為單位)。 |
| 6 | currentTime:Number [只讀]自從視頻開始播放以來，播放頭的當前時間(以秒為單位)。 |
| 7 | duration:Number [只讀]視頻播放的持續(xù)時間，以秒為單位。 |
| 8 | loop:Boolean 指示播放完成后媒體是否應該再播放。 |
| 8 | mediaPlayerState:String [只讀]視頻的當前狀態(tài)。 |
| 10 | muted:Boolean 設置為true可將視頻靜音，false可將該視頻取消靜音。 |
| 11 | pauseWhenHidden:Boolean 控制在“隱藏"時視頻是否繼續(xù)播放。 |
| 12 | playing:Boolean [只讀]如果視頻正在播放或正在嘗試播放，則包含true。 |
| 13 | scaleMode:String scaleMode屬性描述了調(diào)整視頻內(nèi)容大小的不同方法。 |
| 14 | source:Object 視頻源。 |
| 15 | videoObject:Video [只讀]底層flash播放器flash.media.Video對象。 |
| 16 | volume:Number 音量級別，指定為介于0和1之間的值。 |
公共方法
| S.N. | 方法和描述 |
|---|---|
| 1 | VideoPlayer() 構(gòu)造函數(shù)。 |
| 2 | pause():void 在不移動播放頭的情況下暫停播放。 |
| 3 | play():void 導致視頻播放。 |
| 4 | seek(time:Number):void 尋求視頻中給定的時間。 |
| 5 | stop():void 停止視頻播放。 |
保護方法
| S.N. | 方法和描述 |
|---|---|
| 1 | formatTimeValue(value:Number):String 將時間值(以秒為單位)格式化為用于當前時間和持續(xù)時間的字符串。 |
事件
| S.N. | 方法和描述 |
|---|---|
| 1 | bytesLoadedChange 在下載操作進行時接收數(shù)據(jù)時分派。 |
| 2 | complete 當播放頭達到可播放媒體的持續(xù)時間時分派。 |
| 3 | currentTimeChange 在MediaPlayer的currentTime屬性更改時分派。 |
| 4 | durationChange 在媒體的duration屬性更改時分派。 |
| 5 | mediaPlayerStateChange 在MediaPlayer的狀態(tài)更改時分派。 |
繼承的方法
此類繼承以下類中的方法:
spark.components.supportClasses.SkinnableComponent
mx.core.UIComponent
mx.core.FlexSprite
flash.display.Sprite
flash.display.DisplayObjectContainer
flash.display.InteractiveObject
flash.display.DisplayObject
flash.events.EventDispatcher
Object
Flex VideoPlayer控件示例
讓我們按照以下步驟通過創(chuàng)建測試應用程序來檢查Flex應用程序中VideoPlayer控件的使用情況:
| 步驟 | 描述 |
|---|---|
| 1 | 在 Flex - 創(chuàng)建應用程序章節(jié)中所述，在包 com.tutorialspoint.client 下創(chuàng)建名為 HelloWorld 的項目。 |
| 2 | 將文件夾視頻添加到 src 文件夾。 并向其添加示例視頻。 |
| 3 | 修改 HelloWorld.mxml ，如下所述。 保持文件的其余部分不變。 |
| 4 | 編譯并運行應用程序，以確保業(yè)務邏輯按照要求工作。 |
以下是在flex應用程序中嵌入視頻的方法。
<s:VideoPlayer source="video/just for laugh magic trick.flv" width="350" height="250" loop="true"/>
以下是修改后的mxml文件 src / com.tutorialspoint / HelloWorld.mxml 的內(nèi)容。
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="100%" height="100%" minWidth="500" minHeight="500"
>
<fx:Style source="/com/tutorialspoint/client/Style.css"/>
<s:BorderContainer width="630" height="480" id="mainContainer"
styleName="container">
<s:VGroup width="100%" height="100%" gap="50"
horizontalAlign="center" verticalAlign="middle">
<s:Label id="lblHeader" text="Complex Controls Demonstration"
fontSize="40" color="0x777777" styleName="heading"/>
<s:Panel id="videoPlayerPanel" title="Using VideoPlayer"
width="500" height="300" >
<s:layout>
<s:HorizontalLayout gap="10" verticalAlign="middle"
horizontalAlign="center"/>
</s:layout>
<s:VideoPlayer
source="video/just for laugh magic trick.flv"
width="350" height="250"
loop="true"/>
</s:Panel>
</s:VGroup>
</s:BorderContainer>
</s:Application>
準備好所有更改后，讓我們以正常模式編譯和運行應用程序，就像在 Flex - 創(chuàng)建應用程序中一樣 章節(jié)。 如果一切順利，您的應用程序，這將產(chǎn)生以下結(jié)果:[在線試用]
更多建議：