HTML音乐设置音量

音频标签是 audio， 它跟视频标签 video 的用法基本是一样的。属性， src 指定播放的音频地址， 现在页面上是什么显示也没有，也没有播放音乐，现在加个属性 controls， 他是显示播放空间， 点击播放按钮开始播放音乐， 加上奥特 play 属性会自动播放。 去掉 ctrl 属性， 现在页面上没有显示了，但是有音乐在播放。 loop 是循环播放音乐，播放结束后会重新开始播放。 奥迪欧标签内也可以 进入 souse 来加载音频。

你分开手， 向前转， 爱的。

执行后在那个托盘上有个图标，右键在这里可以看到有个选项，我们可以设置他的音量， 左键往右音量最大，往左音量最小，左键这里可以选择点击有没有光圈的效果，你看现在我们点击是有光圈效果的，左键 左键左键去掉之后就没有了。左键右键双击左键右键左键左键左键左键左键 左键左键左键当前功能比较简单， 大家有什么特殊的需求的话，我们可以定制开发左键，看一下软件主页，鼠标发声器，鼠标点击发出声音，可以设置发出的音量大小。更换声音文件， 左键左键更换声音文件呢？在程序文件夹下面有个 data 目录，双击， 我们进去之后可以看到这里有三个音频文件，左键分别对应左键、 左键、右键右键，还有双击双击 double click， 左键支持全局鼠标事件，就 在电脑上所有操作都是可以响应的。左键右键双击对应不同的声音，音量可以滑动设置，就这样可以滑动往右使音量变大。可选点击动画效果啊，目前只有一种动画效果， 程序退出，在这里右键可以退出， 如果比如说希望实现一些自定义功能，我们可以联系电子开发。

