[经验总结]JS切换背景音乐的代码

最新推荐文章于 2023-10-31 23:31:56 发布

原创最新推荐文章于 2023-10-31 23:31:56 发布 · 4.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#音乐 #border #function #javascript #table #网络

新技术同时被 3 个专栏收录

45 篇文章

订阅专栏

开源软件

45 篇文章

订阅专栏

WEB技术

20 篇文章

订阅专栏

本文作者分享了在实际操作中遇到的JS切换背景音乐的问题，指出网络上常见方法的不足，并从一个韩国网站获得灵感，揭示了解决方案的关键在于添加适当的延迟。通过这种方法，可以确保音乐平稳切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Author:	Thinkhy
Date:	2010.04.21.
Url:	http://www.disandu.com/?p=731
Keyword:	JS切换背景音乐 JS控制背景音乐 JAVASCRIPT

网络上介绍JS切换背景音乐的方法大多不可行，最后在一个韩国网站上找到解决办法，原来切换音乐时需要一个延时。

  musicStatus = false;

 

  // 背景音乐，播放特定曲目,空曲目，暂停音乐

  function playmusicfile(musicfile)

  {  

      var objMusic = document.getElementById("bgmusic");

      if (!objMusic)

          return;

 

      if (musicfile == "") // 这几行处理，播放空文件时延迟一段时间才停止音乐的问题

      {

          if (typeof objMusic.pause == 'function')

          {

              objMusic.pause(); // 遇到空文件，先关闭之前的音乐

          }

      }

 

      var parEle = objMusic.parentNode;

      parEle.removeChild(objMusic);

 

      var newEle = document.createElement("embed");

      newEle.setAttribute("id","bgmusic");

      newEle.src=musicfile;

      newEle.setAttribute("hidden","true");

      newEle.setAttribute("autostart","false");

      parEle.appendChild(newEle);

 

      if (musicStatus == "pause")

      {

          setTimeout(musicStop, 300); // 注意这里需要一个延时等待背景音乐文件载入内存

      }

      else if (musicStatus == "play")

      {

          setTimeout(musicPlay, 300);

      }

 

      // objMusic = newEle;

  }

 

  function musicStop() {

      if (bgmusic && (typeof bgmusic.stop == 'function' 

              || typeof bgmusic.stop == 'unknown')) // 有时候bgmusi.stop是unknown类型

          bgmusic.stop();

  }

 

  function musicPlay() {

      if (bgmusic && typeof bgmusic.play == 'function'

              || typeof bgmusic.play == 'unknown')) // 有时候bgmusi.play是unknown类型

          bgmusic.play();

  }