Ⅰ html代碼問題 怎麼在html文件中插入音樂播放器啊
HTML代碼中插入音樂播放器,大致有四種風格,代碼如下:
白色普回通播放器代答碼:
<EMBEDheight=45type=audio/mpegwidth=300src=音樂地址volume="0"loop="-1"></EMBED>
黑色播放器代碼:
<EMBEDstyle="FILTER:Xray"src=音樂地址width=300height=45type=audio/mpegloop="-1"volume="0"></EMBED>
灰色播放器代碼:
<EMBEDstyle="FILTER:Gray"src=音樂地址width=300height=45type=audio/mpegloop="-1"volume="0"></EMBED>
棕色播放器代碼:
<EMBEDstyle="FILTER:Invert"src=音樂地址width=300height=45type=audio/mpegloop="-1"volume="0"></EMBED>註:代碼中SRC對應音樂地址、width和height控制播放器的大小、volume="0" 表示設定的音量大小,數值大小在0--100之間 、 loop="-1" 表示循環播放 。
Ⅱ 瀏覽器網頁中有個播放器插件,有音樂,怎麼把音樂下載下來。。。。
看視頻或聽音頻文件等緩沖完後,文件已下載到電腦,下載網頁里的QQ空間等方法一樣。
第一步:打開IE—工具—Internet—選項—刪除文件—確定。
第二步:打開你想要下載的文件網頁。(等播放的視頻或音頻文件緩沖完成後)
第三步:查找方法:音頻文件格式為mp3格式,視頻文件格式為FLV或MP4(IE—工具—Internet—選項—設置—查看文件,在打開C盤畫面空白處右鍵-排列圖標-大小,最後的一個文件就是了。復制下來OK。
Ⅲ 點擊一個按鈕播放音樂,應用於 HTML,可以用JS插件
functiona(){
varaudio=document.getElementById('music');
if(audio.paused){
audio.play();//audio.play();//播放
}
else{
audio();
}
}
<!--上面是加入js部分回的-->
<audiosrc="click.mp3"controls="controls"preloadid="music"hidden></audio>
<buttonid="a"onclick="a();">播放/暫停答</button>
Ⅳ html5音樂插件,誰知道這個是怎麼實現的,右上角有個圓形音符,控制背景音樂播放!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>播放器</title>
<style>
</style>
</head>
<body>
<audio id="music01" src="G.E.M.鄧紫棋 - 紅薔薇白玫瑰.mp3" loop="loop">你的瀏覽器不支持audio標簽。</audio>
<a href="javascript:playPause();"><img src="1.jpg" width="50" height="50" id="music_btn01" border="0"></a>
</body>
<script>
function playPause() {
var music = document.getElementById('music01');
var music_btn = document.getElementById('music_btn01');
if (music.paused){
music.play();
music_btn.src = '1.jpg'; //播放圖片
}
else{
music.pause();
music_btn.src = '1.jpg'; //暫停圖片
}
}
</script>
</html>
Ⅳ 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>
這是一個模板,可以照著寫下來
Ⅵ html5 jquery audio player插件怎麼用
用法:
添加音頻元素、 設置的屬性,你需要和添加源。您將添加更多不同的來源,更多的用戶將能夠聽聽您的音頻 (因為沒有一個音頻格式跨所有瀏覽器支持)。三個例子:
<audio src="audio.wav" preload="auto" controls></audio>
這只是將預載入audio.wav文件並不會發揮它直到用戶單擊播放按鈕。nonemetadata) 的其他preload值將不預載入該文件。
autoplay時它會載入該文件,然後再loop它以這種方式:
指定多個音頻格式來解決前面提到的問題:
<audio preload="auto" controls>
<source src="audio.wav" />
<source src="audio.mp3" />
<source src="audio.ogg" />
</audio>
神秘controls嗎?它是一個布爾屬性不會影響任何方式中的插件,但可確保該瀏覽器的默認播放器是顯示和禁用 JavaScript 時顯示控制項與控制項。
最後一步 ― 調用插件
<audio src="audio.wav" preload="auto" controls></audio>
<script src="jquery.js"></script>
<script src="audioplayer.js"></script>
<script>
$( function()
{
$( 'audio' ).audioPlayer();
});
</script>
該插件,一些可選的參數。最重要的一個被稱為classPrefix。傳遞的值成為子元素的父元素和類名稱前綴的類名稱。其他選項只可能有利英語以外的語言。具有默認值的示例:
$( 'audio' ).audioPlayer(
{
classPrefix: 'audioplayer',
strPlay: 'Play',
strPause: 'Pause',
strVolume: 'Volume'
});
有一些類的名稱,被分配到父元素時:
音樂播放器版本― ― 正在播放音頻
<div class="audioplayer audioplayer-playing">
停止停止音樂播放器版本― ― 音頻
<div class="audioplayer audioplayer-stopped">
音樂播放器版本靜音― ― 卷處於靜音狀態
<div class="audioplayer audioplayer-muted">
音樂播放器版本 novolume ― ― 沒有音量調節是可用的:
<div class="audioplayer audioplayer-novolume">
重要提示:時不支持音頻元素或沒有任何給定的音頻文件是與瀏覽器兼容,玩家切換到迷你模式,基本上減少了播放機播放/暫停按鈕 (因為"嵌入"元素是有限的操作):
<div class="audioplayer audioplayer-stopped audioplayer-mini">
<embed src="audio.wav" width="0" height="0" volume="100" autostart="false" loop="false" />
<div class="audioplayer-playpause" title="Play"><a href="#">Play</a></div>
</div>
Ⅶ 靜態(html)網頁如何實現歌曲在線連播
我做過Flash的播放器,但JS的卻沒做過,但我想原理應該都是一樣的,按照你的說法,要用到JS,對網頁中播放器插件進行幀聽。
下面就簡單的說一下吧
材料:歌曲、歌曲文件列表(可以是XML,也可以是其它的什麼,什麼文件都可以)、幾條簡單的JS語句
處理:
1、生成網頁的時候,將音樂播放器插件的ID命名為WMA,當然,你可以隨便命名,只是這里便於說明。
2、讀取XML中的內容。
同時將XM中對應的歌曲名稱與地址存到數組testmp3中(此數組當然是二維數組,數據組分別歌曲名稱與歌曲地址)
好了,到此,准備工作就做好了,下面就是重點---連播。
3、相關語句:
一、定義函數getWMAtime
二、利用Interval=setInterval("getWMAtime()",900),意思就是每隔900毫秒調用getWMAtime這個函數,並將其放入Interval中。
如果要用到「上一曲」「下一曲」,可以將其做為了一個函數,
將音樂的地址賦給WMA.URL,用WMA.controls.play();播放,用WMA.controls.stop();停止播放,用WMA.controls.pause();暫停播放。改變了音樂地址後,記得用Ajax載入新的歌詞!
另:
getWMAtime函數的內容為讀取當前詞曲的播放時間
當前的播放時間:WMA.controls.currentPosition;
歌曲總時間:WMA.currentMedia.ration;
讀取當前的時候後,與數組中時間項進行對比,相同(由於其它原因,可能會出現不相同的情況,因此則用「>=」)
如果前當播放時間==歌曲總時間,則用JS對WMA.URL屬性進行更改,然後用WMA.controls.play();的地址。
好了,一個簡單的JS的播放器就完工啦
有不懂的地方可以訪問本人博客,希望共同探討
Ⅷ 求一款HTML 的音樂播放器插件 能動態添加音樂,比如在列表中點擊音樂然後點擊事件將音樂添加到播放器播放
點擊 插入 。。 媒體。。。插件。。選擇你要的音樂文件 。。。確認 。。然後拉成你想要的大小就可以了
Ⅸ html插入音樂不會播放,上面顯示瀏覽器可能需要安裝插件以後,才能播放該文件。插件怎麼安裝,怎麼弄
用chrome瀏覽器,沒有這個問題!
Ⅹ 用asp開發web音樂播放器需要什麼插件
建議使用media player 內核,以下為示例:
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="player" >
<param name="AutoStart" value="True"/>
<param name="Balance" value="0"/>
<param name="enabled" value="True"/>
<param name="EnableContextMenu" value="False"/>
<param name="url" value="音樂列表.asx" />
<param name="PlayCount" value="0"/>
<param name="rate" value="1"/>
<param name="currentPosition" value="0"/>
<param name="currentMarker" value="0"/>
<param name="defaultFrame" value=""/>
<param name="invokeURLs" value="0"/>
<param name="baseURL" value=""/>
<param name="stretchToFit" value="0"/>
<param name="volume" value="100"/>
<param name="mute" value="0" />
<param name="uiMode" value="mini"/>
<param name="AutoRewind" value="True"/>
<param name="Loop" value="True"/>
<param name="ShowTracker" value = "False"/>
<param name="EnableTracker" value="True">
<!--播放器顯示模式:Full顯示全部;mini最簡化;None不顯示播放控制,只顯示視頻窗口;invisible全部不顯示-->
<param name="windowlessVideo" value="0"/>
<param name="fullScreen" value="False"/>
<param name="enableErrorDialogs" value="False"/>
<param name="ShowControls" value = "False"/>
<embed src="-1" autostart="True" Loop="True" balance="0" enabled="-1" enablecontextmenu="-1" url="" playcount="0" rate="1" currentposition="0" currentmarker="0" defaultframe="" invokeurls="0" baseurl="" stretchtofit="0" volume="100" mute="0" uimode="mini" windowlessvideo="0" fullscreen="0" enableerrordialogs="0" samistyle="" samilang="" samifilename="" showcontrols="False" showTracker="False" EnableTracker="True"></embed>
</object>