5.5.4  控制視頻播放

為了控制視頻媒體的播放，可以通過交互按鈕在其中添加“播放”、“停止”、“快速”和“退出”這4個(gè)按鈕，它們通過自定義的變量與視頻的播放進(jìn)行關(guān)聯(lián)。這里的自定義變量是用于決定視頻的播放速度的。

 控制視頻播放

(1) 將計(jì)算圖標(biāo)拖動(dòng)到流程線上，將它命名為“窗口大小”。

(2) 雙擊“窗口大小”圖標(biāo)，在演示窗口內(nèi)輸入如圖5-19所示的內(nèi)容。

(3) 將顯示圖標(biāo)拖動(dòng)到流程線上，將它命名為“背景”。

(4) 在“背景”圖標(biāo)演示窗口內(nèi)導(dǎo)入背景圖片(如圖5-20所示)。

            圖5-19  定義窗口大小                         圖5-20  導(dǎo)入背景圖片

(5) 將視頻圖標(biāo)拖動(dòng)到流程線上，將它命名為“視頻”。

(6) 雙擊“視頻”圖標(biāo)，打開properties:movie icon對(duì)話框。

(7) 單擊import按鈕，在打開的import which file對(duì)話框內(nèi)確定導(dǎo)入媒體文件的位置與名稱。

(8) 單擊import按鈕，將所選的媒體文件導(dǎo)入到“視頻”圖標(biāo)內(nèi)。

(9) 在prperties:movie icon對(duì)話框內(nèi)，單擊timing標(biāo)簽，打開timing選項(xiàng)卡。

(10) 打開concurrency下拉列表框，選擇perpetual。

(11) 打開play下拉列表框，選擇repeatedly。

(12) 在rate文本框內(nèi)輸入自定義的變量rate。

(13) 在start frame文本框內(nèi)輸入自定義的變量start_frame。

(14) 將交互圖標(biāo)拖動(dòng)到流程線上，命名為“控制”。

(15) 將計(jì)算圖標(biāo)拖動(dòng)到“控制”圖標(biāo)的右下方，并命名為“播放”。

(16) 雙擊“播放”圖標(biāo)上方的交互控制圖標(biāo)，打開properties:response對(duì)話框。

(17) 啟用perpetual復(fù)選框，并關(guān)閉properties:movie icon對(duì)話框。

(18) 雙擊“播放”圖標(biāo)本身，打開程序編輯器并輸入rate^:=10。

(19) 重復(fù)上述(15)～(18)步的操作，在演示窗口內(nèi)添加“播放”、“停止”、“快速”和“退出”計(jì)算圖標(biāo)，分別在程序器窗口內(nèi)輸入rate ^:=0、rate ^:=40、quit()。

(20) 單擊工具欄上的播放按鈕，觀察課件文件控制視頻的播放情況(如圖5-21所示)。

正常的播放速率通過rate定義為10fps，快速播放時(shí)，將rate提高到40fps。為了停止媒體文件的播放，我們將播放速率定義為0。由于start_frame的初始值為0，這樣就使得每次播放時(shí)，都從媒體的開始位置播放。另外，若將rate的初始值設(shè)置為10，這樣播放課件時(shí)，導(dǎo)入的視頻文件將首先按正常的速度播放一次。如果將rate設(shè)置為0的話，那么它在播放課件時(shí)，將不再播放視頻文件。課件的流程圖如圖5-22所示。

          圖5-21  控制視頻的播放                          圖5-22  課件的流程圖

技巧：

需要調(diào)整視頻的大小和位置，首先播放該文件，然后使用ctrl+p組合鍵，這時(shí)電影呈現(xiàn)靜止?fàn)顟B(tài)，同時(shí)周圍出現(xiàn)控制柄，拖動(dòng)控制柄調(diào)整大小，拖動(dòng)靜態(tài)圖片調(diào)整位置。

5.5.5  同步播放視頻