好，接下来呢，咱们来带同学们介绍一下媒体标签中的音频标签，那咱们这边所说的音频标签呢，它所针对的场景就是能在咱们当前的网页中插入一段音频，也就是同学们平时所知道的音乐。 那么如果咱们想在自己的网页中也能播放一段音频，咱们可以怎么样去做呢？哎，其实很简单，咱们只要学会音频标签的代码呢即可，咱们音频标签的代码呢，其实就是凹丢这么一个标签， 然后呢，咱们能通过凹凸有标签身上的相关属性来控制他的一些相关效果。好，那么接下来呢，咱们就来带同学们 通过实际的代码来去演示一下。那么在这里呢，老师准备好了一个小的网页， 现在呢，咱们想在当前的网页中去播放一段音频，那么首先呢，咱们就得应用到刚才所讲到的音频标签，叫做 out you， 单词是 a o d i o， 写完之后按下太普键哎，会帮咱们自动生成一个凹凸标签，并且咱们会发现凹凸标签是由两部分所组成的，它属于哪一类标签呢？哎， 对的，属于咱们的双标签，并且同学们会发现在凹凸标签的身上还自带了一个 src 属性， 这个属性咱们之前见没见过呢，哎，完全是见过的，咱们刚刚在学习以魅击标性的时候呢，咱们是见过他的，同理，咱们这边所看到的 sos 属性呢，他里面填写的也是一个路径， 只不过咱们凹这个标签要找的可不是图片哦，他要找的是咱们所需要播放的音频，填写的是音频的路径。 那么正巧呢，咱们在当前的文件夹中，老师已经准备好了一个 miut 点 mp 三这么一个文件奥，咱们当前的网页呢是十四音频标签点 htm， 很明显会发现当前网页和目标文 文件他俩是在同一个目录下面的，属于咱们刚才所讲到的相对路径中的哪一种情况呢？哎， 对的，是咱们刚才所讲到的同级目录的情况，咱们只要直接写上点杠，是有对应的提示的，找到当前目录下面的 miss 点 mp 三即可。好，路径写正确之后，那现在网页中应该能播放咱们的音频了呀，此时来去刷新，哎，刷新刷新， 咱们会发现当前网页中有播放咱们的音频吗？明显是没有的，那这是怎么一回事呢？哎，那这里呢，同学们就需要注意一下了， 咱们平时比如说使用一些播放器来播放音乐的时候呢，咱们会发现并不是软件一打开咱们就播放音乐了，而是呢，咱们需要点击一些播放按钮啊，进度条啊等一些东西，他才会播放的。 同理，咱们想在网页中播放一段音频呢，咱们其实也需要相关的播放控件才能完整的控制， 那么如何设置咱们播放的空间呢？哎，其实很简单，咱们只需要使用他身上的一个属性叫做 ctus 呢就行了， 他就是来控制显示播放的空间的，那么咱们就在 otel 标线的身上写上 ctuse 呢就行了。而且 这边告诉同学们哟，咱们针对于标签身上的一些属性呢，虽然说感觉比较长，但是呢都是有提示的，同学们只要眼熟他，选对人呢就行了。那老师这边来选择当前的 ctrl x 点击一下，哎， 咱们会发现一个比较特殊的地方，咱们之前比如说想设置抬头属性的时候呢，咱们写上抬头有提示，咱们点一下，他后面呢是帮咱们自动普全了等于号和引号表示呢，咱们要记得写抬头属性的属性值 啊，咱们刚才在选择 ctus 的时候，他帮咱们补全了等于号，引号吗？明显是没有的。那这呢就是 let 想告诉你，咱们 ctrl 这个属性，他所对应的属性值呢是可以省略的，咱们不写属性值呢，他同样是有效果的，这一点呢，同学们稍微注意一下哦，好， 写完了肯救字属性之后，咱们再来看效果哦，咱们来去刷新哎，当前的网页中就出现了咱们很熟悉的播放你哦，进度条，时间呢等等之类的，而且此时老师点击播放你哦， 哎，咱们会发现当时的音乐完全是可以播放的，除了可以播放之外呢，咱们还可以 拖动他的进度条放到后面去，而且呢还能控制咱们的音量变小啊，变大啊，完全都是可以的。 好，那么学会了咱们 ctrl 的属性之后，咱们已经能完成基础的音频播放了。那么下面呢，还有两个属性也给同学们拓展说明一下。 比如说呢，有些时候咱们可能会发现，有的网页呢，网页一刷新立马会播放咱们的音频， 那针对这个功能来说呢，是咱们常见的自动播放的功能，但是呢，默认来说，咱们所写的音频刷新之后呢，是不会自动播放的。如果同学们想自动播放呢，可以使用这么一个属性叫做 凹凸不累，那么咱们就在标签身上加上一个凹凸不累哦，选择这边的提示就行了，同样没有帮咱们补全，等于号引号表示属性值呢，是可以省略的， 那么写完凹凸不累之后，咱们来看能不能自动播放哦，此时来去刷新哎， 刷新刷新咱们会发现并没有自动播放，那针对这一个情况来说呢，老师需要解释一下哦， 咱们奥杜普类这个属性呢，确实是来控制自动播放的，但是呢，他部分浏览器是不支持的，比如说谷歌浏览器中就将这个效果呢给禁用掉了，但是呢，咱们其他浏览器有一些是支持的，比如 说给同学们演示一下哦，咱们在 vsk 中右击选择其中的欧喷音阿泽， 选择其他浏览器，打开这边呢，咱们就选择一个 a 浏览器就行了，咱们点击一下， 点完了之后呢，下方问咱们是否允许住址的内容，咱们点击允许，那此时呢，咱们会发现网页一刷新，他这边就会自动帮咱们播放了，对于 a 浏览器来说呢，完全是没问题的。 好，那正对这个效果来说呢，同学们大概知道就行了，这个属性呢，有一些浏览器支持，有一些浏览器不支持，那咱们可能会说这个属性呢，存在一定的坚 荣幸问题。好，除了咱们奥特普类需要同学们认识的之外呢，咱们播放音乐的时候还可能会出现这么一个效果，咱们音乐播放完了之后，咱们会让他循环不断的重复播放，但是咱们 当前的效果呢，咱们点击播放，将进度条放到最后，之后，我们来看默认会不会自动播放哦，五六七， 发现一遍播放完之后，他就直接停下来了，如果同学们想让他循环的不断播放呢，咱们是要借助于一个属性来去完成的， 这个属性呢就是这边的路 pa 循环播放，那此时呢，咱们找到当前的标签，加上一个路帕 属性，洗完之后来去刷新。此时咱们再来播放，将进度条放到最后，咱们再来看效果哦，来放手 五六七，哎，他还是能循环不断的播放的好。那说到这里呢，咱们就带同学们介绍完了音频标签的常见属性， 那最终呢，咱们再给同学们补声说一个小的注意点，注意点就是咱们目前音频标签呢，他只支持三种格式的音频， 比如说 mp 三 wav 以及 ogg 格式的，因为咱们浏览器它毕竟不是一个专门的音乐播放器，所以呢， 他仅支持这三种常见的格式。而推荐同学们在之后使用应聘标签的时候呢，以咱们 m p 三格式为主呢就行了。好，那最后呢，咱们来带同学们进入小阶环节。首先第一个问题， 如果咱们想在网页中插入一段音频，咱们需要使用什么样的标签呢？哎， 对的，就是咱们刚才所使用的 autu 标签，哎呦， dl 好。第二个问题， 咱们音频标签有哪些常见的属性，同学们还记得吗？哎，对的，咱们音频标签呢，常见的有这么几个属性，第一个呢， ss c 表示音频的入境，第二个呢， ctrl 表示显示音频播放的控件，还有咱们的凹凸不类自动播放，但是呢，他存在一定的兼容性问题，有一些浏览器呢，他并不支持， 还有咱们的 apple 表示循环播放的效果好。说到这里呢，咱们就带同学们介绍完了音频标签的相关内容。

