首页 > 编程知识 正文

js制作音乐代码(js作曲教学)

时间:2023-12-06 11:46:55 阅读:312443 作者:SPUN

本文目录一览:

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

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

1、插入音乐视频的代码

在网页中插入播放声音(如mp3等)、AVI动画和电影文件(如MPG等)的代码:

在代码窗口中的body和/body之间插入以下代码:

Embed src="url"width="宽度"height="高度"AUTOSTART="TRUE│false" LOOP="TRUE"/Embed

【注解】

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" /Embed

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

【视频格式转换】用超级解霸或会声会影可将VCD中的某个视频文件(.DAT)转换为视频文件(.mpg)。

【例4】打开网页后自动播放(就象背景音乐)声音文件mlh.mp3:

Embed src="mlh.mp3" HIDDEN="TRUE" AUTOSTART="TRUE"/Embed

2、插入播放背景音乐(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:支持第二段代码,第一段代码的第一行需要装插件,不支持第一段的后两行

Chrom:支持第二段代码,不支持第一段代码中的后两行

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="subc();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");

2、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] ;

    }

}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。