為了達(dá)到同步播放文字與視頻的目的，首先在顯示圖標(biāo)內(nèi)添加一段說明文字，在流程線上導(dǎo)入相應(yīng)的視頻文件，然后在設(shè)置移動(dòng)圖標(biāo)的屬性時(shí)，將文字運(yùn)動(dòng)的目標(biāo)定義為mediaposition@"js"；將文字運(yùn)動(dòng)的終點(diǎn)定義為medialength@"js"；將視頻播放的幀數(shù)作為文字運(yùn)動(dòng)的坐標(biāo)；將視頻的幀數(shù)作為文字運(yùn)行的終點(diǎn)。

 同步播放視頻

(1) 將計(jì)算圖標(biāo)拖動(dòng)到流程線上，將它命名為“窗口大小”。

(2) 雙擊“窗口大小”圖標(biāo)，在演示窗口內(nèi)輸入resizewindow(450，300)。

(3) 將顯示圖標(biāo)拖動(dòng)到流程線上，將它命名為“背景”。

(4) 在“背景”圖標(biāo)演示窗口內(nèi)導(dǎo)入背景圖片(如圖5-23所示)。

(5) 將等待圖標(biāo)拖動(dòng)到流程線上。

(6) 雙擊等待圖標(biāo)，將等待的時(shí)間定義為5秒。

(7) 將顯示圖標(biāo)拖動(dòng)到流程線上，并命名為“文字說明”。

(8) 雙擊“文字說明”圖標(biāo)，打開演示窗口，在其中輸入解說文字如圖5-24所示。

(9) 將視頻圖標(biāo)拖動(dòng)到流程線上，并命名為js。

(10) 雙擊js圖標(biāo)，在打開的properties：movie icon對(duì)話框內(nèi)，導(dǎo)入所選的視頻文件。

圖5-23  導(dǎo)入背景圖片

圖5-24  輸入解說文字

(11) 單擊timing標(biāo)簽，打開timing選項(xiàng)卡。

(12) 打開concurrency下拉列表框，選擇concurrent之后，關(guān)閉properties：movie icon對(duì)話框。

(13) 將移動(dòng)圖標(biāo)拖動(dòng)到流程線上，并命名為“活動(dòng)字幕”。

(14) 雙擊打開“文字說明”圖標(biāo)的演示窗口。

(15) 雙擊“滾動(dòng)字幕”圖標(biāo)，打開properties:motion icon對(duì)話框。

(16) 選擇演示窗口的文字作為移動(dòng)的對(duì)象。

(17) 在motion選項(xiàng)卡內(nèi)，打開type下拉列表框，選擇path to point。

(18) 水平地拖動(dòng)文字，確定它移動(dòng)的起點(diǎn)與終點(diǎn)。

(19) 打開concurrency下拉列表框，選擇perpetual。

(20) 打開beyond range下拉列表框，選擇stop at ends。

(21) 打開layout選項(xiàng)卡，在destination文本框內(nèi)輸入mediaposition@'js'。

(22) 在end文本框內(nèi)輸入medialenght@"js"。

(23) 關(guān)閉properties: motion icon對(duì)話框之后，單擊播放按鈕，觀察播放的課件。

播放課件時(shí)，首先顯示背景圖片，由于添加了等待圖標(biāo)，這樣背景圖片將顯示5秒鐘。在此之后視頻文件開始播放，并且文字從演示窗口的右側(cè)向左側(cè)運(yùn)行，當(dāng)視頻停止播放時(shí)，文字的運(yùn)動(dòng)也將結(jié)束，如圖5-25所示。課件的流程圖如圖5-26所示。

         圖5-25  課件的運(yùn)行效果圖                         圖5-26  課件的流程圖

本例將視頻文件的當(dāng)前播放的幀數(shù)作為文字運(yùn)動(dòng)的目標(biāo)，這樣就達(dá)到了控制文字的移動(dòng)，使它與視頻文件的播放保持同步。當(dāng)視頻播放結(jié)束時(shí)，由于將文字運(yùn)動(dòng)的終點(diǎn)定義為電影的總幀數(shù)，因此文字的運(yùn)動(dòng)也立即停止。