走过多少路口，听过多少叹息，我认真的看你。

我是靠边的。

好，我们回家上节课内容啊，上节课做了一个动画，动画的关键字是什么呢？ kfrims， 哎，注意有 skfrim 叫什么呢？ max， 买福尔斯，这这随随便哪的，比如说买福尔斯也成，哎，买福尔斯的 idmat 也成，那你这改了，你这块改了，就必须把这块也也改上，只要这块这样这两个对应上就可以。 然后 k 弗莱姆斯里面用大括号，这边是大括号把它包裹起来，里边有什么呢？有一个 flam， 这块有个兔，哎，弗朗有个兔，哎，从什么到什么，哎， 这就是你的 p flams 的设置，设置好了之后，对你的具体标签设置 imat 属性， imax 属性，里面有什么呢？他的关键针是哪个？哪个关键针？然后是多长时间？然后是 如何的变化，对吧？是是是，变化几次，对吧？变化几次，那那，那你说这玩意是对应的什么东西啊？比如说这个玩意对应的其实是 其实是他的一些属性，比如说这个丢瑞士就是所花费的时间，比如说我们的两秒钟，还有什么呢？还有这个因特，瑞士 cat， 如果是默认是一的话就变一次，如果是因费，那他就是多次，对吧？多次 n 或者因分类是这样的过程。那现在我如果说想把这个一首唐诗加上一些这个 音乐怎么做？比如说微信看到了，哎，他其实是应该有音乐的，这个音乐怎么弄呢？就打开奥迪审，然后录制一段音乐。音乐怎么做呢？首先要开奥迪审，哎，如果不清楚的话，可以搜一下 奥迪审空格 oez， 有有这个 au 的一个教程，开始录录。他的特点是什么？ 大小是四四幺零零啊，位数是十六位，然后哎，十六位，声道，单声道，这就这就可以用这种套路就可以录一个东西好，录一首歌，录什么歌呢？ 好，这歌就有了，这歌有了之后怎么办呢？把它剪切一下，然后呢？文件存储为存储在哪？存储到你的这个 这个位置，优斯尔斯底下的这个你的名就是你 wifi 多少那个工程的那个那个位置，找到了你这个这个工程的位置之后呢，可以新建一个文件夹，比如说就叫 wav， wv， 这个里面放的都是音乐， 都都是音乐，然后呢把它就改个名叫 bgm， bgm， 然后保存一下，保存呢？一确定哎，他就保存上去了，在这看有没有，哎，这块就有这个东西了，这个东西不需要，然后你可以把它删除掉， 删除掉。然后这个东西你可以把它给他艾的就添加到这个给他里边，然后就添添加进来了，就等于进到这个这个这个仓库里了。那怎么上传呢？在这给他，你不是已经艾到了吗？对吧？然后 come me。 卡密滩的铺式，哎，这块新建的这个 bgm 就已经上来了，然后 tst 可能要有改变，把它铺式过来，铺式过来，铺式过 来之后，铺数过来之后呢，我们在这个这个里面就可以看到这块有个 btm 点 wav， 是吧？直接就是放到这个位置了，没有没有这个新建文件夹，那怎么办？ 那要把这个东西挪到这个 wv 里面，然后挪过去， ok， ok。 之后呢，再去把这个文件夹整个卡密他一下，卡密他按的 pose， 这样才行，就把它放到这里边就对了嘛，对吧？现在已经提交到 dwap 上了，然后 wav 里面有这个 bgm， 点 wav 好使不好使呢？在这块听一下， 这个是有的，对吧？ 好， bgm 有了之后怎么插到这个这个这个网页里呢？比如说我们搜 html 五空格音频，他会有一个凹丢凹丢元素，凹丢元素就是这样的一个东西， 那我把这个东西 ctrl c 出来，然后放到这个 ts 的这个文件里边，然后再做呗。先在本地播一遍。 本地他为什么不好使呢？因为这个这个文件的位置不对，我们把这个文件的位置这个粘过来，叫 w av 底下的 bgm 点 wav 好，再去看一下。 好，本地这块你要摁他才播放。那么怎么样自动播放呢？怎么样自动播放？看一下他的 这个属性，看一下他的属性，这个属性有什么呢？有凹凸不赖，对吧？凹凸不赖，凹凸不赖就让他等于凹凸不赖，那就拿过来呗。 ctrl c， 然后等于就加一个属性，在这 不一再也有相应的这个这个教程。就是就是，哎，前面的教程，不过， 哎，这这样他是凹凸不烂了。自动自动模仿了，对吧？自动模仿的，我我我就想让他这个这样，这样可以。你如果不想要 ctrouss 怎么办？不想要 ctrouss 的话，那你就得找他不要 ctrouss 的方法。 在这个 ctrl 四这块等于什么呢？等于 ctros 或者 lowcos， 等于 clos， 或者你把 ctrouss 等于这个东西去掉，这不就没 clus 了吗？ ctrl x， 然后再播放，你看他就不不断的播放，但是，但是没有 ctross， 有的时候还是应该有 ctross 比较好哈。 哎，都看 pose 比较好，这个就完成了。那放到网上能不能连着这个 bgm 就一起好使呢？我们揭秘他一下，然后铺拾到 给他不上， 然后再去刷新一下，看他完没完。 某地 flappssxx， 然后在这其实是输 tst 点怎么样？ 没音乐，没音乐，对吧？音乐，这个这个，这块已经改了，对吧？这块刷一下 ctrosecctrotrotple， 然后我这又见他，然后，然后检查一下，检查一下，看看他的这个波带里边的 这个东西没有，是他现在还没刷过来，是因为有缓存，对吧？哎，这这样刷一下就有了，暂停也好使，对吧？ 这个其实就可以做成一个表白页了。那我把这个沧海笑滔滔两岸潮这个东西做成一个相应歌词动画，可不可以呢？我们下次再说。

