• PUDN用户
    了解作者
  • JavaScript
    开发工具
  • 3.9MB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 9
    下载次数
  • 2011-06-22 10:54
    上传日期
javascript写的 播放mp3和歌词同步
mp3-lrc.rar
  • js播放mp3歌词同步
  • res
  • ckyg.mp3
    4MB
  • 林宥嘉 - 残酷月光.lrc
    1.3KB
  • js
  • lrc.js
    2.3KB
  • js_mp3.html
    2.9KB
内容介绍
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>JS MP3</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!-- 加载歌词 --> <script type="text/javascript" src="js/lrc.js"></script> </HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- var interHandler = null; // 播放时间 var playTime; // 歌词索引 var lrcIndex = 0; // 歌词内容 var lrcContent = ""; // 开始 function playNow(){ showPlayTime(); Player.controls.play(); } // 暂停 function Pause(){ Player.controls.pause(); clearInterval(interHandler); interHandler = null; } function showPlayTime(){ interHandler = setInterval(function(){ var s = Player.controls.currentPosition; var time = parseFloat(s); // 播放时间 var fmtPlayTime = formatTime(time.toFixed(2)); // 歌词中的时间 var lrcTime = getLrcInfo(lrcIndex); if(lrcTime == "-1") { clearInterval(interHandler); return; } changeLrc(parseInt(time),reFormatTime(lrcTime)); document.getElementById('playTime').innerHTML = fmtPlayTime; },10); } // 歌词变化 function changeLrc(playTimeSum,lrcTimeSum){ // 当播放时间比歌词时间提前一秒 // 就显示歌词 if(playTimeSum + 1 == lrcTimeSum){ lrcIndex ++; showLrc(); } } // 显示歌词 function showLrc(){ document.getElementById('lrcContent').innerHTML = lrcContent; } function appendZero(s){ return (s+"").length == 1 ? ("0"+s) : s; } // 将时间转换成秒的总和 // str格式: 00:43.51 function reFormatTime(str){ var arr = str.split(":"); var minute = parseInt(arr[0].substr(1)); var second = parseInt(arr[1].split("\.")[0]); //$('#lab').html(minute*60 + second) return minute*60 + second; } // 将秒的总和转换成时间 function formatTime(time){ var arr = (time+"").split("\."); var secondSum = parseInt(arr[0]); var minute = appendZero(parseInt(secondSum/60)); var second = appendZero(secondSum%60); return (minute+":"+second+"."+arr[1]); } // 获取歌词中的信息 function getLrcInfo(i){ var s = lrc[i]; if(!s) { return "-1"; // 返回-1表示演唱结束 } var arr = s.split("\]"); // 歌词时间 var time = arr[0].substr(1); // 歌词内容 lrcContent = arr[1]||""; return time; } //--> </SCRIPT> <BODY> <!-- 播放器对象 --> <OBJECT classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" ID="Player" style="display:none;"> <param name="uiMode" Value="invisible"> <param name="URL" Value="res/ckyg.mp3"> <param name="AutoStart" value="false"> </OBJECT> <center> <INPUT TYPE="button" VALUE="播放" ONCLICK="playNow()"> <INPUT TYPE="button" VALUE="暂停" ONCLICK="Pause()"> <label id="playTime"></label> <br> <label id="lab"></label> <br> <div id="lrcContent"></div> </center> </BODY> </HTML>
评论
    相关推荐
    • lrc-file-parser:基于Java的LRC文件解析器
      基于lrc文件解析器的javascript 安装 使用npm install # install npm install lrc-file-parser -S // import import Lyric from 'lrc-file-parser' 使用脚本链接 < script src =" ./lrc-file-parser.min.js " ...
    • javascript歌词同步.rar
      LRC歌词同步UI只负责初始化LRC歌词信息,
    • googlemap(demo).rar
      javascript操作GOOGLEMAP地图所有演示程序
    • Web_Crawler.zip
      c++ spider 源代码 网络爬虫 适合研究搜索引擎
    • swish-efiles.1.3.2.tar.gz
      用C语言写的搜索引擎,包含多种建立索引的方式
    • Internet蜘蛛程序.zip
      Internet蜘蛛程序 所谓蜘蛛即SPIDER! 相信大家都知道是什么意思
    • xunlong0.6.rar
      完整的.net搜索引擎采用LUCENE.net为索引核心,分布式架构.包含wordnet,分词,spider,简单webserver等
    • VM303TXP.rar
      摄像头驱动的重要文件,在安装时可能会提示需要此文件进行安装
    • JQuery_1.4.2_API.rar
      jQuery的1.4.2发布了!jQuer1.4.2版本修复了1.4版本的一些错误和优化了一些不错的改进。
    • websearch.zip
      简单的全路径全文搜索的程序