首页 理论教育 在网站制作基础中学会如何插入背景音乐

在网站制作基础中学会如何插入背景音乐

时间:2023-11-09 理论教育 版权反馈
【摘要】:步骤1使用鼠标右键单击“MyWebsite”站点列表项的根文件夹,选择弹出快捷菜单中的命令,将“untitled”默认的文件名改为“audio”,按回车键确认修改。图2-3-2添加代码提示说明:通过设置 audio 标记中的不同属性来控制开始播放和播放频率等功能,常用的属性值如表2-3-1所示。表2-3-1audio常用属性说明步骤3点击菜单的命令,然后再点击面板的图标,使网页在浏览器中预览,预览效果如图2-3-3所示。

在网站制作基础中学会如何插入背景音乐

视频08

在网页制作的过程中,会有很多不同文件类型素材,为了方便快速查找和使用这些素材,可以将不同的文件类型分类存储到文件夹中,接下来的操作,会在根目录下创建一个名为“music”文件夹来存储音乐相关的素材。

步骤1 使用鼠标右键单击“MyWebsite”站点列表项的根文件夹,选择弹出快捷菜单中的【新建文件夹】命令,将“untitled”默认的文件名改为“audio”,按回车键确认修改。并将1个名字为“chengdu.mp3”的文件拷贝到站点的audio文件夹中,如图2-3-1所示。

图2-3-1 拷贝图片素材

步骤2 用鼠标双击“MyWebSite”站点列表中的新建名为“audio.html”的文件,切换到【代码试图】,然后在<body>与</body>中添加如下代码,其中,代码<marquee direction=“up”>的作用是让内部的段落按照从下往上的顺序滚动歌词,<audio>标记的作用是在网页中播放音频文件,src、autoplay和controls都是该标记的属性,如图2-3-2所示。

图2-3-2 添加代码

提示说明:通过设置 audio 标记中的不同属性来控制开始播放和播放频率等功能,常用的属性值如表2-3-1所示。

表2-3-1 audio常用属性说明

图2-3-3 预览效果(www.xing528.com)

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