應用串流媒體製作線上科技教學課程

(1)

教材教法

應用串流媒體製作線上科技教學課程

趙育玄

-=t=-一宣、目 IJ 百

隨著網路寬頻科技的發達，串流媒

體 (Streaming

Media) 技術日益成

熟，在網路上可以製播各類線上節目，

提供人們無時空限制地收看收聽

。

尤其

串流媒體應用在科技教育上，可以製播

各類線上科技教學課程，提供人們能

隨時隨地學習各類科技新知，提升國

民的科技教育水準，建立一個終身學

習的科技教育網絡

。

隨著網路技術的進步，寬頻時代的

來臨，如圖 l 所示，各式線上影音節目

圖

G2 網路電視台，提供網路電視隨選靚訊及直播服務

。

資料來源:

http://g2.com

.

tw/index.htm

200

1 年 6 月

位的科H故 fJ

34 t主 ß

WJ

30

(2)

逐漸成為我們資訊

、

娛樂與教育的來

源，而串流媒體 Cstrea

ming

m

edi

a)

正是提供這些影音視訊內容在線上傳輸

的通道現象與媒介

。

應用串流媒體

，

才

能使各式線上影音節目無時空限制，呈

現在我們的生活中，提供我們所需的資

訊，豐富我們的生活

。

尤其更替迅速的

科技發展及科技教育領域，更可以透過

串流媒體，製作各類線上科技教學課

程，提供我們隨時隨地學習各類科技新

知的機會，提升國民科技水準，建立國

家科技實力的基礎

。

媒體伺服器

-

... ---+ ---+ ---+

一+ 一+ 一+ 一+

一

，

一

..

---+ ---+

一

，

一

+

一

..

---+

一+ 一+ 一+ 一+

---+

---+ 一..

---+

貳、串流媒體 (streaming

media)

阻礙線上影音節目發展的原因是網

路傳輸品質不穩定

，

用戶一多

，

網路易

擁塞，造成不穩定的連線速度

，

使影音

時而中斷，時而播放，使收視品質大

打

折扣，影響用戶的收看收聽意願

。

所謂

串流媒體 (

s

trea

ming

m

edi

a)

，如圖

2 所示，其實就是在使用者端的電腦上

創造一個緩衝區

，

於播放前預先下載一

段資料作為緩衝

'

於網路實際連線速度

小於播放所耗用資訊的速度時

，

播放程

•••

暫存區

用戶端

•••

暫存區

用戶端

暫存區

用戶端

圖 2

串流傳輸流程

資料來源:修改自林柏青

(

民 90

)

，頁 235.

31

「 J -的 M

n

u-6

1 ，_ζ

巷

,

lFA q n H V -ntu n H U -2

三叫

救

卜 JK ι44

科

rf 口

(3)

教材教

法

式就會取用這一小段緩衝區內的資料，

避免播放的中斷，也使得播放品質得以

維持

。

例如一場教學示範會，只傳送主

要的物件資料流(教學者的影像)

，而

不傳送背景的資料流;當網路狀況太差

時，根本就關閉某些低優先權資料流

(只播放聲音)當網路狀況良好時，

就可以傳輸豐富完整的資料內容，依據

當時應用環境的狀況決定應該產生何種

資料流，一方面降低系統的負荷，男一

方面又可讓使用者在觀看時不會有延

遲、斷音的現象

。

串流媒體就是模擬電

視及廣播的播放方式，只是使用數位訊

號來完成這個任務，但是串流媒體卻可

以讓你隨時點選、隨時播放節目，完全

..ø

_æl

..∞'的..包工具。凰fIGl) 如土-頁

，址。陌hlIp llwvtw.roel叫

沒有時間的限制(劉修蓉等，民

9 0 ;

王宏瑾

，民 8

9 ;張智

偉

，民的;陳

嘉

翰，民 88

)。

參、串流媒體三大主流格式

目前應用串流媒體技術的三大主流

格式c1

)

Real

Networks;

(2)

M

一

icrosoft Windows Media Technolo

-gies;

(3)

Apple

QuickTimè

。

一、 Real

Networks

Real

Networks 可說是網路多媒體

傳播的開路先鋒，網路影音播放的整

合應用己相當成熟。直到今天，

Rea 1

Networks 公司的串流媒體，仍然是最

多人使用的軟體及伺服器。如圖

3 所

lat

l!J

~"筆

:1

恤"

l

曰

:

m 少可刊""

l

‘

