zoukankan      html  css  js  c++  java
  • 我的项目7 js 实现歌词同步(额,小小的效果)

    在项目中须要做一个播放器,还要实现歌词同步的效果,就跟如今搜狗音乐的歌词同步差点儿相同,在网上查了一些关于这方面的。整理了一下,在这里,其有用这种方法能够吗?

    <!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;  100px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
            	<h1>影月莹莹哈哈哈哈哈哈</h1>
            </div>
            <button id="mybutton" onclick="x()" style="height: 100px;  200px; margin-top: 100px;">电机 </button>
    	</body>
    
    </html>
    
    在这里。。我用了一个这样的方法。不知行不行的通 。。至于歌词同步,就调时间吧。向网上一些博客,,看了都是须要AJAX解析歌曲文件,获取歌词,歌词时间。实现歌词同步,在这里。假设仅仅是一两首歌曲,自己调一调时间也行吧。。。。。至于大家有什么看法。。额额。。。嘿嘿

  • 相关阅读:
    中断和异常
    MATLAB总结二
    关于在写第一个模式识别大作业中遇到的几个问题的总结
    学习QT——GUI的基础用法(2)
    Matlab练习——rpy2tr函数与自己实现的ZYX欧拉角的结果不同的问题
    PHP之文件的锁定、上传与下载
    PHP之文件目录基础操作
    PHP之会话控制小结
    PHP之curl
    PHP之数组函数归类
  • 原文地址:https://www.cnblogs.com/mthoutai/p/6761496.html
Copyright © 2011-2022 走看看