網頁音樂播放器插件怎麼使用教程

㈠ 如何在網頁中插入音樂播放器

第一步：導入音樂在Dreamweaver中新建一個頁面，並插入表格，選擇菜單中的「插入」-「媒體」- 「插件」在彈出的對話框中站點文件夾中找到要導入的音樂，將音樂導入到表格，默認是寬高各為32像素，如 如果你想叫它顯示，那麼就設置一下高和寬就行了，最小可以設置高和寬各為1，這樣也和隱藏差不多啦。第二步：剛才插入了一首音樂，注意看下面的屬性面板，單擊「參數」按鈕。在彈出的「參數」對話框中的「參數」列的第一行中單擊滑鼠左鍵，輸入hidden 然後在「值」列的第一行中單擊滑鼠左鍵，輸入參數值True 這樣就設置了隱藏播放器界面了。

㈡ 製作網頁時如何在網頁上添加一個簡單的音樂播放器

H5播放器或者FLASH播放器，網上很多插件的，直接去下載啊。
代碼看不懂你再發上來，我幫你看。這個三言二語說不清。

㈢ 怎麼在DW網頁中添加音樂播放器

建議使用 wmp 的播放器
asp中的代碼是
<object id=mediaplayer1

codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=5,1,52,701standby=

loading
type=application/x-oleobject height=300 width=320
classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 VIEWASTEXT>
<param name="URL" value="http://222.198.76.168/張國榮.mpg">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="0">
<param name="AutoStart" value="-1">
<param name="AnimationAtStart" value="0">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="1">
<param name="Balance" value="0">
<param name="BaseURL" value>
<param name="BufferingTime" value="5">
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="-1">
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="4">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="0">
<param name="EnableFullScreenControls" value="0">
<param name="EnableTracker" value="-1">
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<param name="PlayCount" value="100">
<param name="PreviewMode" value="0">
<param name="Rate" value="1">
<param name="SAMILang" value>
<param name="SAMIStyle" value>
<param name="SAMIFileName" value>
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<param name="ShowControls" value="-1">
<param name="ShowAudioControls" value="-1">
<param name="ShowDisplay" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowPositionControls" value="-1">
<param name="ShowStatusBar" value="-1">
<param name="ShowTracker" value="-1">
<param name="TransparentAtStart" value="-1">
<param name="uiMode" value="full">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="0">
<param name="Volume" value="100">
<param name="WindowlessVideo" value="0">
</object>

============ <param name="URL" value="http://localhost/張國榮.mpg">=====這是文件地址，自己看著設置
============ <param name="PlayCount" value="100">=========這是播放次數，來個1000次就循環
其他的再問啊

㈣ 網頁上面的音樂播放器是怎麼做出來的

使用<audio>標簽並且隱藏audio標簽，然後通過Javascript綁定事件，當按按鈕的時候播放啊暫停啊這些的

<audiosrc=".."id="aE"></audio>
<buttonid="playbtn">Hello</button>
<script>
varaudio=document.querySelector("#aE");
varflag=0;
functiona(){
flag=1?audio.pause():audio.play();
flag=1?flag=0:flag=1;
}
document.querySelector('#playbtn').addEventListener('click',a);
</script>

㈤ 怎樣在網頁中插入觀看視頻播放音樂的插件

插入代碼.視頻地址處插入你的視頻文件的地址

<object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject" width="300" height="300">
<param name="url" value="視頻地址">
<param name="uiMode" value="full">
<param name="autoStart" value="true" />
<param name="balance" value="0" />
<param name="currentPosition" value="0" />
<param name="currentMarker" value="0" />
<param name="enableContextMenu" value="false" />
<param name="enableErrorDialogs" value="false" />
<param name="stretchToFit" value="true" />
<param name="enabled" value="true" />
<param name="fullScreen" value="false" />
<param name="invokeURLs" value="false" />
<param name="playCount" value="1" />
<param name="rate" value="1" />
<param name="volume" value="50" />
<param name="ShowDisplay" value="false">
<embed src="視頻地址" width="300" height="300" autostart="true" url="視頻地址" uimode="full" balance="0" currentposition="0" currentmarker="0" enablecontextmenu="false" enableerrordialogs="false" stretchtofit="true" enabled="true" fullscreen="false" invokeurls="false" playcount="1" rate="1" volume="50" showdisplay="false"></embed>
</object>

