馬震安

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

案例描述：

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

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

1. 插入視頻及提示點

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

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

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

2. 插入注意事項內容

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

3. 設置視頻交互效果

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

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

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

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

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

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