web 流行的原因之一是可以在网页中加入图像,声音,动画和电影文件。多媒体数据的数据量大,限制了它们的传播,但新技术(宽带和流技术)使多媒体网页成为了可能。
1. FLASH动画的插入
- 使用
<embed>...</embed>
标记插入FLASH动画
属性名 | 属性值 | 说明 |
---|---|---|
src | URL | flash路径 |
width | 像素或百分比 | flash宽度 |
height | 像素或百分比 | flash高度 |
wmode | window | 使用flash自身的矩形窗口播放 |
opaque | 使flash隐藏后面的所有内容 | |
transparent | 使flash背景透明 |
实例 :
<embed src="multimedia/top.swf" width="500" height="300" wmode="opaque"></embed>
- 使用
<object>...</object>
标记插入FLASH动画
属性名 | 属性值 | 说明 |
---|---|---|
type | application/x-shockwave-flash | flash类型 |
data | URL | flash路径 |
width | 像素或百分比 | flash宽度 |
height | 像素或百分比 | flash高度 |
<object>
可使用子标签<param>
完成flash插入
属性名 | 属性值 | 说明 |
---|---|---|
name | 属性名 | flash属性名 |
value | 属性值 | flash属性值 |
实例 :
<object type="application/x-shockwave-flash" data="multimedia/top.swf" width="500" height="300" >
</object>
2. mp3音频及WAV视频的插入
- 使用
<embed>...</embed>
标记插入mp3音频及WAV视频
属性名 | 属性值 | 说明 |
---|---|---|
src | URL | mp3音频或WAV视频路径 |
width | 像素或百分比 | 宽度 |
height | 像素或百分比 | 高度 |
autostart | true/false | 自动/非自动播放,有些浏览器不支持 |
loop | 数字 | 循环播放次数 |
实例 :
<embed src="multimedia/认真的雪.mp3" width="50%" height="30%" autostart="false"></embed>
背景音乐更老的做法 :
<head>
<title>我的多媒体实验</title>
<bgsound src="multimedia/认真的雪.mp3" loop="1">
</head>
- 使用
<object>...</object>
标记插入mp3音频或WAV视频
属性名 | 属性值 | 说明 |
---|---|---|
data | URL | mp3音频或WAV视频路径 |
width | 像素或百分比 | mp3音频或WAV视频宽度 |
height | 像素或百分比 | mp3音频或WAV视频高度 |
实例 :
<object data="multimedia/认真的雪.mp3">
<param name="autostart" value="false">
</object>
3. 网络流媒体视频的插入
主流视频流:优酷网、土豆网、我乐网
各个网站视频下方有链接可以复制