第七章 在网页中嵌入多媒体内容
7.1 概述
常用多媒體標記:
| <marquee> | 設置文字等對象在頁面中的滾動效果 |
| <embed> | 在頁面中嵌入MP3、視頻等多媒體內容 |
| <applet> | 在頁面中插入java applet小程序 |
| <bgsound> | 設置頁面的背景音樂 |
7.2 設置滾動字幕<marquee>
7.2.1 設置默認效果的滾動字幕
在網頁中要獲得如字幕般的滾動文字效果,可以使用<marguee>標記
基本語法:
<marquee>默認情況下,滾動文字從右向左滾動</marquee>語法說明:處在<marquee>和</marquee>之間的滾動文字將以一定速度從右向左循環滾動,當滾動文字換成時,將獲得圖片的滾動效果
7.2.2 設置滾動字幕的滾動效果
使用<marquee>標記的direction屬性可以修改滾動字幕的滾動方向
基本語法:
7.2.3 設置滾動字幕的滾動行為
默認情況下,滾動字幕循環地以一個方向向另外一個方向的方式滾動
使用<marquee>標記的behavior屬性可以修改滾動字幕的滾動方式
基本語法:
<marquee behavior="滾動行為">滾動文字</marquee>語法說明:滾動文字將以指定的滾動行為進行滾動,behavior屬性可以取回滾、幻燈片和交替往返3個值,其中默認的滾動行為是回滾
7.2.4 設置字幕的滾動速度和滾動延遲特性
滾動速度 =》 scrollamount
滾動延遲特性 =》 scrolldelay
基本語法:
<marquee scrollamount="滾動速度值" scrolldelay="延遲時間">滾動文字 </marquee>語法說明,如下圖:
7.2.5 設置字幕的滾動區域及其背景顏色
默認情況下,字幕將在一個與瀏覽器窗口等寬的白色背景顏色的區域中進行滾動,該區域的高度與滾動方式有關
上下之間的滾動 =》 默認高度為200像素
左右之間的滾動 =》 高度大致為滾動對象的高度
通過marquee標記的屬性width和height可以改變滾動區域的大小
修改滾動區域的背景顏色使用bgcolor屬性
基本語法:
<marquee bgcolor="背景顏色" width="滾動區域寬度" height="滾動區域高度">滾動文字 </marquee>7.2.6 設置字幕的滾動區域與周圍對象的間距
hspace => 水平間距
vspace => 垂直間距
基本語法:
<marquee hspace="水平間距" vspace="垂直間距">滾動文字 </marquee>7.3 嵌入音視頻文件
在網頁中,可以使用嵌入標記<embed>嵌入MP3音樂、電影等多種多媒體內容,也可以嵌入HTML文件
基本語法:
<embed src="file_url"> </embed>在標記中,除了必須設置src屬性外,還可以設置其他屬性獲得所嵌入多媒體對象的不同表現效果,如下:
| src | file_url | 指定嵌入式對象的文件路徑 |
| width | value | 以像素為單位定義嵌入式對象的寬度 |
| height | value | 以像素為單位定義嵌入式對象的高度 |
| loop | true\false | 設置嵌入式對象的播放是否循環不斷,取值true時循環不斷,否則只播放一次,默認值是false |
| hidden | true\false | 設置多媒體播放軟件的可視性,默認為false |
7.4 嵌入Flash動畫
在網頁中嵌入flash動畫,通常使用<object>標記,<object> 元素定義了在 HTML 文檔中嵌入的對象。
該標簽用于插入對象 (例如在網頁中嵌入 Java 小程序, PDF 閱讀器, Flash 播放器)
實列:
<object width="400" height="50" data="bookmark.swf"></object>或嵌入html文件:
<object width="100%" height="500px" data="snippet.html"></object>或嵌入一張圖片:
<object data="audi.jpeg"></object>7.5 設置背景音樂
基本語法:
<bgsound src="file_url" loop="循環次數">語法說明:
src屬性是標記必設的屬性,用于指定嵌入的背景音樂文件。
loop屬性為可選屬性,當取值為某個數字時,表示背景音樂循環播放該數字所指定的次數
如果取值為-1,則表示背景音樂循環不斷播放;默認情況下,背景音樂播放一次
7.6 嵌入Java Applet
Applet 是用Java開發的一種小程序,不能獨立運行,必須嵌入HTML文件中,并通過支持Java的瀏覽器來運行
基本語法:
<applet code="xxx.class" width="區域寬度" height="區域高度"></applet>語法說明:
XXX.class表示所嵌入的applet類文件,width、height屬性用于設置applet文件顯示區域,單位是像素
總結
以上是生活随笔為你收集整理的第七章 在网页中嵌入多媒体内容的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Learning C++ No.14【S
- 下一篇: python 安装环境时出现报错:Con