個(gè)人工作筆記

1.創(chuàng)建Audio元素的方法：

(1)document.createElement() 方法

(2)new Audio()

2.音樂(lè)播放

相關(guān)資料：

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

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

var audio = document.createElement('audio');//生成一個(gè)audio元素

audio.controls = true;//這樣控件才能顯示出來(lái)

audio.src = 'dar.mp3';//音樂(lè)路徑

document.body.appendChild(audio);//把它添加到頁(yè)面中

var maudio = new Audio();

maudio.controls = true;//這樣控件才能顯示出來(lái)

maudio.src = 'dar.mp3';//音樂(lè)路徑

document.body.appendChild(maudio);//把它添加到頁(yè)面中

// 背景音樂(lè)

var bgAudio = new Audio();

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

bgAudio.loop = false;

// 音樂(lè)開(kāi)始播放

bgAudio.play()

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

// 音樂(lè)停止播放

bgAudio.pause();

// 音樂(lè)從頭開(kāi)始播放

bgAudio.currentTime = 0;

})

//判斷音樂(lè)播放結(jié)束

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

console.log("33");

},false);

總結(jié)

以上是生活随笔為你收集整理的css文件插入背景音乐,h5页面添加背景音乐的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。