jsp页面添加背景音乐

kk的个人主页 注：使用标签。

1、autostart属性：是否在音乐加载完之后就自动播放。true是要，false是不要，默认值是false。

2、loop属性：值可以是true/false/整数，用来设定是否要自动反复播放，loop=2表示重复两次，若要无限次重复可用loop=true。

3、starttime属性：值是"分：秒"用来设定歌曲开始播放的时间。一般不用设定，即从开始播放到结尾。

4、volume属性：用来设定音量大小，值是0-100。

5、width和height属性：只是整数，用于设定控制面板的宽度和高度。

6、align属性：用于设定面板和文字的对齐方式。值包括top/bottom/center/baseline/left/right/texttop/middle/absmiddle/absbottom。

7、controls属性：值包括console/smallconsole/playbutton/pausebutton/stopbutton/volumelever，用于设定控制面板的样式，默认值是console。

8、hidden属性：值是true/false，若加上这个属性，控制面板会隐藏。

个人工作笔记

1.创建Audio元素的方法：

（1）document.createElement() 方法

（2）new Audio()

2.音乐播放

相关资料：

https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement

// 使用js生成Audio元素的方法

var audio = document.createElement('audio')//生成一个audio元素

audio.controls = true//这样控件才能显示出来

audio.src = 'dar.mp3'//音乐路径

document.body.appendChild(audio)//把它添加到页面中

var maudio = new Audio()

maudio.controls = true//这样控件才能显示出来

maudio.src = 'dar.mp3'//音乐路径

document.body.appendChild(maudio)//把它添加到页面中

// 背景音乐

var bgAudio = new Audio()

bgAudio.setAttribute("src","dar.mp3")

bgAudio.loop = false

// 音乐开始播放

bgAudio.play()

$(".btn").on("click",function(){

// 音乐停止播放

bgAudio.pause()

// 音乐从头开始播放

bgAudio.currentTime = 0

})

//判断音乐播放结束

audio.addEventListener('ended',function(){

    console.log("33")

},false)

添加html标签即可，控制开关就是controls属性打开，如下：

<audio

src="你的音频文件url"

autoplay

loop

controls></audio>

注：1.你是对游戏添加的，loop，autoplay，是必要的。controls是出现控制开关；

2.支持的音频：.mp3、.wav、.ogg，三种格式；

---