如果想儘快使用 FLVPlaybackCaptioning 組件,您可以選擇使用 FLVPlaybackCaptioning 的預設值,直接將註解功能放入 FLVPlayback 組件。您也許想要自訂 FLVPlaybackCaptioning 組件來移除視訊的註解功能。
下列程式碼將示範如何使用切換註解功能按鈕動態建立 FLVPlayback 物件:
-
將 FLVPlayback 組件放置在舞臺上 0,0 的位置,並提供實體名稱
player
。
-
將 FLVPlaybackCaptioning 組件放置在舞臺上 0,0 的位置,並提供實體名稱
captioning
。
-
將 CaptionButton 組件放到舞台上。
-
在下列程式碼範例中,將
testVideoPath:String
變數設定成 FLV 檔 (使用絕對或相對路徑)。
備註:
此程式碼範例會將
testVideoPath
變數設成 Flash 視訊樣本
caption_video.flv
。請將此變數改成您要加入註解按鈕組件之註解視訊組件的路徑。
-
在下列程式碼範例中,將
testCaptioningPath:String
變數設定成適當的 Timed Text XML 檔 (使用絕對或相對路徑)。
備註:
此程式碼範例會將
testCaptioningPath
變數設成 Timed Text XML 檔
caption_video.xml
。請將此變數改成內含視訊註解之 Timed Text XML 檔的路徑。
-
將下列程式碼另存為 FLVPlaybackCaptioningExample.as,與 FLA 檔放在同一個目錄中。
-
將 FLA 檔中的 DocumentClass 設定為 FLVPlaybackCaptioningExample。
package
{
import flash.display.Sprite;
import flash.text.TextField;
import fl.video.FLVPlayback;
import fl.video.FLVPlaybackCaptioning;
public class FLVPlaybackCaptioningExample extends Sprite {
private var testVideoPath:String = "http://www.helpexamples.com/flash/video/caption_video.flv";
private var testCaptioningPath:String = "http://www.helpexamples.com/flash/video/caption_video.xml";
public function FLVPlaybackCaptioningExample() {
player.source = testVideoPath;
player.skin = "SkinOverAllNoCaption.swf";
player.skinBackgroundColor = 0x666666;
player.skinBackgroundAlpha = 0.5;
captioning.flvPlayback = player;
captioning.source = testCaptioningPath;
captioning.autoLayout = false;
captioning.addEventListener("captionChange",onCaptionChange);
}
private function onCaptionChange(e:*):void {
var tf:* = e.target.captionTarget;
var player:FLVPlayback = e.target.flvPlayback;
// move the caption below the video
tf.y = 210;
}
}
}
如需有關所有 FLVPlaybackCaptioning 參數的詳細資訊,請參閱「適用於 Adobe Flash Platform 的 ActionScript 3.0 參考」。
|
|
|