汪存友，張雅琪

（山西師范大學(xué)教育技術(shù)與傳媒學(xué)院，山西臨汾041004）

基于Flash技術(shù)的教學(xué)視頻交互功能設(shè)計與開發(fā)*

汪存友，張雅琪

（山西師范大學(xué)教育技術(shù)與傳媒學(xué)院，山西臨汾041004）

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

教學(xué)視頻；Flash技術(shù)；視頻交互

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

一、Flash視頻技術(shù)及其優(yōu)勢

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

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

二、設(shè)計思路

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

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

三、制作核心步驟

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

第一步：導(dǎo)入視頻

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

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

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

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

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

第二步：制作彈出問題

彈出問題的制作主要采用場景跳轉(zhuǎn)的方式。

（1）場景1中的操作

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

（2）在場景2中的操作

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

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

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

}

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

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

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

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

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

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

第四步：保存視頻

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

四、總結(jié)

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

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

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

[3]陳麗.遠(yuǎn)程教學(xué)中交互規(guī)律的研究現(xiàn)狀述評[J].學(xué)術(shù)論壇,2004(1).

[4]馬濤,朱印宏.視頻網(wǎng)站修煉術(shù)——基于Flash的視頻技術(shù)開發(fā)與應(yīng)用[M].北京：電子工業(yè)出版社,2009.

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

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

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

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

（編輯：魯利瑞）

G434

：B

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

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