html5 audio 给博客网页加背景音乐自动播放

2013-11-13

html5 audio 给博客网页加背景音乐可以加上个按钮或者链接让其可停止或暂停

下面代码只是暂停可以弄成暂停播放两种状态切换。。

可以考虑换成a标签

<a href=“#” onClick=“musicPaused()”>停止</a>

<script type=“text/javascript”>
function musicPaused() {
var music = document.getElementById(“clickSound”);
music.pause();
}
</script>
<audio id=“clickSound” autoplay=“autoplay”>
<source src=“http://girls.iganlei.cn/baidupan/1125435669/4178294675.mp3“>
</audio>
<input id=“btn” type=“button” onclick=“musicPaused()” value=“停止” />

需要用css美化下

示例页面
http://www.iganlei.cn/tool/bgaudio.html

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true