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

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