汪存友　張雅琪

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

關(guān)鍵詞：教學(xué)視頻；Flash技術(shù)；視頻交互

中圖分類號(hào)：G434 文獻(xiàn)標(biāo)志碼：B 文章編號(hào)：1673-8454（2015）16-0085-03

信息社會(huì)，人們已習(xí)慣使用各種教學(xué)視頻豐富自己的知識(shí)，增長(zhǎng)自己的見識(shí)。建構(gòu)主義認(rèn)為交互是學(xué)習(xí)產(chǎn)生的必要條件。相關(guān)的實(shí)驗(yàn)研究也證實(shí)，人類通過交流能使記憶內(nèi)容達(dá)到70%，即通過交互至少能產(chǎn)生20%的提升。[1]對(duì)教學(xué)視頻而言，交互主要是通過用戶對(duì)視頻播放器的播放、暫停、停止、回放等操作來實(shí)現(xiàn)。研究表明，具有交互性的教學(xué)視頻能夠減少學(xué)習(xí)者的認(rèn)知負(fù)荷，增強(qiáng)學(xué)習(xí)者對(duì)學(xué)習(xí)材料的理解。[2]簡(jiǎn)單來說，學(xué)習(xí)者對(duì)教學(xué)視頻的操作不僅可以幫助學(xué)習(xí)者重新播放學(xué)習(xí)內(nèi)容，還允許學(xué)習(xí)者根據(jù)自身的認(rèn)知能力調(diào)整視頻播放的速度和節(jié)奏，順應(yīng)學(xué)習(xí)者的認(rèn)知加工活動(dòng)。

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

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

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

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

二、設(shè)計(jì)思路

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

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

三、制作核心步驟

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

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

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

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

（2） “嵌入”窗口：選擇的符號(hào)類型是“嵌入的視頻”，將其下面的“將實(shí)例放置在舞臺(tái)上”、“如果需要，可擴(kuò)展時(shí)間軸”、“包括音頻”，全部選中。點(diǎn)擊“下一步”。

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

第二步：制作彈出問題

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

（1）場(chǎng)景1中的操作

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

stop（）；

aaa.addEventListener（MouseEvent.CLICK， LBYC _Click1）；

function LBYC_Click1（event：MouseEvent）：void

{MainTimeline（this.root）.gotoAndPlay（1，"場(chǎng)景 2"）；}

（2）在場(chǎng)景2中的操作

在“插入”菜單選擇“場(chǎng)景”，新建場(chǎng)景2。

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

stop（）；

aa.addEventListener（MouseEvent.CLICK， LBYC_Click）；

function LBYC_Click（event：MouseEvent）：void

{MainTimeline（this.root）.gotoAndPlay（2598，”場(chǎng)景 1”）；}

第三步：制作交互問題

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

stop（）；

var m2：int；

m2=0；

this.tijiao2_btn.addEventListener（MouseEvent.CLICK，checkResult2）；

function checkResult2（event：MouseEvent）

{

m2++；

if（this.lianxi2_mc.C_2_3.selected ==1）{this.lianx i2_mc.check2_mc.gotoAndStop（3）；m2=2；}

else

if（m2！=2&&this.lianxi2_mc.C_2_3.selected ==0）{this.lianxi2_mc.check2_mc.gotoAndStop（2）；}

else

if（m2==2&&this.lianxi2_mc.C_2_3.selected ==0）{this.lianxi2_mc.check2_mc.gotoAndStop（4）；}

if（m2==2）{

this.lianxi2_mc.C_2_1.enabled=false；

this.lianxi2_mc.C_2_2.enabled=false；

this.lianxi2_mc.C_2_3.enabled=false；

this.lianxi2_mc.C_2_4.enabled=false；

tijiao2_btn.visible=false；

}

}

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

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

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

在該元件中新建圖層2，在圖層2第一幀添加代碼片段：stop（）；

（3）新建影片剪輯元件，將其命名為check2_mc。雙擊進(jìn)入該元件，在圖層1第2幀，添加文字“請(qǐng)?jiān)僮屑?xì)想一下，還有一次機(jī)會(huì)！”在圖層1第3幀添加文字“恭喜！答對(duì)了！”在圖層1第4幀添加文字“很遺憾，答錯(cuò)了！”并給予提示。

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

第四步：保存視頻

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

四、總結(jié)

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

參考文獻(xiàn)：

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

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

[3]陳麗.遠(yuǎn)程教學(xué)中交互規(guī)律的研究現(xiàn)狀述評(píng)[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]劉顯國(guó).課堂提問藝術(shù)[M].北京：中國(guó)林業(yè)出版社，2004.

[8]黃立新.透析網(wǎng)絡(luò)課程中教學(xué)視頻的問題[J].電化教育研究，2006（3）.（編輯：魯利瑞）