评论

收藏

[Html/CSS] html多媒体应用之网页中插入flash动画、插入音乐

开发技术 开发技术 发布于:2021-09-15 17:11 | 阅读数:426 | 评论:0

一、HTML中多媒体的应用_falsh动画(往网页中插入Flash动画)
1. Flash动画插入第一种方法:使用<embed>...</embed>标记动画会自动缩小
属性:
src=url(Flash路径)
width=像素/百分比(flash宽度)
height=像素/百分比(falsh高度)
wmode
window 使 flash 自身的矩形窗口来播放
opaque 使 flash 隐藏页面上位于它后面
transparent 使 flash的 背景透明
<embed src="../../../素材库/Flash动画素材/文字1.swf" width="600"></embed>
<embed src="../../../素材库/Flash动画素材/图片商业家居广告.swf" wmode="window"></embed>
2.Flash动画插入的第二种方法: 使用<object>...</object>标记插入 flash 动画,也可以通过DW这个软件自动生成代码<object>,插入--多媒体--选择文件
二、HTML中多媒体的应用_mp3(往网页中插入音乐)
1.使用<embed>...</embed>
属性 值   说明
utostart    true/false    自动/非自动播放
loop    数字    音乐循环的次数(不加是无限)

它的前身是<bgsound src="URL" loop="次数"> 可以用作背景音乐

代码如下:
<embed src="../../../素材库/蔡淳佳 - 等一个晴天.mp3" autostart="true" loop="4"></embed>
<bgsound  src="../../../素材库/邓紫棋 - 回忆的沙漏.mp3"/>
2.使用<object>...</object>标记插入 MP3 音乐
属性  值  说明
name   src(路径)音乐路径
utoplay(true/false)是否自动播放


代码如下:
<object data="../../../素材库/蔡淳佳 - 等一个晴天.mp3">
<param name="src" value="../../../素材库/蔡淳佳 - 等一个晴天.mp3"/>
<param name="autoplay" value="flase" />
</object>
三、设置可以活动的文字
<marquee>要活动文字</marquee>(有局限性,有些浏览器支持不好)
属性:
direction="滚动方向"(left(左(默认)),right(右),up(向上),down(向下))
behavior="滚动方式"(scroll(一圈一圈绕着走),slide(只走一次),alternate(来回的走))
loop="滚动的循环次数"默认循环不止(infinite)
scrolldelay="延时"(走一步,停一步)
scrollmount="速度"(数值越大越快)
bgcolor="背底颜色"
width="宽度"
height="高度"
hspace="像素" 左右两侧离浏览器边界的间距
vspace="像素" 上下两侧离浏览器边界的间距
onmouseover="this.stop()":鼠标放上去的时候停止滚动
onmouseout="this.start()"拿开鼠标继续滚动


代码如下:
<body>
<marquee direction="left" behavior="scroll" scrollamount="3" bgcolor="#FFFFCC" width="440" height="250" hspace="100" vspace="100"   onmouseout="this.start()">
<ul type="square">
<li>公安部副部长李东生被查 中央反腐已深入政法委高层</li>
<li>路透:比利时公司曾帮中国北斗系统写代码</li>
<li>自媒体变局:娱乐业经纪人模式可以一试</li>
<li>国务院智囊批银行暴利:小狗坐行长座上也赚钱</li>
<li>西藏党委书记:2013年西藏民众安全满意度98%</li>
<li>盘点著名"公共情妇":均与多名贪官有染(图)</li>
<li>外媒指中国公务员成饭碗附庸 人生没有意义</li>
<li>刘强东瘦成一道闪电 游学归来想念李国庆</li>
<li>朝鲜警告将打击韩国 韩美军方高层视察西部前线</li>
<li>从马丁路德金误入广告说文化差异</li>
 <li>重庆调整国企领导管理体制 严格执行60岁退休</li>
</ul>
</marquee>
</body>
关注下面的标签,发现更多相似文章