HTML5 audio音频标签的使用

在HTML5中我们可以插入这个标签来为网页插入音频文件,用于实现页面的背景音乐来为网页增添气氛,使网页更加丰富。我们要使用这个标签,首先要了解一下这个标签有什么属性。
属性:

  1. src:文件路径或文件源
  2. Controls:是否显示控制部件 当加上次属性在标签上,就可以显示控制插件
  3. Autopaly:当音频文件就绪时是否立即播放 当加上次属性在标签上,就可以在页面加载完毕音乐就开始播放
  4. Loop:是否重复播放,加上次属性在标签上,就可以实现音频的无限循环,不加上就播放一次就停止。
  5. 我们可以给这个标签固定的宽和高,让它显示在页面上,也可以不设值宽高,让它隐藏起来,当作背景音乐的嵌入。根据自己想要的那种效果就运用那种效果
  6. 背景音乐的例子,背景音乐就是一进入页面就可以给你自动播放的,要实现这个功能,可以用下面的例子来实现
    audio src:xxxxxxxxxxx autoplay:autoplay loop:loop />
    上面的例子是一打开页面就开始自动播放音频,并且无限循环。
  7. <audio style=” width:100px;height:100px;” src:xxxxxxxxxxx controls:controller/>
    上面的列子是有一个小窗口的音频播放窗口,并且有控制播放插件。

猜你喜欢

转载自blog.csdn.net/qq_44540112/article/details/86554348