QW珈lÐl!IIlIlI!l!!l峙，喔，叫聲，妞!:IL'!lZE阻 'ft.UNMJþ4Þ P啊 m噴句 ~mt::itn::::帽~ ~!'啞睡惘。li.:Il!I軒" I~苟且r8 P1U!ò加叫"- . . . 正L且I!m皇'" • RealJUl<flÞOx l過PklS呻個 Hel:0f~且畫畫且且且還ι溢血三

E

200

1 q-

6 F

J

立昆主.

貝爾提傘，甜甜，所值。

-.;_....

_{. .}

.

_巴竄

_出仔

主昆主.

只'‘盒，甜甜，鞠值所筒， .饋研桶里:眩，中文版現巳土帶

E

﹒全研 Sldn功能D.' 讀研l、胡.化帶回更多的背信 ..井變lIl'''1lI更凳. '11立搏"隨膏，裊裊早兩

'lELftEQ ﹒曹玖姐，字 .øa:! CDl!:快﹒

'回均收區2 ，50~.蟬，電台膏，實更優﹒罔憬，讓大小

.R..IPI討會 r Bfill功錯1 在間目中加入歐閥、n.及吏，內容

(4)

示，其串流媒體為 RealSystem

G2

。

二、 Microsoft

Windows Medla

TechnoloQles

建置成本低廉是 M

i

c

r

0 s

0 f

t

Windows

Media 的最

大優勢

，伺服器端

管理及壓縮工真均可至微軟官方網站免

費下載。如圖 4 所示，其串流媒體為

Windows Media Technologies

7 。

三、 Apple

Quic

kT

lme

影像處理設備的權威 -Apple 公司

自然也不會在這一次串流式媒體大戰中

缺席，如圖 5 所示，使用的即是知名的

跨平台影音格式 :Quick

Time

Movie

。

肆、應用串流媒體製作線上科技教學課

程

應用串流媒體製作線上科技教學課

程是未來科技教育的一大趨勢，它可以

不受時空的限制，提供國民隨時隨地學

習科技新知的機會。如圖 6 所示，學校

應用串流媒體製作科技教學課程亦是一

項艱辛的工作，因為教學者必須考慮所

有學生的資質差異性及教材的適用性，

所以除了錄製教學影片之外，必須有大

量的輔

助教材，

呈現在網路上讓學生學

習，而且必須設置留言版、信箱或其他

互動式媒體，讓教學者收集學生的問

題，加以解決並修正課程內容(大麥芽

工作坊，民的;

McEvoy

,

2000

;

Alvear '

1998

) 。

隨然應用串流媒體製作科技教學課

程是一項艱鉅的工作，不過網路教學是

一

個必

須進行的教育事業

，

不僅可以幫

_(l)

_CI>

幢幢∞ 帽，繭，(4) III ∞ 風"CIIl

止芒.

也

.

il

品，

Wlnd_

.--,..-._

Medla

匠_.-耐 Audio

and Vldeo 111

-區."...IP開曲"'. . .

Ready for 戶1u.lc.f龜e.dyfo..'"‘。 vles

The fm.1 verSton of Wlndows Med

,.

Audlo .nd Video a 1$ now avalteble' Check out new contant '" Aud ，。

and V.deo e - It works

,

n tt、.pl..,..,. .,.OU already '、.、，.

1'4

0..

pl ..

珊flndow

Dth.. f

I"o\"", on Audlo and Videø ß

"“

ndo.... Medl. Player 7 fo,. Mac: ]ust Rele...ed

1t 'sÜ、 e001.,. player for tt、. Mac 甘‘ at dehv.rs 帥、 .h 。筒)1 st f'f、 USICand mOVle5 on th. web. It's 附仙也...h.s "ehable p﹒ rfor"， .n 帽.end w。而，關 thmost Ma自 andsystem $0悅wa ，..e.IndudtnQ OS X. Oo~n'o.d It n。帆

Wmdow. Mrdla P'.yel" 7 lJonus Pe

‘

ok

