歌词同步的技术是网上找到的,由于代码太长,给个地址http://whx.tzgt.gov.cn/newshow/newBodyShow.aspx?articleID=8571
我想用ajax来写一个在线试听。就是在搜索之后找到歌曲不要刷新页面就可以继续听歌。可是加载歌词成了问题。
因为歌词放在一个注释符号当中 <!---歌词--->
我在js里面写着:
function setupWordElement(_node,_span,txtMsg)  {//_span==document.getElementById("addr_word")
    if(arguments.length == 3){
if(count%2==0){
//_span.style.backgroundColor="#ADEAEA";
        _span.style.color="#CC3299";
}else{
       // _span.style.backgroundColor="#D8BFD8";
        _span.style.color="#00009C";
}
       //_span.innerHTML= '歌词:<br/>'+_node.firstChild.nodeValue;
   _span.value = "<!--"+_node.firstChild.nodeValue+"-->";
    } else {

        _span.innerHTML=_node.firstChild.nodeValue;
    }
}
html里头
<div id="addr_word"></div>
所以那个注释符号很头疼,郁闷中,不知道怎么样才可以做到加载音乐的时候就开始加载歌词,实现同步。
我打包了一份http://blogimg.chinaunix.net/blog/upfile2/080104151105.rar解压到webapps目录下就可以了 
http://localhost:8080/baidusongs/asyplayer.html
帮忙看看,谢谢先~~

解决方案 »

  1.   

    忘了说明一下   function setupWordElement(_node,_span,txtMsg)  {//_span==document.getElementById("addr_word")
        if(arguments.length == 3){
            if(count%2==0){
            //_span.style.backgroundColor="#ADEAEA";
            _span.style.color="#CC3299";
            }else{
           // _span.style.backgroundColor="#D8BFD8";
            _span.style.color="#00009C";
            }
           //_span.innerHTML= '歌词:<br/>'+_node.firstChild.nodeValue;
           _span.value = "<!--"+_node.firstChild.nodeValue+"-->";
        } else {
        
            _span.innerHTML=_node.firstChild.nodeValue;
        }
    }中的+_node.firstChild.nodeValue就是找到后的歌词了,从xml解析出来的。现在就是不知道怎么把它放到<!---->当中而且能否被浏览器识别加载。
    谢谢
      

  2.   

    突然想起来歌词是放在
    <span id="lrcdate">
    歌词</span>
    看到那个id就是希望了。
    _span=document.getElementById("addr_word")
    _span.innerHTML = "<!--"+ _node.firstChild.nodeValue+"-->";
    这样的话,歌词就应该会加载再里面了。原理同textfield一样,
    <textfiled, name="ds" id="lrcdate"></textfield>
    以上都是我自己的想法,还没有实现,因为还没人顶啊。
    最近找到了许多关于歌词同步的例子。
    介绍一个网站www.aboutplayer.com里面的论坛做的不错。