今天给大家分享 ayou 标签， au 标签中指定要播放的声音，比如我们常听的音乐或其他音频，留可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。例如视频中立字所示， 当浏览器不支持搜旧标签的时候，就会显示浏览器不支持 n 六标签这写文字。目前支持的音频留有 v、 v、 p 三 啊哎、 vip 等这些格式。标签的语法格是如视频所示。 au 支持的属性，如视频所示，我都会。属性，如果出现在属性定义处，那么当网页内容加载完成之后，就会自动播放声音。肯德 rouse 属性，如果出现在属性定义处，那么页面就会出现音频 控件，比如播放声音调节、进度调节等控件。 loop 属性，如果出现在属性定义处，那么音频播放结束之后会重新开始播放。刘特属性，如果出现在属性定义处，那么音频就会被静音。 pro 属性可以让我们定义是否以及如何在页面加载时加载音频文件，它有三个字， 当职位后的时候，当浏览器内容加载时候就会加载音频文件。当职位 matter data 的时候，当浏览器内容加载时候，就会加载音频的原数据，比如音频时间大小等信息。 当职为难的时候，当浏览器内容加载时候，不会加载任何相关的音频信息，只有当点击播放按钮的时候才会去加载音频流。最后要提醒一下，就是当摄折头拍属性的时候， pro 就会被忽略。 要介绍的最后一个属性是 src， 它的主作用是只想音频留的儿，通常情况下这个属性都会出现在额的右标签中。接下来我们看一下视力代码以及运行效果。 接下来我们介绍一下 b 标签。标签定义粗体文本及标签内的内容在显示的时候是粗体。 根据 dtm 五的规范，比标签应该作为最后的选择，只有在没有其他标记比较合适时才使用它。如何选择请查看视频所示。最后我们看一下比标签的代码，视力以及运行效果。

今天教大家如何使用剪映来制作背景音乐音量大小渐变的效果，下面一起看教程。首先打开剪映 app， 点加号，导入一段视频， 接着点亮视频，先把他的音频分离出来，或者大家可以给视频重新配上背景音乐。 接下来我想要做背景音乐的音量由小到大渐变的效果，那么我们可以点亮这个音频条，在开头位置给他打上一个关键针，点音量，先把他的音量调到零，接着把播放指针移动到大概两秒的位置，再点击音量， 把它的音量调到一百，这个时候在当前位置就会自动添加一个关键帧。如果想要做在结尾处音量逐渐变小的效果，那么 我们可以把播放指针移动到大概五秒的位置，在这里打上一个关键针，然后把播放指针移动到结尾处，在这个位置点音量，把它的音量调为零， 这样就能实现了音量逐渐变小的效果。当然在视频的开头和结尾处的音量渐变效果，我们还有另外一种方法，就是直接点击淡化功能，这里可以调整弹入时长， 也可以调整弹出时长，这样就能实现音量在开头和结尾处的渐变效果。如果想要在视频的中间实现渐变效果，那么我们就使用第一种方法。