Oo"""nlo.d th. n.", w,"dow. Med 陣 PI.J.'"7 包。nusPeck whlch mdud.s an MP3 個 WlndowsMeduI eonverte,.. exat吶。 newsklns end

vu:uahzebonιWmdows Medla PI".,er Pow.I"TO'f'S. and W',namp Slow、

圓 4

Windows Media Technologies 的技術網頁

資料來源:

http

:

//

WN.N

.microsoft.com/windows/windowsmedia/

33

IJ

-m

圳

E 恥， -'』， n n v -ρnV

AV

-佳

,

-

A-nu -刊 d nu

-2

-fu

'"A

huF4

,

{甘、品吋 A Ft 冷 l

ru

(5)

教材教法

QuickTime

。ω

CHANN f: LS

ALERT!

國回國帽

l

J 叫 I

C ，addna 蛤..CIIU'. frl Uf. s啥。"“

d.oodll'lg th. humMI'I 0.1'10"'.

E師回珊珊闖

圖 5

Quick Time

Movie 的技術網頁

資料來源:

http:

//

www.apple.com

/

quicktime

/

助偏遠地區的學生，也可以讓失學或進

修的社會人士可以接觸各類最新的科技

教學課程，更可以幫助身體障礙人士就

學。圖 7 至圖 8 為國立科學工藝博物館

應用串流媒體所製作的線上科技教學課

程，主要內容以介紹各類科技新知為

主。圖 9 至圖 10 為香港大學靈活資訊科

技教育計劃'應用串流媒體並配合動畫

來製作線上科技教學課程，其內容以互

動網上教學為主，項目包括教師 IT 培

訓卜示範網頁、上課影片、教學刊物、

自助教材製作等。圖 11 為插角國小金

敏分校應用串流媒體所製作國小科技教

學課程，其內容為家長支援科技教學，

示範割玻璃及被揹技術。

制" 、

卷

川

一

教

ρo -卜文

。

-1的

nL -川 i

{五、結語

隨著網路科技的發達，應用串流媒

體製作各類線上科技教學課程，提供

國民在終身學習社會中隨時隨地進修

科技新知與能力的機會，己是未來重

要的科技教育趨勢。但如何應用串流

媒體來製作更有內涵及深度的科技教

學課程，是從事科技教育工作者的一

大挑戰，必須結合各類網路專家、攝

影專業人士、科技教育課程學者、科

技教學者共同協調運作，規劃出良好

的線上科技教學課程，提供國民更好

的學習方式及互動機會，使資訊科技

能真正落實應用於科技教育工作中，

34

(6)

留 ~~I (;iQ 宜

完成教材'Stream

影片或聲音

仁(句 Strea

m

影片或聲音

上傅申tJ 頁

St

r

ea

m

資料庫

伺服器

8 圖 6

學校應用串流媒體製作線上科技教學課程之流程圖

資料來源:修改自大麥芽工作坊，民的，頁 65，

35 月

一

期

行。 -ρ0

年

一

卷

-i

-A

4

nu -nd nu -: 2

-且向

教

技

刊吋 -R1

活

生

(7)

教材教法

l星四且J

i

1 .~_ 中也

|J

I~~.~

_lIIl11中心

-

"""""

圍 7

國立科技工藝博物館線上科技教學課程(1)

資料來源:

http://www

.

nstm

.

gov

.

tw/space/chinese/mediacenter/index.htm

重型1

11 ~

_

d i$I國

」

酌.，....中心 .w"""，

11 Jo W，""

ow> Wod叫抽空

圖 8

國立科學工藝博物館線上科技教學課程

(

2 )

資料

來源:

http

:

//www.nstm

.

gov.tw/space/chinese/mediacenter/index.htm

2

001 'r芋 6

J J

(8)

_<Ð ..

.@

祖幌∞ 糖的蝠，ω 工具包) 凰"也}

蟬，自』攏的蠅，卻已蟑

/il

Flfi

;;V;';~~三ZJ::L

EY

正三~ Aυser咐iend/y

Flexi-IT Approach for

.

Educat紗，、

-About UFtA Project

-，圖畫tUFIA 軒. -In tf'oducrion 。計，，)簡介

Team Members

。隊伍成員阱 lorSch∞Is Olc先導小學

IT

-e

nabled Educarlon

or資 1乳斜拉教學

TeQchers' IT Training

0 教師資訊科技繪制

Contacr

Informat，旬n 。聯絡資料勵

盟壁畫j

-Educatlon

-

....

Resou ,.ces

-

-作﹒EN".LEDEOUCATfO N .訊扣反戳，

T EA.CH EftS' ITγJIAIÑING aøn頁訊科疲憊!lII

VI。但oO"UFlA P魄。cJECTItt酌，否羽悟片

Pu.UCATtoN.S A.ND τIJ悶悶文悍

DOCUM信:..NTATtONS

CREATING YOU JIt OWN 倒可t;li ltt

EOUCAT'ONAt... Waa PAG E.S

FAQIIr.m間，

-R軸lPle)lltrw.岫棚 ..R lI ~r...u制問.l)/' ot Ho曙K..

圖 9

香港大學靈活資訊科技教育計劃

(

1)

資料來源:

http

:

//ufia.hku.hkl

.但J 1& '~

直白

計劃實況影片

建. iJ H。岫岫穗，-乎，伸過 I喇喇闢揖頂禮JM.，，，，帥的 W帥，如臨樹種J