将MP3添加到jquery以获取背景音乐

时间:2017-02-18 01:50:26

标签: javascript jquery audio

我的jquery滑块的基本结构如下: HTML:

<div id="slideshow">
    <img src="img1.jpg" style="position:absolute;" class="active" />
    <img src="img2.jpg" style="position:absolute;" />
    <img src="img3.jpg" style="position:absolute;" />
</div>

CSS:

<style type="text/css">
    .active{
        z-index:99;
    }
</style>

Jquery的:

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

现在,我想添加一个MP3文件来播放背景音乐,该音乐应具有以下属性:加载时自动播放= yes,loop = yes,音量= 50

我应该使用哪些代码以及它应放在何处? (不想显示控件)

谢谢。

1 个答案:

答案 0 :(得分:1)

你可以这样试试,

<audio autoplay preload='auto' loop id="myAudio">
  <source src="song name with extension" type="audio/mpeg" >
</audio>

对于音量:

var aud = document.getElementById("myAudio");
aud.volume = 0.5; // default 1 means 100%

预加载 - &gt;作者认为浏览器应该在页面加载时加载整个音频文件

  

注意:对于移动设备,您必须提供点击事件才能加载音频/视频。

请记住,您应该在歌曲名称中提供绝对路径或保留该文件

一旦尝试。

它应该有用。