如何给自己的网站添加背景音乐

现在的网页设计越来越普遍,现在小编就来为小伙伴们演示如何在网站添加背景音乐。

操作方法

  • 01

    在桌面新建一个文件夹,任意命名,里面再新建一个文件夹,取名music(一定要和你保存的网页在同一个文件夹内)

  • 02

    打开你新建的网页,就是index

  • 03

    我为了方便观看,我设置了背景颜色的,然后输入代码 <audio controls autoplay="autoplay"> <source src="./music/1.mp3">(他可以自动播放)

  • 04

    点击调试,或者按F12,出现一个对话框,点击允许,就可以了

  • 05

    最后成功的图片模板

(0)

相关推荐

  • 网站建设怎么添加背景音乐

    对于站长来说,如何能使自己的网站与众不同.充满特点,一直是不懈努力的目标.除了尽量提高页面的视觉效果.互动功能以外,如果能在打开网页的同时,听到一曲优美动人的音乐,相信这会使你的网站增色不少. 步骤/ ...

  • 怎样添加qq空间背景音乐,QQ空间怎么免费添加背景音乐

    偶尔进入一好友的QQ空间,被TA的优美QQ空间背景音乐吸引,安静听完之后,回到自己的QQ空间之后,觉得太单调。那么怎样添加qq空间背景音乐?QQ空间怎么免费添加背景音乐呢? 第一步:打开并登陆你的QQ ...

  • 爱剪辑视频怎么添加背景音乐和音效

    一、添加及截取音频 添加视频后,在“音频”面板点击“添加音频”按钮,在弹出的下拉框中,根据自己的需要选择“添加音效”还是“添加背景音乐”选项。然后在弹出的文件选择框中,选择要添加的音频文件后,进入“预 ...

  • 爱剪辑视频怎么添加背景音乐和音效?(爱剪辑片头特效如何加音频)

    一.添加及截取音频 添加视频后,在"音频"面板点击"添加音频"按钮,在弹出的下拉框中,根据自己的需要选择"添加音效"还是"添加背景 ...

  • 360快剪辑怎么给视频添加背景音乐?

    360快剪辑编辑视频很简单,今天我们就来看看360快剪辑给视频添加背景音乐的教程,请看下文详细介绍. 1.找到官网打开网站下载软件 2.成功安装后打开软件 3.点击(本地视频)或双击添加视频 4.用鼠 ...

  • 怎么样使用快剪辑软件给视频添加背景音乐

    怎么样使用剪辑软件给视频添加背景音乐 操作方法 01 找到官网打开网站下载软件 02 成功安装后打开软件 03 点击(本地视频)或双击添加视频 04 用鼠标移动下面编辑区域的时间线调整要插入背景音乐的 ...

  • Dreamweaver怎样为网页添加背景音乐

    对于个人站长来说,如何能使自己的网站与众不同.充满个性,一直是不懈努力的目标.除了尽量提高页面的视觉效果.互动功能以外,如果能在打开网页的同时,听到一曲优美动人的音乐,相信这会使你的网站增色不少. 工 ...

  • 怎么给qq空间免费添加背景音乐

    想要QQ空间的背景音乐能播放,首先你的QQ空间要有播放器 下面是免费添加QQ空间播放器的方法 找一个免费的播放器代码如 javascript:window.top.space_addItem(6,35 ...

  • 怎样给Powerpoint 2003文档添加背景音乐功能

    Powerpoint 2003的功能已经相当丰富,但还没有一种直接为整个幻灯片添加背景音乐的功能。虽然我们可以通过依次点击“插入-影片和声音-文件中的声音”的方法来插入音乐(图1),但是当演示到下一张 ...