基于Flash技術的教學視頻交互功能設計與開發*

汪存友，張雅琪

（山西師范大學教育技術與傳媒學院，山西臨汾041004）

基于Flash技術的教學視頻交互功能設計與開發*

汪存友，張雅琪

（山西師范大學教育技術與傳媒學院，山西臨汾041004）

交互是形成學習結果的重要機制。針對目前教師個人錄制的教學視頻普遍缺少交互功能這一問題，文章借鑒課堂提問的方法，采用Flash視頻技術，設計并開發了具有提問功能的教學視頻，在單機版上實現了教學視頻的交互功能，該功能具有較好的實用價值和推廣價值。

教學視頻；Flash技術；視頻交互

目前，互聯網主流平臺上的教學視頻交互性都比較簡單，學習者僅能控制教學視頻的播放速度。筆者認為，對播放的操控并不能等同于視頻的交互，播放的操控主要是指學習者對視頻播放器的控制，而視頻交互是指學習者與視頻中學習材料之間的交互。陳青在遠程教育中將交互定義為：遠程學習者與所有遠程教育資源之間的相互交流與相互作用，其中包括遠程學習者與學習材料、與學習支助組織(包括輔導教師、顧問、行政管理人員、機構設施等)之間的相互交流與相互作用。[3]目前互聯網中的少數視頻已具有學習者與學習材料之間的交互，如在網易公開課中的部分課程中，視頻播放到某個時間點時，會自動彈出一個選擇題，學習者回答該問題后，視頻繼續播放。利用提問的方式實現視頻交互是一個比較好的方法。很多教師想實現視頻交互的功能，但在互聯網中沒有能夠實現該交互功能的免費平臺，而像網易公開課、愛課程、MOOC等平臺只接納通過層層遴選、脫穎而出的優秀課程的教學視頻，普通教師不能隨便在這些平臺中上傳自己錄制的視頻，進而沒有機會實現教學視頻在線交互。而單機版教學視頻成本低，可拷貝，能夠無障礙順暢播放，且不需依托平臺來實現交互功能，非常利于教師個人在小范圍內分享和傳播自己的教學視頻。本文旨在利用Flash技術實現單機版教學視頻交互功能的設計與開發。

一、Flash視頻技術及其優勢

Flash軟件本身可充分集成動畫、聲音、視頻等基本元素，創造出許多精彩的動畫效果，形象生動地表達抽象內容，使學生更容易接受知識。[4]Flash視頻文件的擴展名是.flv，該格式的視頻生成的文件極小，比同等容量的其他視頻格式更清晰，更利于互聯網傳播與分享。不僅如此，視頻導入到Flash的時間軸后，被分解為逐個靜幀畫面，再利用ActionScript腳本語言控制幀和視頻流，可以實現視頻交互功能。除此之外，flv格式的視頻能夠利用嵌入在瀏覽器中的Flash播放器進行無障礙播放，無需重新安裝播放器，傳播成本低。[5]

總之，Flash視頻技術可集成文本、視頻、動畫等多種媒體形式，可利用編程進行界面和內容的交互設計和控制。相較于其他視頻而言，Flash視頻容量小、清晰度高，依托與瀏覽器兼容的Flash播放器，更利于互聯網傳播和分享。這些都是本文為何要選擇Flash技術開發具有交互功能的教學視頻的緣由。

二、設計思路

本文中的教學視頻交互設計借鑒了課堂提問的基本流程和方法，并利用Flash視頻技術實現具體的交互功能。課堂提問是在課堂教學過程中，根據教學目的、教學內容、學習者特征等因素，設計合適的問題，進行師生問答的一種教學方法。[6]良好的課堂提問不僅可以啟發學生學習教學內容，檢查學生掌握知識情況，還能培養學生的創造思維，調動學生的積極性，激發學生的興趣。在教學視頻中，我們可以采用課堂提問的基本方法，在適當的時間拋出問題，讓學生思考，從而達到更好的學習效果。[7]值得注意的是，課堂提問是教師與學生面對面的交流過程，課堂提問的若干問題是教師根據學生的學習情況實時生成的。而在教學視頻學習過程中，教師與學生的時空是分離的，教學視頻中的問題必須預先設計和設置好。本文旨在介紹教學視頻提問的技術實現。

教學視頻交互功能的設計如下：首先，視頻在播放到某合適的時間點時暫停，畫面中出現“練一練”按鈕；然后，學習者點擊“練一練”按鈕，視頻彈出一個問題，這個問題與課程知識相關，主要是客觀選擇題，學習者通過選擇自己認為對的選項，點擊“提交”按鈕，完成問題的作答；隨后，教學視頻給予反饋，反饋的內容主要包括學習者的回答正確與否以及相關的提示內容。比如，若回答正確就顯示“恭喜”等字樣，回答錯誤就給予額外的提示信息，比如與該知識相關的文本、本視頻的學習區間或網頁超鏈接等等。最后，視頻回到問題彈出的時間點繼續播放。本設計中每道題學習者只有兩次回答問題的機會，目的是為了啟發學生思考，更加深刻的理解知識，進而達到更好的學習效果。

三、制作核心步驟

