网页设计歌词滚动_如何在网页中制作歌词滚动

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代码。

导航:首页 > 万维百科 > 网页设计歌词滚动

网页设计歌词滚动

与网页设计歌词滚动相关的知识