網頁設計歌詞滾動_如何在網頁中製作歌詞滾動

1、網頁設計，怎麼做歌詞與音樂同步？

推薦用Flex或Flash編寫播放器讀取txt文件。
開始嵌入一個時間函數，播放器進行解析。
Lrc的格式我沒試過，你可以嘗試一下。
詳細腳本文件網路吧。

2、設計網頁的時候，能否載入*.lrc歌詞文件？

我前天剛自己編了一個最簡化的同步歌詞播放代碼，比網上公布的都要簡潔，與你一起分享下吧。
註：為了有更強的兼容性，我用php把lrc歌詞中的換行符全換成了<br>，歌詞中不要留又引號，如果你不處理，只要在下面代碼中稍微改下拆分規則就行。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link href="css/main.css" type="text/css" rel="stylesheet">
<title>試聽-歌名</title>
<style type="text/css">

</style>
</head>
<script language="javascript">
function ShowLyric(){//同步歌詞播放由代張原創，如要轉載，請保留作者版權。[email protected]
var LyricShow=document.getElementById("LyricShow");
var player=document.getElementById("player");
var lyric="[00:00.00]lrc歌詞<br>[00:03.00]歌詞...";
PlayerTime=player.controls.currentPositionString;
if(PlayerTime==""){
PlayerTime="00:00";
FormatLyric(lyric,PlayerTime,'2')
}
FormatLyric(lyric,PlayerTime,'0');
setTimeout("ShowLyric()",500);
}

function FormatLyric(lrc,PlayerTime,id){
lrc3="";
lrc1=lrc.split("<br>");
len1=lrc1.length;
for(i=0;i<len1;i++){
lrc2=lrc1[i].split("]");
len2=lrc2.length;
if(len2>1){
lrctime="";
for(j=0;j<(len2-1);j++){
lrctime=lrctime+lrc2[j];
}
lrcword=lrc2[len2-1];
x1=lrctime.indexOf(PlayerTime)+1;
if(x1>0){
lrcword='<font color="#FF0000"><strong>'+lrcword+'</strong></font>';
ScrollLrc(i,len1);
id="1";
}
lrc3=lrc3+lrcword+"<br>";
}
}
//lrc=lrc3;
if(id=="1"||id=="2"){
LyricShow.innerHTML=lrc3;
}
//return lrc;
}

function ScrollLrc(i,len){
var LyricShow=document.getElementById("LyricShow");
LyricShow.scrollTop=(LyricShow.scrollHeight)*(i/len)-(150);
}
</script>
<body onLoad="ShowLyric()">
<table width="382" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td bgcolor="#FFFFFF"><table width="380" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="27" background="images/bg_1.gif" class="Black12"><span class="Black12Bold">歌名：</span><a href="<?php echo $url;?>" class="Blue12" target="_blank"><?php echo $title2;?></a></td>
</tr>
<tr>
<td>
<object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject" width="380" height="63">
<param name=ShowStatusBar value="1">
<param name="url" value="歌曲地址">
<param name="volume" value="100" />
<param name="enablecontextmenu" value="0" />
<param name="enableerrordialogs" value="0" />
<param name="AutoStart" value="1" />
<param name="PlayCount" value="999" />
<embed width="380" height="63" type=application/x-oleobject ></embed>
</object>
</td>
</tr>
<tr>
<td height="350" valign="top"><div id="LyricShow"></div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

要調用lrc歌詞，需要用動態語言（如asp）讀取lrc文件，就可以，如還需要幫助，歡迎共同討論呀。這個可是我自己想到的代碼，可不是網上下載的，希望珍惜我的成果哦！

3、哪些網站能製作帶有歌詞的音樂視頻？

有很多的網站是能夠製作帶有歌詞的音樂視頻的抖音就可以。

4、用div設計網頁中加音樂歌詞怎麼向上拖動

我幫你按照計劃,實現原創內容！

5、我想製作一個網頁，怎麼做歌詞同步音樂，前提是可以用智能手機上顯示歌詞並可以播放音樂它的html

你的意思是指,手機和在線網頁都能瀏覽和訪問,這個播放歌曲的這個頁面.

這個頁面能放歌和顯示歌內詞,歌詞要和容歌曲同步
是吧?
可以參考:http://.baidu.com/question/24279242.html

6、如何在網頁中製作歌詞滾動？

：<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>這里是文字<BR></MARQUEE> 主要是direction=up這里，這是控制方向的，不加這個就默認的是左右動

7、網頁上製作與播放器相結合的滾動歌詞？

可以，自己稍微修改一下代碼就可以，你看看我下面的代碼： <div id="ad" style="position:absolute"> <img src=毛毛2008-9.jpg> </div> <script> var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("ad") function floatAD() { var L=T=0 var R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x < L) { xin = true; x = L} if (x > R){ xin = false; x = R} y = y + step*(yin?1:-1) if (y < T) { yin = true; y = T } if (y > B) { yin = false; y = B } } var itl= setInterval("floatAD()", delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("floatAD()", delay)} </script>

8、製作手機網頁html js 怎麼做一個手機網頁，在手機上即顯示歌詞又播放音樂需要html或

http://wenku.baidu.com/view/5636ef630b1c59eef8c7b41e.html
這個資源入門挺好的

9、在網頁製作時，怎麼讓歌詞跟歌曲同步！大神們幫幫忙

例如這里這樣的是嗎？ http://bidwy.lingd.net/article-1898317-1.html 還有另外一種也是歌詞同步的，不過有些網頁里做出來會顯示有問題，代碼太長了這里寫不來，要的話我發給你，是html代碼。

導航:首頁 > 萬維百科 > 網頁設計歌詞滾動

網頁設計歌詞滾動

與網頁設計歌詞滾動相關的知識