㈥ 怎麼在網頁中插入音樂播放器

最簡單的media格式的播放器。自動識別有無圖像，使用的播放器是訪客電腦里現有的。

代碼：< EMBED src=「music.mp3」autostart=「true」loop=「2」width=「80」height=「30」>
src：音樂文件的路徑及文件名；
autostart：true為音樂文件上傳完後自動開始播放，默認為false（否）
loop：true為無限次重播，false為不重播，某一具體值（整數）為重播多少次
volume：取值范圍為「0-100」，設置音量，默認為系統本身的音量
starttime：「分：秒」，設置歌曲開始播放的時間，如，starttime=「00:10」，從第10開始播放
endtime： 「分：秒」，設置歌曲結束播放的時間
width：控制面板的寬
height：控制面板的高
controls：控制面板的外觀
controls=「console/smallconsole/playbutton/pausebutton/stopbutton/volumelever」

·console：正常大小的面板
·smallconsole：較小的面板
·playbutton：顯示播放按鈕
·pausebutton：顯示暫停按鈕
·stopbutton：顯示停止按鈕
·volumelever：顯示音量調節按鈕

還有一種是用windows media player來播放的（要求9.0以上）代碼：

<object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自動播放-->
<param NAME="Balance" VALUE="0">
<!--調整左右聲道平衡,同上面舊播放器代碼-->
<param name="enabled" value="-1">
<!--播放器是否可人為控制-->
<param NAME="EnableContextMenu" VALUE="-1">
<!--是否啟用上下文菜單-->
<param NAME="url" VALUE="http://1.wma">
<!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1">
<!--播放次數控制,為整數-->
<param name="rate" value="1">
<!--播放速率控制,1為正常,允許小數,1.0-2.0-->
<param name="currentPosition" value="0">
<!--控制項設置:當前位置-->
<param name="currentMarker" value="0">
<!--控制項設置:當前標記-->
<param name="defaultFrame" value="">
<!--顯示默認框架-->
<param name="invokeURLs" value="0">
<!--腳本命令設置:是否調用URL-->
<param name="baseURL" value="">
<!--腳本命令設置:被調用的URL-->
<param name="stretchToFit" value="0">
<!--是否按比例伸展-->
<param name="volume" value="50">
<!--默認聲音大小0%-100%,50則為50%-->
<param name="mute" value="0">
<!--是否靜音-->
<param name="uiMode" value="mini">
<!--播放器顯示模式:Full顯示全部;mini最簡化;None不顯示播放控制,只顯示視頻窗口;invisible全部不顯示-->
<param name="windowlessVideo" value="0">
<!--如果是0可以允許全屏,否則只能在窗口中查看-->
<param name="fullScreen" value="0">
<!--開始播放是否自動全屏-->
<param name="enableErrorDialogs" value="-1">
<!--是否啟用錯誤提示報告-->
<param name="SAMIStyle" value>
<!--SAMI樣式-->
<param name="SAMILang" value>
<!--SAMI語言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
</object>

㈦ html5網頁想要加一個音樂播放器可以怎麼做

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿酷TONY--Tangni</title>
</head>
<body>
<div style="text-align:center">
<button οnclick="playPause()">播放/暫停</button>
<button οnclick="makeBig()">放大</button>
<button οnclick="makeSmall()">縮小</button>
<button οnclick="makeNormal()">普通</button>
<button οnclick="getPlaySpeed()" type="button">當前播放速度</button>
<button οnclick="setPlaySpeed()" type="button">將視頻設定為2倍播放速度</button>
<br>
<video id="video" width="600" autoplay controls>
<source src="test.mp4" type="video/mp4">
TONY提示：您瀏覽器不支持 HTML5 video 標簽。 </video>
</div>
<script>
var myVideo=document.getElementById("video");
function getPlaySpeed() {
alert("當前視頻播放速度為："+myVideo.playbackRate);//獲取播放速度
}
function setPlaySpeed() {
alert("視頻將以2倍速度播放");//獲取播放速度
myVideo.playbackRate=2;//設定新的播放速度2倍速度
}
function playPause(){
if (myVideo.paused)
myVideo.play(); //播放
else
myVideo.pause(); //暫停播放
}
function makeBig(){
myVideo.width=660;
}
function makeSmall(){
myVideo.width=230;
}
function makeNormal(){
myVideo.width=400;
}
</script>
</body>
</html>
這是一個模板，可以照著寫下來