本文設計的視頻交互功能采用Flash Professional CS6軟件實現。主要包括四個核心步驟：導入視頻、制作彈出問題、制作交互效果和保存視頻。

第一步：導入視頻

近年來，東營市人大常委會高度重視預決算審查監督工作。2015年成立了專門的預算審查監督機構，先后出臺了《東營市人大常委會關于加強市級預算決算審查監督的決定》《東營市人大常委會關于加強市本級部門預算審查監督的若干規定》等一系列制度性文件，建立健全預決算全過程監督機制。為進一步強化部門預算審查，夯實預算審查監督工作基礎，自2016年開始，市人大常委會積極創新監督方式，把握關鍵環節，探索開展部門預算審查，實現了人大預算審查監督重點由總預算向部門預算的延伸。

啟動Flash Professional CS6軟件，在新建一欄選擇“ActionScript 3.0”,菜單欄文件中選擇導入-導入視頻。

（1）“選擇視頻”窗口：點擊文件路徑后面的“瀏覽”，選中事先備好的flv格式的視頻，然后選擇“在SWF中嵌入FLV并在時間軸中播放”，再點擊“下一步”。

（2）“嵌入”窗口：選擇的符號類型是“嵌入的視頻”，將其下面的“將實例放置在舞臺上”、“如果需要，可擴展時間軸”、“包括音頻”，全部選中。點擊“下一步”。

（3）“完成視頻導入”窗口：檢查導入的視頻是否正確，若正確，就點擊“完成”。若不正確，則點擊“上一步”，重新導入視頻。

第二步：制作彈出問題

彈出問題的制作主要采用場景跳轉的方式。

（1）場景1中的操作

在場景1新建圖層2，找到要添加問題的那一幀，本次制作是在第2597幀。用文字工具在該幀添加文字“練一練”，并將該文字轉換為按鈕元件，命名為aaa。在該幀添加代碼片段：

（2）在場景2中的操作

在“插入”菜單選擇“場景”，新建場景2。

在場景2新建圖層2，在圖層2第一幀添加文字“返回”，并將該文字轉換為按鈕元件，命名為aa。在該幀添加代碼片段∶第三步：制作交互問題

（1）在場景2中，圖層1中添加影片剪輯元件，命名為“kaokaoni_mc”，雙擊進入kaokaoni_mc元件。在此元件圖層1中第一幀添加代碼片段：

}

在此元件中，新建圖層2，在圖層2第一幀，用文字工具書寫“提交”，將其選中，右擊選擇“轉換為元件”，選擇“按鈕”。將該元件命名為“tijiao2_btn”。在此元件中，新建圖層3，在圖層3第一幀添加代碼片段：stop();

（2）用文字工具添加問題。

將該區域選中，右擊轉換為影片剪輯元件，命名為“lianxi2_mc”。雙擊進入該元件，在圖層1第一幀，添加題干，在ABCD四個選項前面分別添加RadioButton，分別命名為C_2_1、C_2_2、C_2_3、C_2_4。

在該元件中新建圖層2，在圖層2第一幀添加代碼片段：stop();

（3）新建影片剪輯元件，將其命名為check2_mc。雙擊進入該元件，在圖層1第2幀，添加文字“請再仔細想一下，還有一次機會！”在圖層1第3幀添加文字“恭喜！答對了！”在圖層1第4幀添加文字“很遺憾，答錯了！”并給予提示。

在該元件中新建圖層2，在圖層2的第1、2、3、4幀均添加代碼片段：stop();

第四步：保存視頻

用Ctrl+S保存視頻，再用鍵盤上Ctrl+Enter導出視頻，觀看測試效果。

四、總結

教學視頻可任意點播，自選起點，無序觀看，反復視聽，極大地滿足了學習者的個性化需要。[8]視頻交互技術改變了以往教學視頻信息單向、線性流動的性質，彌補了視頻學習的缺陷。本文采用Flash的視頻技術，在單機版上實現了視頻提問功能，增加了學習者與教學視頻間的交互。但對于多項選擇題和主觀題的提問、提問的教學設計以及學生回答問題的數據統計等問題，本文尚未涉及，這也是后續研究中有待解決的問題。

[1]沈夏林,周躍良.論開放課程視頻的學習交互設計[J].電化教育研究,2012(2).

[2]宋菲菲.學科背景與呈現交互性對動畫多媒體學習成效影響的實驗研究[D].大連：遼寧師范大學,2011.

[3]陳麗.遠程教學中交互規律的研究現狀述評[J].學術論壇,2004(1).

[4]馬濤,朱印宏.視頻網站修煉術——基于Flash的視頻技術開發與應用[M].北京：電子工業出版社,2009.

[5]360百科.FLV格式[DB/OL].http://baike.so.com/ doc/5450553.html2003.

[6]孟憲凱,劉文甫,李濤.提問技能訓練[M].天津：天津教育出版社,2010.

[7]劉顯國.課堂提問藝術[M].北京:中國林業出版社,2004.

[8]黃立新.透析網絡課程中教學視頻的問題[J].電化教育研究,2006(3).

（編輯：魯利瑞）

G434

：B

：1673-8454（2015）16-0085-03

山西師范大學校級教改項目（編號：SD2013JGXM-70）；山西師范大學教育科學研究基金項目（編號：YJ1301）。