h5页面添加背景音乐

个人工作笔记

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)

你可以通过意派Epub360的音频组件在H5中添加自己的音乐，并设置一些特殊的效果。具体 *** 作步骤如下：

1.找到音频组件并点击。

2.显示音频素材d窗，点击添加标志，即可将音频添加到页面。

3.音频属性设置：只需勾选元素组件属性下的属性框，即可设置自动播放、循环播放、显示控制条（显示音乐的播放控制条）、预先加载（避免出现打开H5作品后音乐迟迟不播放的情况）这四种音频属性。

4.音频预览及替换：点击素材资源下的眼睛标志可以预览音频，点击上传标志可以替换音频。

5.其他设置：你可根据自己的需要，在音频开始或结束播放时，设置一些动画或触发效果。

您好，可以打开epub360编辑器，在上方工具栏找到音频选项，点击后上传mp3格式 音频就可以了，噢，差点忘记说了，epub360 H5是一款专业的H5工具，可视化的编辑器，有很多丰富的组件，专业功能使用，负责的客服帮助解答，希望可以帮到楼主。

---