㈧ 如何在網頁中插入音頻

對於個人站長來說，如何能使自己的網站與眾不同、充滿個性，一直是不懈努力的目標。除了盡量提高頁面的視覺效果、互動功能以外，如果能在打開網頁的同時，聽到一曲優美動人的音樂，相信這會使你的網站增色不少。

一、學會添加音樂文件

為網頁添加背景音樂的方法一般有兩種，第一種是通過普通的< bgsound>標簽來添加，另一種是通過< embed>標簽來添加。

(一)使用< bgsound>標簽

用Dreamweaver打開需要添加背景音樂的頁面，點擊「代碼」打開代碼編輯視圖，在< body>< /body>之間輸入「< 」在彈出的代碼提示框中選擇bgsound(圖1)。

圖1

Dreamweaver自動輸入「< bgsound」代碼後按空格鍵，代碼提示框會自動將bgsound標簽的屬性列出來供你選擇使用。bgsound標簽共有五個屬性，其中balance是設置音樂的左右均衡，delay是進行播放延時的設置，loop是循環次數的控制，src則是我們音樂文件的路徑，volume是音量設置。一般在添加背景音樂時，我們並不需要對音樂進行左右均衡以及延時等設置，所以僅需要幾個主要的參數就可以了。最後的代碼如下：

< bgsound src="music.mid" loop="-1">

其中，loop="-1"表示音樂無限循環播放，如果你要設置播放次數，則改為相應的數字即可。

這種添加背景音樂的方法是最基本的方法，也是最為常用的一種方法，對於背景音樂的格式支持現在大多的主流音樂格式，如WAV、MID、MP3等。如果要顧及到網速較低的瀏覽者，則可以使用MID音效作為網頁的背景音樂，因為MID音樂文件小，這樣在網頁打開的過程中能很快載入並播放，但是MID也有不足的地方，它只能存放音樂的旋律，沒有好聽的和聲以及唱詞。如果你的網速較快，或是覺得MID音樂有些單調，也可以添加MP3的音樂。只要將上述代碼中的happy.mid改為happy.mp3即可。

提示：在FrontPage中加入背景音樂要比Dreamweaver相對方便一些，只要在「背景」對話框中進行相關設置即可(圖2)。

圖2

(二)使用< embed>標簽

使用< embed>標簽來添加音樂的方法並不是很常見，但是它的功能非常強大，如果結合一些播放控制項就可以打造出一個Web播放器。

它的使用方法與第一種基本一樣，只是第一步的代碼提示框里不要選擇gbsound，改而選擇embed即可。然後再選擇它的屬性進行相應的設置(圖3)，從圖中可看出embed的屬性比gbsound的五個屬性多許多。最後的代碼如下：< embed src="music.mp3" autostart="true" loop="true" hidden="true">< /embed>。

圖3

其中autostart用來設置打開頁面時音樂是否自動播放，而hidden設置是否隱藏媒體播放器。因為embed實際上類似一個Web頁面的音樂播放器，所以如果沒有隱藏，則會顯示出你系統默認的媒體插件的。

對於這兩種方法，筆者認為二者之間都各有優缺點：第一種方法當頁面打開時音樂播放，如果將頁面最小化以後播放音樂會自動暫停，如果使用第二種方法則不會出現這種情況，只要不將窗口關閉，它會一直播放。所以希望大家在運用過程中根據自己的情況來選擇添加音樂的方法。

