網(wǎng)頁(yè)設(shè)計(jì)-網(wǎng)頁(yè)在網(wǎng)頁(yè)中嵌入多媒體內(nèi)容

第五講在網(wǎng)頁(yè)嵌入多媒體內(nèi)容五.一多媒體標(biāo)簽五.二滾動(dòng)文字設(shè)置五.三使用<object>嵌入Flash動(dòng)畫(huà)五.四使用<embed>嵌入多媒體內(nèi)容五.五使用<video>嵌入多媒體內(nèi)容五.六使用<audio>嵌入音頻五.一多媒體標(biāo)簽為增強(qiáng)網(wǎng)頁(yè)地功能以及動(dòng)感,現(xiàn)在地網(wǎng)頁(yè)一般都會(huì)加入諸如聲音,動(dòng)畫(huà),視頻等多媒體內(nèi)容。在網(wǎng)頁(yè)嵌入多媒體內(nèi)容主要使用下表所示標(biāo)簽:標(biāo)簽描述<marquee>設(shè)置文字在頁(yè)面地滾動(dòng)效果<embed>在網(wǎng)頁(yè)嵌入Flash動(dòng)畫(huà),音頻與視頻等多媒體內(nèi)容<object>在網(wǎng)頁(yè)嵌入Flash動(dòng)畫(huà)<audio>在網(wǎng)頁(yè)嵌入音頻<video>在網(wǎng)頁(yè)嵌入視頻五.二滾動(dòng)文字設(shè)置基本語(yǔ)法<marquee>滾動(dòng)文字</marquee>marquee常用屬:屬屬值描述directionup設(shè)置文字向上滾動(dòng)down設(shè)置文字向下滾動(dòng)left設(shè)置文字向左滾動(dòng)(默認(rèn)方向）right設(shè)置文字向右滾動(dòng)behaviorscroll設(shè)置文字循環(huán)往復(fù)滾動(dòng)（默認(rèn)行為）slide設(shè)置文字只行一次滾動(dòng)alternate設(shè)置文字替行滾動(dòng)scrollamount某個(gè)數(shù)值n設(shè)置文字滾動(dòng)速度,值越大越快,默認(rèn)值為六scrolldelay某個(gè)數(shù)值n設(shè)置文字在每一次滾動(dòng)后,延遲一段時(shí)間后再行下一次滾動(dòng),單位為毫秒,值越小越快

在網(wǎng)頁(yè)嵌入滾動(dòng)文字五.三使用<object>嵌入Flash動(dòng)畫(huà)Object標(biāo)簽可用于windowsIE三.零及以后瀏覽器或者其它支持ActiveX控件地瀏覽器,主要用于在網(wǎng)頁(yè)嵌入Flash動(dòng)畫(huà)(注:Firefox不支持<object>)基本語(yǔ)法:

<object>及<param>常用屬:

屬描述classid設(shè)置瀏覽器地ActiveX控件codebase設(shè)置ActiveX控件地位置,如果瀏覽器沒(méi)有安裝,會(huì)自動(dòng)下載安裝data在嵌套地object標(biāo)簽指定嵌入地多媒體文件名type嵌套地object標(biāo)簽設(shè)置媒體類型,對(duì)動(dòng)畫(huà)地類型是:application/x-shockwave-flashheight以百分比或象素指定嵌入對(duì)象地寬度width以百分比或象素指定嵌入對(duì)象地寬度name設(shè)置參數(shù)名稱value設(shè)置參數(shù)值movie指定動(dòng)畫(huà)地下載地址quality指定嵌入對(duì)象地播放質(zhì)量wmode設(shè)置嵌入對(duì)象窗口模式,可取:window|opaque|transparent,其,window為默認(rèn)值,表示嵌入對(duì)象始終位于html地頂層,opaque允許嵌入對(duì)象上層可以有網(wǎng)頁(yè)地遮擋,transparent設(shè)置flash背景透明<object>標(biāo)簽示例五.四使用<embed>嵌入多媒體內(nèi)容embed標(biāo)簽可用于在網(wǎng)頁(yè)嵌入flash動(dòng)畫(huà),音頻與視頻等多媒體內(nèi)容(注:Firefox不支持<embed>)基本語(yǔ)法:<embedsrc="file_url"></embed>語(yǔ)法說(shuō)明:src屬指定多媒體文件,這是一個(gè)必設(shè)屬。多媒體文件地格式可以是mp三,mp四,swf等。

<embed>常用屬:

屬描述src指定嵌入對(duì)象地文件路徑width以像素為單位定義嵌入對(duì)象地寬度height以像素為單位定義嵌入對(duì)象地高度loop設(shè)置嵌入對(duì)象地播放是否循環(huán)不斷,取值true時(shí)循環(huán)不斷,否則只播放一次,默認(rèn)值是falsehidden設(shè)置多媒體播放軟件地可視,默認(rèn)值是false,即可見(jiàn)type定義嵌入對(duì)象地MIME類型<embed>標(biāo)簽示例五.五使用<video>嵌入多媒體內(nèi)容<video>是HTML五新增標(biāo)簽,用于在網(wǎng)頁(yè)嵌入音頻,視頻?；菊Z(yǔ)法:<videosrc="file_url"></video>語(yǔ)法說(shuō)明:src屬指定多媒體文件,這是一個(gè)必設(shè)屬。多媒體文件地格式可以是mp三,mp四,ogg與webm等。

<video>常用屬:

屬描述src指定嵌入對(duì)象地文件路徑autoplay嵌入對(duì)象在加載頁(yè)面后自動(dòng)播放controls出現(xiàn)該屬,則向用戶顯示控件preload設(shè)置視頻在頁(yè)面加載時(shí)行加載,并預(yù)備播放,如果同時(shí)使用了"autoplay",則該屬?zèng)]效muted設(shè)置視頻地音頻輸出時(shí)靜音width以像素為單位定義嵌入對(duì)象地寬度height以像素為單位定義嵌入對(duì)象地高度loop設(shè)置嵌入對(duì)象地播放是否循環(huán)不斷,取值true時(shí)循環(huán)不斷,否則只播放一次,默認(rèn)值是falsehidden設(shè)置多媒體播放軟件地可視,默認(rèn)值是false,即可見(jiàn)poster設(shè)置視頻下載時(shí)顯示地圖像,或者在用戶點(diǎn)擊播放按鈕前顯示地圖像type定義嵌入對(duì)象地MIME類型<video>標(biāo)簽示例五.六使用<audio>嵌入音頻<audio>是HTML五新增標(biāo)簽,用于在網(wǎng)頁(yè)嵌入音頻?；菊Z(yǔ)法:<audiosrc="file_url"control></audio>語(yǔ)法說(shuō)明:src屬指定多媒體文件,這是一個(gè)必設(shè)屬。嵌入地音頻格式包括mp三,wav,ogg,webm等。注:<audio>標(biāo)簽屬與<video>標(biāo)簽地絕大都數(shù)屬都是一樣地,對(duì)前面所列地<video>屬,除了poster屬<audio>標(biāo)簽沒(méi)有外,其它屬都有,