當前位置:才華齋>設計>網頁設計>

HTML程式碼內設定背景音樂教程

網頁設計 閱讀(1.37W)

一、程式碼指定方式

HTML程式碼內設定背景音樂教程

1.程式碼指定方式是指直接在頁面的HTML程式碼內設定背景音樂。現實中通常使用標記來實現。

標記的語法格式如下:

src:背景音樂檔案地址;

loop:設定播放次數,迴圈播放為-1;

delay:播放音樂的延時;

volume:背景音樂的音量;

balance:背景音樂的'左右均衡。

2.具體例子:

新建一個HTML空白頁

3.開啟程式碼檢視,在中輸入程式碼,詳見下圖:

4.根據程式碼中的條件輸入完全,詳見下圖:

5.按F12預覽就可以了。

但是必須注意的是,插入的音樂檔案要小,為了照顧網速較慢的使用者。

另外,用這種方法插入背景音樂只能在IE瀏覽器中才能用,其他瀏覽器可能不支援。

二、使用媒體外掛方式實現

媒體外掛方式是指利用第三方媒體外掛實現頁面的背景音樂效果。此功能在Dreamweaver工具欄中可以直接實現。在編碼時可以使用標記在網頁中插入媒體外掛。

標記的語法格式如下所示:

src:背景音樂地址;

autostart:設定是否自動播放;

loop:是否迴圈播放

controls值見下表:

具體操作如下:

新建一個HTML空白頁

選擇‘插入’---‘媒體’---’外掛‘

程式碼檢視如下:

選擇要插入的背景音樂檔案

效果如下圖:

在’屬性‘面板可以設定外掛的一些引數

用這種方法需要注意的是,外掛的問題,有的瀏覽器並沒有必要的外掛,所以在預覽時無法正常載入。