學會了簡單的添加網頁音樂方法後，就應該在界面和功能上下點功夫了。我們可以利用《網頁音樂播放器》打造一個時尚的音樂播放器。

二、打造時尚音樂播放器

學會了簡單的添加網頁音樂方法後，就應該在界面和功能上下點功夫了。我們可以利用《網頁音樂播放器》打造一個時尚的音樂播放器。

提示：《網頁音樂播放器》是一個網頁插件，運行製作好的頁面後，它會調用系統自帶的Windows Media播放器來播放事先設定好的MP3歌曲。

(一)簡單設置

首先下載播放插件(下載地址：http?//www.mh.fy.cn/soft/music.rar)，解壓後進入目錄，其中music.htm就是我們要在主頁上載入的播放條頁面，list.htm是瀏覽者用於查看播放列表的彈出頁面，js文件夾里存放的是幾個播放控制文件，img里則是一些播放界面的圖片文件。

使用網頁編輯軟體打開music.htm，找到以下代碼：

< script Language="Javascript">

var blnAutoStart = true?

var blnRndPlay = false?

var blnStatusBar = false?

var blnShowVolCtrl = true?

var blnShowPlist = true?

var blnUseSmi = false?

var blnLoopTrk = true?

var blnShowMmInfo =false?

< /script>

在這里可以對播放器進行基本的設置。以上各句依次含義是：是否自動播放，是否循序播放，是否顯示狀態欄，是否顯示音控狀態，是否允許顯示播放清單，是否使用SMI模式，是否循環播放，是否顯示歌曲信息。你可以根據自己的需要對它們進行設置，其中true為「是」，false為「否」。另外，為了使你的播放條更具個性色彩，你還可以在music.htm代碼中找到< marquee> ......< /marquee>語句，將其中的主頁名稱修改為你自己主頁的名稱。

(二)添加播放列表

打開js文件夾中的播放列表文件bglist.js，在這里就可以把你喜歡的歌曲添加到列表上來了，具體的添加格式為mkList"歌曲路徑"? "歌曲說明" ，其中「歌曲路徑」可以是你上傳到主機上的本地地址，也可以指定網路上的MP3地址，「歌曲說明」是用來滾動顯示在播放條上的，可以是演唱者和歌曲的名稱。比如要添加周傑倫的《龍卷風》，我們先在網路上找到可以實時播放的鏈接地址，然後再把它添加到列表上：mkList"http://202.102.43.37/hy/yinyue/周傑倫/09.mp3"?"周傑倫——龍卷風"。

提示：為了保持你的主頁音樂常聽常新，我們可以間隔一段時間就對播放列表更新一次。

(三)安裝播放器

為了防止點擊主頁鏈接而影響歌曲播放的連續性，我們要把播放頁面music.htm以框架形式安裝到主頁上去。

以FrontPage 2003為例，執行「新建→其他網頁模板」彈出「網頁模板」窗口，選擇「框架網頁→頁腳」，「確定」後在上框架里設置初始網頁指向你的主頁，下框架里則指向music.htm，然後在框架屬性中去掉框架邊框並適當調整下框架的高度(圖4)，框架高度足以容納播放條的高度即可。預覽滿意後就可以保存頁面了，然後把你的網站指向這個新頁面就可以了。

㈨ 瀏覽器網頁中有個播放器插件，有音樂，怎麼把音樂下載下來。。。。

看視頻或聽音頻文件等緩沖完後，文件已下載到電腦，下載網頁里的QQ空間等方法一樣。
第一步：打開IE—工具—Internet—選項—刪除文件—確定。
第二步：打開你想要下載的文件網頁。（等播放的視頻或音頻文件緩沖完成後）
第三步：查找方法：音頻文件格式為MP3格式，視頻文件格式為FLV或MP4（IE—工具—Internet—選項—設置—查看文件，在打開C盤畫面空白處右鍵-排列圖標-大小，最後的一個文件就是了。復制下來OK。

㈩ 怎麼樣把播放器插件放在網頁中實現頁面播放

<embed scr=地址></embed>