在项目中需要做一个播放器,还要实现歌词同步的效果,就跟现在搜狗音乐的歌词同步差不多,在网上查了一些关于这方面的,整理了一下,在这里,其实用这个方法可以吗?
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery.min.js" ></script> <script type="text/javascript"> window.setInterval("dd()",200); var i=0; function dd(){ i=i+10; //alert(i) document.getElementById("mydiv2").style.width=i+"px"; } function x(){ //alert("-----") document.getElementById("mydiv2").style.color="red"; } </script> </head> <body> <div class="mydiv1" style="position: absolute; z-index: 1;"> <h1>影月莹莹哈哈哈哈哈哈</h1> </div> <div class="mydiv2" id="mydiv2" style="position: absolute; z-index:2; color: blue; width: 100px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"> <h1>影月莹莹哈哈哈哈哈哈</h1> </div> <button id="mybutton" onclick="x()" style="height: 100px; width: 200px; margin-top: 100px;">电机 </button> </body> </html>
在这里,,我用了一个这种方法,不知行不行的通 ,,至于歌词同步,就调时间吧,向网上一些博客,,看了都是需要AJAX解析歌曲文件,获取歌词,歌词时间,实现歌词同步,在这里,如果只是一两首歌曲,自己调一调时间也行吧。。。。,至于大家有什么看法。。额额。。。嘿嘿
时间: 2024-10-27 13:05:19