9-多媒体

web 流行的原因之一是可以在网页中加入图像,声音,动画和电影文件。多媒体数据的数据量大,限制了它们的传播,但新技术(宽带和流技术)使多媒体网页成为了可能。

1. FLASH动画的插入

  • 使用<embed>...</embed>标记插入FLASH动画
属性名属性值说明
srcURLflash路径
width像素或百分比flash宽度
height像素或百分比flash高度
wmodewindow使用flash自身的矩形窗口播放
opaque使flash隐藏后面的所有内容
transparent使flash背景透明

实例 :

<embed src="multimedia/top.swf" width="500" height="300" wmode="opaque"></embed>

  • 使用<object>...</object>标记插入FLASH动画
属性名属性值说明
typeapplication/x-shockwave-flashflash类型
dataURLflash路径
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视频
属性名属性值说明
srcURLmp3音频或WAV视频路径
width像素或百分比宽度
height像素或百分比高度
autostarttrue/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视频
属性名属性值说明
dataURLmp3音频或WAV视频路径
width像素或百分比mp3音频或WAV视频宽度
height像素或百分比mp3音频或WAV视频高度

实例 :

    <object data="multimedia/认真的雪.mp3">
        <param name="autostart" value="false">
    </object>

3. 网络流媒体视频的插入

主流视频流:优酷网、土豆网、我乐网
各个网站视频下方有链接可以复制

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值