網(wǎng)頁(yè)中插入聲音和視頻.doc

第二章靜態(tài)網(wǎng)頁(yè)制作一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該不僅僅是由文字和圖片組成的，而是動(dòng)態(tài)的、多媒體。為了增強(qiáng)網(wǎng)頁(yè)的表現(xiàn)力，豐富文檔的顯示效果，我們可以向其插入Flash動(dòng)畫(huà)、音頻播放插件等多媒體內(nèi)容。第九節(jié) 插入聲音和視頻聲音和視頻能極好的烘托網(wǎng)頁(yè)頁(yè)面的氛圍，網(wǎng)頁(yè)中常見(jiàn)的聲音格式有WAV、MP3、MIDI、AIF、RA、或Real Audio格式，視頻的格式有mpg、avi、mpeg等。一、添加背景音樂(lè)在頁(yè)面中可以嵌入背景音樂(lè)。這種音樂(lè)多以MP3、MIDI文件為主，在Dreamweaver中，添加背景音樂(lè)有兩種方法，一種是通過(guò)手寫(xiě)代碼實(shí)現(xiàn)，還有一種是通過(guò)行為實(shí)現(xiàn)。在HTML語(yǔ)言中，通過(guò)這個(gè)標(biāo)記可以嵌入多種格式的音樂(lè)文件?！窘虒W(xué)案例】在生日賀卡中插入背景音樂(lè)：1、將birthday.mid音樂(lè)文件存放到music文件夾里。2、打開(kāi)02.html網(wǎng)頁(yè)，我們?yōu)檫@個(gè)頁(yè)面添加背景音樂(lè)。切換到Dreamweaver的“拆分”視圖，將光標(biāo)定位到之前的位置，在光標(biāo)的位置寫(xiě)下下面這段代碼：，如下圖4-1所示。圖4-1 插入音樂(lè)3、保存，按下F12鍵，在瀏覽器中查看效果，我們可以聽(tīng)見(jiàn)背景音樂(lè)聲。如果希望循環(huán)播放音樂(lè)，將剛才的源代碼修改為以下代碼即可：二、嵌入音樂(lè)嵌入音頻可以將聲音直接插入頁(yè)面中，但只有瀏覽者在瀏覽網(wǎng)頁(yè)時(shí)具有所選聲音文件的適當(dāng)插件后，聲音才可以播放。如果希望在頁(yè)面顯示瀏覽器的外觀，可以使用這種方法：1、打開(kāi)01.html網(wǎng)頁(yè)，將光標(biāo)放置于我們想要顯示播放器的位置；2、單擊快捷欄上的“媒體”按鈕，從下拉列表中選擇“插件”；3、彈出“選擇文件”對(duì)話(huà)框，在對(duì)話(huà)框中選擇newyear.mid音頻文件。如圖4-2。圖4-2 選擇插入音樂(lè)文件4、單擊確定按鈕后，插入的插件在文檔窗口中以下圖所示圖標(biāo)來(lái)顯示。如圖4-3。圖4-3 插件圖標(biāo)5、選中該圖標(biāo)，在屬性面板中可以對(duì)播放器的屬性進(jìn)行設(shè)置，如圖4-4。為了看到完整的播放插件，可以把寬調(diào)為170，高40。圖4-4 音樂(lè)屬性設(shè)置6、要實(shí)現(xiàn)循環(huán)播放音樂(lè)的效果，單擊屬性面板中的“參數(shù)”按鈕，然后單擊“”按鈕，在“參數(shù)”列中輸入loop，并在“值”列中輸入true后，單擊“確定”按鈕。如圖4-5。圖4-5 設(shè)置循環(huán)音樂(lè)要實(shí)現(xiàn)自動(dòng)播放，可以繼續(xù)編輯參數(shù)，在參數(shù)對(duì)話(huà)框的“參數(shù)”列中輸入autostart，并在值中輸入true，單擊“確定”按鈕。如圖4-6。圖4-6 設(shè)置音樂(lè)自動(dòng)播放7、保存，按下F12鍵，打開(kāi)瀏覽器預(yù)覽，這個(gè)頁(yè)面實(shí)現(xiàn)了嵌入音樂(lè)的效果，在瀏覽器里顯示了播放插件。三、嵌入視頻嵌入視頻可以把a(bǔ)vi、mpeg、mpg等視頻文件插入到頁(yè)面中。例如：1、打開(kāi)01.html網(wǎng)頁(yè)，將光標(biāo)放置于我們想要顯示播放器的位置；2、單擊快捷欄上的“媒體”按鈕，從下拉列表中選擇“插件”；3、彈出“選擇文件”對(duì)話(huà)框，在對(duì)話(huà)框中選擇guangxi.mpg音頻文件。4、單擊確定按鈕后，文檔窗口顯示插件圖標(biāo)，在屬性面板中修改其寬和高的大小，如352288。5、要實(shí)現(xiàn)循環(huán)播放視頻的效果，單擊屬性面板中的“參數(shù)”按鈕，然后單擊“”按鈕，在“參數(shù)”列中輸入loop，并在“值”列中輸入true后，單擊“確定”按鈕。要實(shí)現(xiàn)自動(dòng)播放，可以繼續(xù)編輯參數(shù)，在參數(shù)對(duì)話(huà)框的“參數(shù)”列中輸入autostart，并在值中輸入true，單擊“確定”按鈕。6、保存