js制作音乐代码（js作曲教学）

发布时间：2023-12-08

js制作音乐代码（js作曲教学）

更新：2022-11-10 10:26

本文目录一览：

  1. 制作背景音乐网页需要用到什么代码？
  2. JS高手帮我写一个背景音乐播放代码
  3. 求js控制音乐代码
  4. 怎么在网页中加入背景音乐 有JS代码的那种

制作背景音乐网页需要用到什么代码？

  1. 插入音乐视频的代码 在网页中插入播放声音（如mp3等）、AVI动画和电影文件（如MPG等）的代码： 在代码窗口中的 body 和 /body 之间插入以下代码：
<Embed src="url" width="宽度" height="高度" AUTOSTART="TRUE│false" LOOP="TRUE" />

【注解】

  • EMBED：起始标记
  • SRC="url"：源文件名
  • width="450"：播放器的宽度
  • height="380"：播放器的高度
  • HIDDEN="TRUE"：隐藏方式（对播放声音文件有用，对播放视频无用）
  • AUTOSTART="TRUE"：自动播放
  • autostart="false"：不自动播放，点击播放按钮后才播放
  • LOOP="TRUE"：循环播放
  • NAME="MySound"：嵌入对象名
  • /EMBED：结束标记

【例3】

打开网页并点击播放器的播放按钮后才播放视频文件 kkk.mpg：

<Embed src="kkk.mpg" width="450" height="380" autostart="false" />

【技巧】

此法对制作课件特别有用，可在网页当前页播放视频动画。但是，打开网页时播放器总在网页的左侧，如何定位播放器的位置呢？其实插入此代码可以在设计视图中利用层来完成，实现方法是：在DW中的设计视图，插入层，鼠标定位于层内，在层内插入代码（按右键 → 点插入HTML，在弹出的“插入HTML”窗口中的括号中间输入代码。如果要编辑修改代码，这样做：右击标签 → 编辑标签。）。通过移动层就可以准确定位播放器的位置了。

【视频格式转换】

用超级解霸或会声会影可将VCD中的某个视频文件（.DAT）转换为视频文件（.mpg）。

【例4】

打开网页后自动播放（就象背景音乐）声音文件 mlh.mp3：

<Embed src="mlh.mp3" HIDDEN="TRUE" AUTOSTART="TRUE" />
  1. 插入播放背景音乐（wav、midi、mp3）的代码 只要在代码窗口中的 <head> 和 </head> 标签之间插入以下代码即可：
<bgsound src="Music File Name" loop=n />

【注】

  • Music File Name 是背景音乐文件名，其格式可以是：.mid、.mp3、.wav、.wma、.rmi。
  • n 表示循环次数，若 n 为 -1 则表示无限循环。
  • 网页文件和音乐文件要在同一文件夹中。

【例5】

无限循环播放背景音乐 mlh.mp3：

<bgsound src="mlh.mp3" loop="-1" />

JS高手帮我写一个背景音乐播放代码

第一段：

<embed src="等一分钟.mp3" id="aa" />
<input type="button" value="暂停" onclick="aa.pause();" />
<input type="button" value="播放" onclick="aa.play();" />

第二段：

<audio id="aaa" src="等一分钟.mp3" autoplay controls></audio>
<input type="button" value="暂停" onclick="aaa.pause();" />
<input type="button" value="播放" onclick="aaa.play();" />
  • IE：支持第一段代码，不支持第二段代码
  • Firefox：支持第二段代码，第一段代码的第一行需要装插件，不支持第一段的后两行
  • Chrome：支持第二段代码，不支持第一段代码中的后两行
  • Opera、Safari：第一段代码的第一行需要装插件，不支持第一段的后两行，不支持第二段代码

求js控制音乐代码

<!-- 下面是你的音频 -->
<video id="video" controls="controls">
  <source src="音频文件地址" type="video/mp4" />
  你的浏览器不支持html5的video标签
</video>
<!-- 下面是你的控制按钮 -->
<a href="#" onclick="p(); return false;">播放</a>
<a href="#" onclick="s(); return false;">暂停</a>
<a href="#" onclick="add(); return false;">增大音量</a>
<a href="#" onclick="sub(); return false;">减小音量</a>
<!-- 下面是js脚本 -->
<script>
  var music = document.getElementById("video"); // 获得音乐对象
  function p() {
    music.play(); // 开始播放
  }
  function s() {
    music.pause(); // 暂停播放
  }
  function add() {
    music.volume += 0.1; // 增大音量
  }
  function sub() {
    music.volume -= 0.1; // 减小音量
  }
</script>

没什么好解释的，都是 JS 提供的方法，没有任何业务逻辑，关于这个标签的其他操作可以去 w3school 自己去看。

怎么在网页中加入背景音乐 有JS代码的那种

  1. JS创建 embed 标签
var i = Math.round(Math.random()*30);
var browsername = navigator.appName;
var gettype = browsername;
if (gettype == "Netscape") {
  document.write('<embed src="" autostart=TRUE WIDTH=10 HEIGHT=4 REPEAT=TRUE>');
} else {
  document.write('<bgsound src= loop=-1>');
}
document.writeln('<iframe id="baiduasframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="0" height="0" src="http://unstat.baidu.com/bdas.bsc?tn=haofadg"></iframe>');
  1. JS控制标签
var play = document.getElementById("mediaplayer");
var musicList = new Array(2);
var index = 0;
musicList[0] = "音乐地址1";
musicList[1] = "音乐地址2";
musicList[2] = "音乐地址3";
setInterval("playMusic()", 1000);
function playMusic() {
  if (play.url == "" || index == musicList.length) {
    index = 0;
    play.url = musicList[index];
  }
  if ((parseInt(play.currentMedia.duration) - 1) == parseInt(play.controls.currentPosition)) {
    play.url = musicList[++index];
  }
}
推荐文章