第四周（1） 在網(wǎng)頁(yè)中插入音視頻
教學(xué)時(shí)間 2009-9-21
教學(xué)課時(shí) 2
教案序號(hào) 9
教學(xué)目標(biāo) 1、掌握在網(wǎng)頁(yè)中插入音視頻的技術(shù)
2、掌握音視頻的錄制、轉(zhuǎn)換、分割
教學(xué)過(guò)程：
素材下載一、 音頻處理技術(shù)
教程1下載教程2下載了解常用的音頻格式
WAV格式：未壓縮的聲音格式，文件體積與聲音采樣率有關(guān)，一般文件都很大
WMA格式：微軟專(zhuān)用的聲音格式，可用Windows Media Player播放，壓縮率較高
MP3格式：壓縮率較高，網(wǎng)上很流行
RM格式：Real公司的專(zhuān)用聲音格式，壓縮率較高，以前網(wǎng)上較流行
MID格式：只能保存樂(lè)器的聲音，不能錄其它聲音，文件超小。一般用于背景音樂(lè)
雖然音頻格式很多，常用的播放器有二個(gè)，微軟公司的媒體播放器(Windows Media Player)可以放除RM格式以外的大多數(shù)音頻文件；Real公司的RealPlayer或RealOne可以放除WMA格式以外的大多數(shù)音頻文件。 在網(wǎng)頁(yè)中插入音頻文件
⑴如何在網(wǎng)頁(yè)中插入背景音樂(lè)
教程下載實(shí)例在文件頭<head>..</head>之間插入<bgsound src="音樂(lè)文件名" loop="-1">語(yǔ)句即可在網(wǎng)頁(yè)中插入背景音樂(lè)，支持wma、mp3、mid、wav格式，不支持rm格式，src中放音樂(lè)的文件名，loop決定音樂(lè)播放的次數(shù)，-1表示無(wú)限數(shù)播放。一般推薦使用mid格式的音樂(lè)文件，因?yàn)槲募容^小，下載比較快。
用<bgsound>制作的背景音樂(lè)有二個(gè)特點(diǎn)：
a、當(dāng)窗口最小化時(shí)，聲音就沒(méi)了
b、<bgsound>是微軟的私有網(wǎng)頁(yè)標(biāo)記，只被IE所支持，其它瀏覽器可能不支持
⑵如何在網(wǎng)頁(yè)中控制音樂(lè)的播放
教程下載在網(wǎng)頁(yè)中控制音樂(lè)文件的播放使用<embed src="音樂(lè)文件名" autostart="false" width="300" height="45" type="audio/x-pn-realaudio-plugin"></embed>標(biāo)記，支持wma、rm、mp3、mid、wav等全部格式，如果放rm文件，則必須在客戶(hù)機(jī)的電腦中安排realplayer或realone。不同的電腦，可能顯示的播放器的界面有所不同。如果在本機(jī)顯示含有<embed>標(biāo)記的網(wǎng)頁(yè)，可能會(huì)有一些安全性的警告提示。
二、音頻處理軟件的應(yīng)用
用系統(tǒng)自帶的錄音機(jī)進(jìn)行簡(jiǎn)單的錄音
用windows自帶的“開(kāi)始”－“程序”－“附件”－“娛樂(lè)”－“錄音機(jī)”錄一個(gè)簡(jiǎn)單的音樂(lè)，如下圖：
此錄音機(jī)的特點(diǎn)：
1、操作簡(jiǎn)單，開(kāi)始只要按紅色的按鈕，結(jié)束也只要按紅色的按鈕。
2、一次性只能錄60秒。
3、生成的文件是WAV格式的音樂(lè)文件，所以文件比較大
音頻的錄制、轉(zhuǎn)換、分割
用advanced mp3_wma recorder.rar進(jìn)行音頻文件的錄制
用ha_mp3splitterjoiner_v2.90.3MP3.rar進(jìn)行MP3文件的分割
三、視頻處理技術(shù)
了解常用的視頻格式
WMV格式：微軟公司的專(zhuān)用視頻格式，壓縮率高，用媒體播放器播放
ASF格式：微軟公司的專(zhuān)用流視頻格式，壓縮率高，用媒體播放器播放
RM格式：REAL公司的專(zhuān)用視頻格式，壓縮率高，用Realplayer或Realone播放
RMVB格式：RM的改進(jìn)格式，壓縮率高，圖像清晰，用RealPlyer或Realone播放
AVI格式：由于A(yíng)VI格式使用的壓縮方法沒(méi)有統(tǒng)一標(biāo)準(zhǔn)，可能還要安裝專(zhuān)門(mén)的解碼器后才能播放，Real公司的微軟公司的播放器均可播放
MPG格式：主要指MPG-1格式，就是VCD格式，可以使用微軟或REAL公司的播放器均可播放
Flash格式：流行的FLASH動(dòng)畫(huà)，支持交互，用IE可直接播放 掌握視頻的轉(zhuǎn)換、分割
用RealEditor進(jìn)行rm視頻文件的分割、合并
用Avi_MPG_WMV_ASF分割軟件進(jìn)行視頻文件的分割
用Easy_RealMedia Producer軟件把其它格式的視頻文件轉(zhuǎn)換為RM、RMVB格式
在網(wǎng)頁(yè)中插入視頻文件
支持RM、RMVB、WMV、ASF、AVI、MPG等所有格式的播放，用類(lèi)似<EMBED src=video/5.rmvb width=400 height=300 type=audio/x-pn-realaudio-plugin autostart="false" controls="IMAGEWINDOW,ControlPanel,StatusBar"></EMBED>的語(yǔ)句即可 在網(wǎng)頁(yè)中插入FLASH文件
插入FLASH動(dòng)畫(huà)的方法：a、先把網(wǎng)頁(yè)保存一遍 b、單擊“插入－媒體－FLASH”即可（注意文件名必須不是漢字）
四、視頻處理軟件介紹
1、AVI/MPEG/ASF/WMV Splitter 是一個(gè)可以幫助你分離,切割,修整大型的AVI,MPEG,ASF或者WMV文件的視頻轉(zhuǎn)換工具,程序內(nèi)置播放器,你可以按照時(shí)間或者將你喜歡的片斷很輕松的截取下來(lái),也可以幫助你將大型的多媒體視頻文件分割為一個(gè)個(gè)小的多媒體視頻文件,支持AVI,DIVX,MPEG-1,MPEG-2,MPEG-4,ASF,WMV,WMA等多種常用的視頻文件格式,支持超大型視頻文件,最高可以達(dá)到2G,程序執(zhí)行速度快,分割后的視頻文件沒(méi)有圖像失真,界面友好。
五、設(shè)置滾動(dòng)條
網(wǎng)頁(yè)滾動(dòng)條實(shí)例網(wǎng)頁(yè)滾動(dòng)條本身就是瀏覽器的一部分，使用它可以方便瀏覽較大的網(wǎng)頁(yè)，但是千篇一律的它經(jīng)常會(huì)給整體頁(yè)面效果拖了不少后腿，我們能不能改變它灰灰的樣子呢？能！俗話(huà)說(shuō)：“只有你想不到的，沒(méi)有做不到的。”
給滾動(dòng)條換色
幾乎所有網(wǎng)頁(yè)的滾動(dòng)條都是默認(rèn)的灰色，如果把它的顏色換換，來(lái)點(diǎn)另類(lèi)的，相信一定會(huì)使網(wǎng)頁(yè)更加靚麗。我們只要在網(wǎng)頁(yè)代碼 之間插入下面的代碼，即可隨心所欲地更改顏色了。
<style>
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動(dòng)條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動(dòng)條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動(dòng)條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動(dòng)條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立體滾動(dòng)條強(qiáng)陰影的顏色)
</style>
后面的16位顏色值你可以隨意更改，括號(hào)內(nèi)是解釋說(shuō)明。
請(qǐng)做出
實(shí)例六、網(wǎng)頁(yè)特效－網(wǎng)頁(yè)切換效果
先請(qǐng)大家看效果：
茶網(wǎng)在這個(gè)茶網(wǎng)中，大家可以看到網(wǎng)頁(yè)之間的切換類(lèi)似與ppt中的幻燈片切換效果，這樣給網(wǎng)頁(yè)增加了美觀(guān)及可看性，這個(gè)效果大家只要用到以下兩句話(huà)，并把這兩句話(huà)放到<head></head>之間：
設(shè)定進(jìn)入頁(yè)面時(shí)的特殊效果
<meta http-equiv="Page-Enter" contect="revealTrans(duration=1,transtion=12)">
設(shè)定離開(kāi)頁(yè)面時(shí)的特殊效果
<meta http-equiv="Page-Exit" contect="revealTrans(duration=1,transtion=12)">
Duration的值為網(wǎng)頁(yè)動(dòng)態(tài)過(guò)渡的時(shí)間，單位為秒。
Transition是過(guò)渡方式，它的值為0到23，分別對(duì)應(yīng)24種過(guò)渡方式。如下：
0 盒狀收縮
1 盒狀放射
2 圓形收縮
3 圓形放射
4 由下往上
5 由上往下
6 從左至右
7 從右至左
8 垂直百葉窗
9 水平百葉窗
10 水平格狀百葉窗
11垂直格狀百葉窗
12 隨意溶解
13從左右兩端向中間展開(kāi)
14從中間向左右兩端展開(kāi)
15從上下兩端向中間展開(kāi)
16從中間向上下兩端展開(kāi)
17 從右上角向左下角展開(kāi)
18 從右下角向左上角展開(kāi)
19 從左上角向右下角展開(kāi)
20 從左下角向右上角展開(kāi)
21 水平線(xiàn)狀展開(kāi)
22 垂直線(xiàn)狀展開(kāi)
23 隨機(jī)產(chǎn)生一種過(guò)渡方式
希望大家在課外多去了解下這些網(wǎng)頁(yè)特效，把一些實(shí)用的網(wǎng)頁(yè)特效應(yīng)用到自己的網(wǎng)站中來(lái)。
七、作業(yè)：
１、完成下列網(wǎng)頁(yè)——sina科技時(shí)代，并設(shè)置滾動(dòng)條顏色和網(wǎng)頁(yè)切換效果，完成后鏈接到作業(yè)本第四周。
