網頁多媒體元件製作與處理

∼南加州中文學校聯合會電腦組召集人  簡大森∼  

引言

個人電腦處理語音(Audio)及影視(Visual)的功能，自從1980年個人電腦問世以來，經過二十幾年的發展己經成熟。在語音方面，早己從機械(Analog)語音的處理進入數據(digital)語音處理。電腦語音效果也比美高傳真(Hi-Fi)音響設備所產生的效果；從八十年代的單音語音進入立體音響。在影視方面，不旦能顯示高解析度的靜態影像，甚至能播放電影短片而且能語音與影像同步。這些電腦多媒體的處理功能應用到網際網路的網頁上，使得網頁上圖文並茂，多彩多姿，將語音與影視的功能做了最大的發揮。如今，網際網路的網頁上，所有的網頁多多少少都會有一些語音及影視的展現。網頁上的這些語音及影視內容不但使網頁變成賞心悅目，而且它們對瀏覽網頁的人產生影響效果。

隨著未來電腦應用的發展與學生世代的變化，做為e世代的中文教師必備的條件之一將是應用電腦製作中文教學材料及中文教學網頁。假如在這些中文教學材料及中文教學網頁上適當的加上一些語音及影視內容，將會引起學生的興趣，從而增加學習的效果。

網頁上的語音及影視內容一般稱為網頁多媒體元件(Multimedia Component)。網頁多媒體元件一般包括圖片(picture)、動畫(animated picture)、影像(graphic/photo)、語音(sound)、音效sound effect)、音樂(music)、影音短片(video clip)等等。這些多媒體元件的取得，製作，與處理是一項綜合性的工作；除了硬體的組合之外，更需要電腦軟體的綜合應用。下面將一步一步的示範及講解網頁多媒體元件的製作與處理。

網頁多媒體元件製作與處理示範

I.                    語音媒體(Audio Media)

A.     語音媒體種類(Type of audio media)

                             i.                聲音(Sound)

                           ii.                音效(Sound Effect)

                          iii.                音樂(Music)

                         iv.                人的聲音(Voice)

                           v.                談話聲音(Speech)

B.     示範(Demo)

                             i.                使用錄音設備製作語音(Create sound using recording devices)

1.        機械式的卡帶錄音機(Analog Cassette Recorder)

2.        數據錄音機(Digital Sound Recorder)

                            ii.                使用文字轉語音程式軟體製作語音元件(Create Sound/Voice using Text-To-Speech program)

                          iii.                使用攝影機製作語音元件(Create sound using a camcorder)

                          iv.                使用CD/VCD/DVD播放機製作語音元件(Capture sound from a CD player)

II.                 影視媒體(Visual Media)

A.     影視媒體種類(Type of Visual Media)

                             i.                靜態影視媒體(Still Visual Media)

1.        文字(Text)

2.        圖像(Picture)

3.        畫圖(Drawing)

4.        照片(Photo)

                           ii.                動態影視媒體(Animated Visual Media)

1.        動態文字(Animated Text)

2.      動態圖像(Animated Picture)

                          iii.                電影片段(Movie Clips)

B.     示範(Demo)

                             i.                如何製作靜態影視媒體 (How to create still visual media)

a.        從印刷資料上取得靜態影視元件(Capture visual media from a magazines, books, etc.)

b.       從沖洗的照片取得靜態影視元件(Capture visual media from a photo taken by a camera)

c.        從幻燈片取得靜態影視元件(Capture visual media from a slide)

d.       從照像底片取得靜態影視元件(Capture visual media from a negative file strip)

e.        從VCR/VCD/DVD取得靜態影視元件(Capture still visual media using a VCR/VCDDVD player)

f.         從數據照相機取得靜態影視元件(Capture still visual media using a digital camera)

g.       從攝影機取得靜態影視元件(Capture still visual media using a camcorder)

h.       Create text file using a scanner and an OCR program

                           ii.                如何處理靜態影視元件 (How to edit still media)

                          iii.                如何製作動態影視媒體 (How to create animated visual media)

1.        如何製作動態文字(How to create animated text)

2.        如何製作動態圖像 (How to create animated picture)

3.        如何使用數據照相機製作電影短片 (How to create movie clips using a digital camera)

4.        如何使用機械式攝影機製作電影短片(How to create movie clips using an analog camcorder)

5.        如何使用數據式攝影機製作電影短片 (How to create movie clips using a digital camcorder)

6.        如何使用VCD製作電影短片(How to create movie clips using a VCD player)

7.        如何使用VCR製作電影短片 (How to create movie clips using a VCR )

8.        如何使用DVD製作電影短片How to create movie clips using a DVD player

III.             結語(Conclusion)

A.     現成多媒體元件(Ready Made) or自己製作多媒體元件(Self Made)

為什麼自已製作網頁多媒體元件?  相信大家都知道，市面上可以買到成千上萬，甚至上百萬的網頁多媒體元件。假如還不夠的話，在國際網路上，也有無數的網站上，有很多網頁多媒體元件可供免費下載。那麼，為什麼自已製作網頁多媒體元件呢?請問，你自已學校的微章，學校的活動照，怎麼可能是現成的呢？所以假如真的要製作圖文並茂，生動有趣的中文教學材料或網頁的話一定要能夠自己動手製作網頁多媒體元件。有很多人聽到製作網頁，就以為是件大不了的事；其實我個人的經驗所得是，製作多媒體網頁，百分之八十的時間都花在多媒體元件的製作上，一旦多媒體元件製作好了之後，要將它們放到網頁上，是件很簡單的事情；尤其現在網頁設計工具軟體，越來越多，使用上也越來越簡單，甚至用微軟的Word，Excel等都可以製作網頁。多媒體元件的製作，事實上是多媒體網頁製作的靈魂所在，因為它們能顯現一個網頁的氣氛、個性、特性。