馬震安

我們通?？吹降囊曨l大多只能播放而缺乏互動(dòng)性，如果要在一段已有的演示視頻的基礎(chǔ)上加入可交互的互動(dòng)內(nèi)容，該如何實(shí)現(xiàn)呢？

案例描述：

在豆?jié){機(jī)網(wǎng)店宣傳頁上要加一個(gè)豆?jié){制作的視頻使用說明幻燈片，演示過程中要實(shí)現(xiàn)這樣的效果：在視頻中插入若干個(gè)提示點(diǎn)，當(dāng)視頻播放到關(guān)鍵步驟時(shí)會(huì)出現(xiàn)提示點(diǎn)，如果不點(diǎn)擊提示點(diǎn)，視頻繼續(xù)播放；如果點(diǎn)擊提示點(diǎn)，視頻暫停播放，并在視頻旁邊的空白處出現(xiàn)該關(guān)鍵步驟的注意事項(xiàng)內(nèi)容；點(diǎn)擊“繼續(xù)”按鈕，視頻繼續(xù)播放（圖1）。

按照慣常的思維來分析，如果這個(gè)效果用PPT來制作的話，一定是非常費(fèi)事的，甚至不得不需要用到VBA代碼；如果利用Flash來實(shí)現(xiàn)，對(duì)于沒有學(xué)過Flash的人來說也不是能一蹴而就的。但如果利用Articulate Storyline工具，不但能很好地實(shí)現(xiàn)上述效果，而且操作就像我們平時(shí)使用PPT那樣簡單輕松，還不需要使用任何代碼。

1. 插入視頻及提示點(diǎn)

在幻燈片編輯窗口，選擇“插入”選項(xiàng)卡，利用“形狀”按鈕中的矩形來添加裝飾性的幻燈片邊框。選中矩形，利用“格式”選項(xiàng)卡來設(shè)置它們的樣式，并將它們進(jìn)行組合。這些操作同PPT中的操作一樣簡單。再利用“視頻”按鈕插入所需視頻。

在時(shí)間線上，將時(shí)間指針拖動(dòng)到需要出現(xiàn)提示點(diǎn)的時(shí)間點(diǎn)，利用“標(biāo)記”按鈕中的“數(shù)字”在視頻上插入標(biāo)記。在時(shí)間線上選中標(biāo)記的時(shí)間線，利用鼠標(biāo)在選中時(shí)間線的左、右兩邊分別進(jìn)行拖動(dòng)，以調(diào)整標(biāo)記出現(xiàn)和消失的時(shí)間；選中插入的標(biāo)記，在“格式”選項(xiàng)卡選擇好標(biāo)記樣式，在標(biāo)記選項(xiàng)處勾選“僅音頻”；右擊插入的標(biāo)記，選擇“按鈕集→按鈕集1”，將標(biāo)記作為點(diǎn)擊按鈕。

同理，利用“文本框”為每個(gè)數(shù)字提示點(diǎn)添加中文說明，并在時(shí)間線上調(diào)整其出現(xiàn)和消失的時(shí)間與對(duì)應(yīng)的標(biāo)記相同（圖2）。

2. 插入注意事項(xiàng)內(nèi)容

視頻使用說明的主界面設(shè)計(jì)完成后，接著添加注意事項(xiàng)的具體內(nèi)容。在編輯窗口右側(cè)，雙擊底層圖層標(biāo)簽，更改為“主界面”；點(diǎn)擊“新建圖層”按鈕，新建一個(gè)名稱為“注意事項(xiàng)一內(nèi)容”的圖層，在這個(gè)圖層上利用文本框或形狀在主幻燈片視頻右側(cè)添加注意事項(xiàng)一的具體內(nèi)容，并設(shè)置好它的格式及出現(xiàn)的動(dòng)畫效果；利用“控件”中的按鈕在具體內(nèi)容下添加1個(gè)矩形按鈕，其標(biāo)簽為“繼續(xù)”。同理，其他注意事項(xiàng)的內(nèi)容添加與之類似（圖3）。

3. 設(shè)置視頻交互效果

選中“主界面”底層圖層，在右側(cè)觸發(fā)器處，點(diǎn)擊“管理項(xiàng)目變量”按鈕，在彈出的窗口中添加名字為“jx”、類型為“文本”、默認(rèn)值為“1”的變量。

新增觸發(fā)器，設(shè)其操作為“暫停時(shí)間線”，時(shí)間線為“此幻燈片”，時(shí)間為“變量更改”，變量為“jx”。點(diǎn)擊“顯示條件”，再添加觸發(fā)條件窗口，列表為“變量”，如果為“jx”，運(yùn)算符為“==等于”，類型為“值”，值為“0”（圖4）。

接著新增觸發(fā)器，操作為“恢復(fù)時(shí)間線”，時(shí)間線為“此幻燈片”，時(shí)間為“變量更改”，變量為“jx”，條件為“jx==等于 1”。這樣，就實(shí)現(xiàn)了當(dāng)變量jx為1時(shí)播放主界面的時(shí)間線，為0時(shí)暫停主界面的時(shí)間線。

再新增觸發(fā)器，操作為“顯示圖層”，圖層為“注意事項(xiàng)一內(nèi)容”，時(shí)間為“用戶單擊”，對(duì)象為“標(biāo)記 1”。新增觸發(fā)器，操作為“調(diào)整變量”，變量為“jx”，運(yùn)算符為“=賦值”，值為“值”、“0”，時(shí)間為“用戶單擊”，對(duì)象為“標(biāo)記 1”。這樣，就實(shí)現(xiàn)了當(dāng)點(diǎn)擊標(biāo)記1時(shí)，顯示注意事項(xiàng)一內(nèi)容，同時(shí)將變量jx的值更改為0，此時(shí)主界面的時(shí)間線就暫停播放了（圖5）。同理，其他標(biāo)記的動(dòng)作也是這樣設(shè)置，只不過顯示的圖層及單擊的對(duì)象需要更改。

選中“注意事項(xiàng)一內(nèi)容”圖層，新增觸發(fā)器，設(shè)定操作為“調(diào)整變量”，變量為“jx”，運(yùn)算符為“=賦值”，值為“值”、“1”，時(shí)間為“用戶單擊”，對(duì)象為“按鈕 1”。再新增觸發(fā)器，設(shè)定操作為“隱藏圖層”，圖層為“此圖層”，時(shí)間為“用戶單擊”，對(duì)象為“按鈕 1”。這樣，就實(shí)現(xiàn)了當(dāng)點(diǎn)擊“繼續(xù)”按鈕時(shí)，變量jx的值更改為1，此時(shí)主界面的時(shí)間線就繼續(xù)播放了，同時(shí)將注意事項(xiàng)內(nèi)容隱藏（圖6）。同理，其他圖層中的“繼續(xù)”按鈕的動(dòng)作也是這樣設(shè)置的。

最后，為了有一個(gè)簡潔的操作界面，需要切換到故事視圖狀態(tài)，點(diǎn)擊相應(yīng)的幻燈片，在窗口右側(cè)幻燈片導(dǎo)航處去掉一些不必要的按鈕。在播放器功能處選擇“自定義選定幻燈片”，去掉一些不必要的按鈕。點(diǎn)擊“發(fā)布”按鈕，在彈出的窗口中選擇Web選項(xiàng)卡，輸入標(biāo)題，設(shè)置好發(fā)布文件夾后發(fā)布即可。