js製作音樂代碼（js作曲教學）

本文目錄一覽：

• 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] ;

    }

}