怎么让MP3播放器可以显示歌词的播放器

可以显示歌词,但是歌词和歌曲都要实现自己下载下来。只能播放一首歌,歌词还得是lrc格式的代码写的很罗嗦,急切希望帮改改CSS的代码1.代码:&html && & &head&& & & & &!--下面有很多style都是没用到的,但是我改不动了--&& & & & &!--css觉得真是很麻烦--&& & & & &style type="text/css"&& & & & & & audio& & & & & & {& & & & & & & & align:& & & & & & }& & & & & & .tiaojieshijian& & & & & & {& & & & & & & & color:& & & & & & & & background:& & & & & & }& & & & & & * {& & & & & & & & margin:0;& & & & & & }& & & & & & div {& & & & & & & & display:& & & & & & & & text-align:& & & & & & & & position:& & & & & & & & right:300& & & & & & }& & & & & & div #wenzi{& & & & & & & & right:0& & & & & & }& & & & & & div .ctrl& & & & & & {& & & & & & & & width:200& & & & & & }& & & & & & body {& & & & & & & & font: 14px "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-& & & & & & & & background: #333;& & & & & & & & color: #& & & & & & }& & & & .icon{& & & & & & background-repeat: no-& & & & & & background-position:& & & & & & display: inline-& & & & & & opacity: 0.6;& & & & & & cursor:& & & & & & @include square(24px);& & & & & & @include transition(0.3s);& & & & & & @include user-select(none);& & & & & & &:hover, &.enable{& & & & & & & & opacity: 1;& & & & & & }& & & & & & &:active{& & & & & & & & opacity: 0.3;& & & & & & }& & & & }& & & & & & && & & & & & #background {& & & & & & & & background-size:& & & & & & & & position:& & & & & & & & top: 0;& & & & & & & & left: 0;& & & & & & & & width: 100%;& & & & & & & & height: 100%;& & & & & & & & -moz-user-select:& & & & & & & & -khtml-user-select:& & & & & & & & -webkit-user-select:& & & & & & & & -o-user-select:& & & & & & & & user-select:& & & & & & } & & & & &&& & & & & & #player {& & & & & & & & width: 500& & & & & & & & height: 130& & & & & & & & padding: 25& & & & & & & & margin: 50px auto 30& & & & & & }& & & & & & .control {& & & & & & & & margin-top: 10& & & & & & & & height: 25& & & & & & }& & & & & & .fastforward& & & & & & {& & & & & & & & background-image:url(fastforward.png);& & & & & & & & width:24& & & & & & & & height:24& & & & & & }& & & & & & .rewind& & & & & & {& & & & & & & & background-image:url(rewind.png);& & & & & & & & width:24& & & & & & & & height:24& & & & & & }& & & & & & .play& & & & & & {& & & & & & & & background-image:url(play.png);& & & & & & & & width:24& & & & & & & & height:24& & & & & & }& & & & & & .mute& & & & & & {& & & & & & & & background-image: url(volume.png);& & & & & & & & width:24& & & & & & & & height:24& & & & & & }& & & & & & .left& & & & & & {& & & & & & & & float:& & & & & & }& & & & & & .right& & & & & & {& & & & & & & & float:& & & & & & }& & & & &/style&& & & & &meta charset="utf-8"&& & &/head&& & &body&& & & & &script&& & & & & & //这个,存储调节的时间值& & & & & & //localStorage是HTML5的新东西& & & & & & //localStorage代表着实际歌词时间和lrc歌词时间差& & & & & & if(!localStorage.time)& & & & & & {& & & & & & & & localStorage.time=0;& & & & & & }& & & & & & // & & & & &var a="[00:11.22]我[00:22.33]看[00:33.44]这样[00:44.55]不好吧";& & & & & & var a=" [00:03.56]摇晃的红酒杯 嘴唇像染着鲜血 [00:07.48]那不寻常的美 难赦免的罪 [00:11.46]谁忠心的跟随 充其量当个侍卫 [00:15.24]脚下踩着玫瑰 回敬一个吻当安慰 可怜 [00:26.09]像蠢动的音乐 教人们怎么成眠 [00:30.36]不知名的香水 窒息的鬼魅 [00:34.10]锋利的高跟鞋 让多少心肠破碎 [00:37.93]弯刀一般的眉 捍卫你的秘密花园 [00:42.76]夜太美 尽管再危险 [00:46.77]总有人黑着眼眶熬着夜 [00:50.70]爱太美 尽管再危险 [00:54.21]愿赔上了一切超支千年的泪[00:58.26]痛太美 尽管再卑微 [01:01.83]也想尝粉身碎骨的滋味 [01:05.82]你太美 尽管再无言 [01:09.65]我都想用石堆隔绝世界 [01:12.34]我的王妃 我要霸占你的美 [01:22.45]那催情的音乐 听起来多么愚昧 [01:27.02]你武装的防备 伤你的是谁 [01:30.85]靠近我一点点 是不一样的世界 [01:34.69]安睡在我的肩 我用生命为你加冕 [01:39.64]夜太美 尽管再危险 [01:43.49]总有人黑着眼眶熬着夜 [01:47.41]爱太美 尽管再危险 [01:51.10]愿赔上了一切超支千年的泪 [01:54.90]痛太美 尽管再卑微 [01:58.53]也想尝粉身碎骨的滋味 [02:02.49]你太美 尽管再无言 [02:06.09]我都想用石堆隔绝世界 [02:09.05]我的王妃 我要霸占你的美 [02:26.75]夜太美 尽管再危险 [02:30.75]总有人黑着眼眶熬着夜[02:34.80]爱太美 尽管再危险 [02:38.35]愿赔上了一切超支千年的泪 [02:42.25]痛太美 尽管再卑微 [02:45.81]也想尝粉身碎骨的滋味 [02:50.01]你太美 尽管再无言 [02:53.54]我都想用石堆隔绝世界 [02:56.35]我的王妃 我要霸占你的美";& & & & & & var shijianshuzu=new Array();& & & & & & var gecishuzu=new Array();& & & & & & //解析歌词,将时间和歌词分开& & & & & & //时间放到shijianshuzu中& & & & & & //歌词放到gecishuzu中& & & & & & //shijianshuzu[i]就是对应的时间值& & & & & & //gecishuzu[i]就是对应的歌词& & & & & & //lrc歌词在代码中直接用变量a存储了,可以改& & & & & & //这两个数组的长度就是lrc歌词中有多少个类似"[xx:xx.xx]歌词"这样的& & & & & & function parse(lrc)& & & & & & {& & & & & & & & //如果lrc的内容是"[xx:xx.xx]歌词1[yy:yy.yy]歌词二"& & & & & & & & //那str这个数组长度是3& & & & & & & & //str[0]=""& & & & & & & & //str[1]="xx:xx.xx]歌词一"& & & & & & & & //str[2]="yy:yy.yy]歌词二"& & & & & & & & str=lrc.split("[");& & & & & & & & //因为str[0]="",所以跳过它& & & & & & & & for(var i=1;i&str.i++)& & & & & & & & {& & & & & & & & & & //str[i]格式是00:11.22]我& & & & & & & & & & //shijian格式是00:11.22& & & & & & & & & & var shijian=str[i].split(']')[0];& & & & & & & & & & //geci格式是"我"& & & & & & & & & & var geci=str[i].split(']')[1];& & & & & & & & & & var fen=shijian.split(":")[0];& & & & & & & & & & var miao=shijian.split(":")[1];& & & & & & & & & & //xx:xx.xx 时间转换成总的秒数& & & & & & & & & & var sec=parseInt(fen)*60+parseInt(miao);& & & & & & & & & & //存时间& & & & & & & & & & shijianshuzu[i-1]=sec-localStorage.& & & & & & & & & & //存歌词& & & & & & & & & & gecishuzu[i-1]=& & & & & & & & }& & & & & & & & //这段代码本来是用来显示所有歌词的,这里注释掉了,可以掠过不看& & & & & & & & var quanbugeci=document.getElementById("quanbugeci");& & & & & & & & for(var i=0;i&shijianshuzu.i++)& & & & & & & & {http://www.huiyi8.com/donghua/& & & & & & & & & & // & & &quanbugeci.innerHTML=quanbugeci.innerHTML+gecishuzu[i]+"&br&";& & & & & & & & }& & & & & & & & //上面是用来显示所有歌词的,不用看& & & & & & & & //定时器,隔1s更新下歌词的显示& & & & & & & & setInterval(updategeci,1000);& & & & & & }& & & & & & //更新歌词& & & & & & function updategeci()& & & & & & {& & & & & & & & //显示了六行歌词,每一行分别改变innerHTML& & & & & & & & var geciyi=document.getElementById("yi");& & & & & & & & var gecier=document.getElementById("er");& & & & & & & & var gecisan=document.getElementById("san");& & & & & & & & var gecisi=document.getElementById("si");& & & & & & & & var geciwu=document.getElementById("wu");& & & & & & & & var geciliu=document.getElementById("liu");& & & & & & & & //由歌词时间计算出i,得到现在应该显示哪部分歌词& & & & & & & & //这函数下面有介绍& & & & & & & & var i=getcurrent();& & & & & & & & //如果gecishuzu[i-2]定义了,就显示,没定义,就不显示& & & & & & & & //下面几个类似的if-else结构类似。& & & & & & & & //这里写的很罗嗦,以后空了再改& & & & & & & & if(gecishuzu[i-2])& & & & & & & & {& & & & & & & & & & geciyi.innerHTML=gecishuzu[i-2];& & & & & & & & }& & & & & & & & else& & & & & & & & {& & & & & & & & & & geciyi.innerHTML="&";& & & & & & & & }& & & & & & & & if(gecishuzu[i-1])& & & & & & & & {& & & & & & & & & & gecier.innerHTML=gecishuzu[i-1];& & & & & & & & }& & & & & & & & else& & & & & & & & {& & & & & & & & & & gecier.innerHTML="&";& & & & & & & & }& & & & & & & & gecisan.innerHTML=gecishuzu[i];& & & & & & & & if(gecishuzu[i+1])& & & & & & & & {& & & & & & & & & & gecisi.innerHTML=gecishuzu[i+1];& & & & & & & & }& & & & & & & & else& & & & & & & & {& & & & & & & & & & gecisi.innerHTML="&";& & & & & & & & }& & & & & & & & if(gecishuzu[i+2])& & & & & & & & {& & & & & & & & & & geciwu.innerHTML=gecishuzu[i+2];& & & & & & & & }& & & & & & & & else& & & & & & & & {& & & & & & & & & & geciwu.innerHTML="&nbsp";& & & & & & & & }& & & & & & & & if(gecishuzu[i+3])& & & & & & & & {& & & & & & & & & & geciliu.innerHTML=gecishuzu[i+3];& & & & & & & & }& & & & & & & & else& & & & & & & & {& & & & & & & & & & geciliu.innerHTML="&";& & & & & & & & }& & & & & & }& & & & & & //将歌曲实际播放的时间,和我们自己的歌词的时间,进行比较,算出现在应该显示的歌词& & & & & & function getcurrent()& & & & & & {& & & & & & & & var a=document.getElementById("test");& & & & & & & & var i=0;& & & & & & & & //152,154存歌词和时间的时候& & & & & & & & //时间是由小到大的& & & & & & & & //当然实际的歌词不一定都是由小到大,还可能是两个时间重复的歌词就合并到一起,其他的情况都没做处理& & & & & & & & for(i=0;i&shijianshuzu.i++)& & & & & & & & {& & & & & & & & & & //数和undefined比较,undefined要大些。& & & & & & & & & & if(shijianshuzu[i]&=a.currentTime)& & & & & & & & & & {& & & & & & & & & & & && & & & & & & & & & }& & & & & & & & }& & & & & & & & return i-1;& & & & & & }& & & & & & //函数写成这种形式是为了加载页面的时候自动执行& & & & & & //(function 函数名{})()& & & & & & (function ok()& & & & & & {& & & & & & & & parse(a);& & & & & & })()& & & & & & //歌词时间减少2S& & & & & & function back()& & & & & & {& & & & & & & & localStorage.time=parseInt(localStorage.time)-2;& & & & & & & & parse(a);& & & & & & }& & & & & & //歌词时间增加2s& & & & & & function forward()& & & & & & {& & & & & & & & localStorage.time=parseInt(localStorage.time)+2;&& & & & & & & & parse(a);& & & & & & }& & & & &/script&& & & & &!--被注释掉的是因为开始的时候,打算把UI做好看些,后来觉得CSS真的是很难伺候,放弃了--&& & & & & & &!--&div id="player"&& & & & & & &div class="ctrl"&& & & & & & & & &div class="control "&& & & & & & & & & & &div class="left"&& & & & & & & & & & & & &div class="rewind icon"&&/div&& & & & & & & & & & & & &div class="play icon"&&/div&& & & & & & & & & & & & &div class="fastforward icon"&&/div&& & & & & & & & & & &/div&& & & & & & & & & & &div class="right volume"&& & & & & & & & & & & & &div class="icon mute"&&/div&& & & & & & & & & & & & &/div&& & & & & & & & &/div&&& & & & & & &/div&& & & & &/div&--&& & & & && & & & &div&& & & & & & &!--audio 是HTML5中的新元素--&& & & & & & &!--controls显示那个播放器 autoplay歌曲就绪后自动播放 loop歌曲放完了循环--&& & & & & & &audio &controls &id="test" autoplay="true" loop="true"&& & & & & & &source src="test.mp3" && & & & & & &/audio&& & & & &/div&& & & & &div id="wenzi"&& & & & & & &!--显示六行歌词--&& & & & & & &div id="yi" &&/div&& & & & & & &div id="er" &&/div&& & & & & & &div id="san" &&/div&& & & & & & &div id="si" &&/div&& & & & & & &div id="wu" &&/div&& & & & & & &div id="liu" &&/div&& & & & & & &div id="quanbugeci" &&/div&& & & & &/div&& & & & &div align="center"&& & & & & & &input type="button" &value="后退2s" class="tiaojieshijian" onclick=back()&&/input&& & & & & & &input type="button" &value="前进2s" class="tiaojieshijian" onclick=forward()&&/input&& & & & &/div&& & &/body&&/html&
阅读(...) 评论()让MP3播放同步显示歌词_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
让MP3播放同步显示歌词
龙源创新数字传媒(北京)股份有限公司|
总评分0.0|
该文档仅有一页,您已阅读完毕,如需下载请购买
注:购买后,该文档仅支持在线阅读
定制HR最喜欢的简历
你可能喜欢您现在的位置:
&&&解说s7播放音乐显示歌词
<span class="userflower_
拥有车型:S7
自行车I, 积分 15, 距离下一级还需 85 积分
自行车I, 积分 15, 距离下一级还需 85 积分
s7下载无损音乐,再用格式工厂转换成5.1立体声,不然对不起比亚迪s7喇叭
s7播放器,支持无损ape,wam,mp3,5.1
。我一般都下无损音乐,无杂质,声音动听
s7音乐歌词支持s7播放音乐显示歌词,有兴趣可以进来看看
看完可以无视,也可以留下您的脚步
大家都知道s7能显示歌词,也有些车主知道什么格式(对就是LRC格式),问题来了,什么播放器能下载lrc歌词呢
酷狗:他下载的歌词是随机的,什么格式的都有
酷我:下载歌词全是lrc,问题无损只能下10首就需要收费
QQ音乐:歌词lrc。无损全要绿钻
有什么办法能下无损,又是lrc歌词呢
而且不花钱呢
第一步,用酷狗下载无损,
第二步,用酷我试听,所以歌词全下好
第三步,因为是不同播放器,酷我歌词全带其他·····(如~其他-宝贝对不起-草蜢),右键重命名把其他-删掉
第四步,用格式工厂转换成5,1无损wav
第五步,歌曲和歌词放在同一个文件夹
可以插车里试试效果,音质乖乖滴哦
千千静听下载的也是lrc,直接在音乐文件夹里
但有很多歌搜不到歌词
土豪可以无视
酷我,和QQ音乐都是lrc格式,有钱就行
鲜花得票多将获得全站推荐+1赞一个!
<span class="userflower_
拥有车型:思锐
摩托车IV, 积分 2973, 距离下一级还需 127 积分
摩托车IV, 积分 2973, 距离下一级还需 127 积分
<span class="userflower_
拥有车型:S7
自行车I, 积分 4, 距离下一级还需 96 积分
自行车I, 积分 4, 距离下一级还需 96 积分
好帖!不能沉!顶!
<span class="userflower_
拥有车型:S7
推车, 积分 0, 距离下一级还需 1 积分
推车, 积分 0, 距离下一级还需 1 积分
谢谢楼主贡献;P;P
<span class="userflower_
拥有车型:S7
自行车II, 积分 137, 距离下一级还需 163 积分
自行车II, 积分 137, 距离下一级还需 163 积分
如何将歌词显示桌面???最大字体显示!
<span class="userflower_6
拥有车型:F6
很实用的好贴,如果您有时间的话,可以给大家下载制作一些好的音乐上传到论坛,这样大家就可以直接下载使用了,因为这里很多像我这样的对网络技术不熟悉的,很希望有这样的机会,这样就可以享受好的音乐了~!
当然了,好的帖子一定会有适当的金币奖励啊~~~~!
喜欢车、喜欢自驾车!
http://webfile.byd.com.cn/attachment/Day_0908
31/97_19742_dbb9c1e2380970c.jpg
<span class="userflower_
拥有车型:S7
自行车I, 积分 15, 距离下一级还需 85 积分
自行车I, 积分 15, 距离下一级还需 85 积分
涩涩的江哥哥 发表于
15:36:44 如何将歌词显示桌面???最大字体显示!这个需要破解,或者加硬盘下个播放器,不知道云服务后可以联网不,能就解决了;P,建议比亚迪用安卓系统,现在好多车都出安卓系统了,期待升级,刷机
<span class="userflower_
拥有车型:S7
自行车I, 积分 91, 距离下一级还需 9 积分
自行车I, 积分 91, 距离下一级还需 9 积分
怎么歌词显示不了
<span class="userflower_
拥有车型:S7
自行车II, 积分 296, 距离下一级还需 4 积分
自行车II, 积分 296, 距离下一级还需 4 积分
三轮车II, 积分 4788, 距离下一级还需 712 积分
三轮车II, 积分 4788, 距离下一级还需 712 积分
不错,,,谢谢了
screen.width*0.7) {this.resized= this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized= this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {} else {window.open('http://webfile.byd.com.cn/attachment/Day__19742_dbb9c1e2380970c.jpg');}" onmousewheel="return imgzoom(this);" alt="" />
http://shop.taobao.com/
益福堂淘宝店欢迎你;&P& &/P&
<span class="userflower_
拥有车型:S7
自行车I, 积分 24, 距离下一级还需 76 积分
自行车I, 积分 24, 距离下一级还需 76 积分
怎么歌词显示是乱码啊????
<span class="userflower_
拥有车型:S7
摩托车III, 积分 1981, 距离下一级还需 219 积分
摩托车III, 积分 1981, 距离下一级还需 219 积分
不错,,,谢谢了
<span class="userflower_
拥有车型:S7
摩托车IV, 积分 2271, 距离下一级还需 829 积分
摩托车IV, 积分 2271, 距离下一级还需 829 积分
MARTIN ZOO
<span class="userflower_
拥有车型:S7
摩托车IV, 积分 2271, 距离下一级还需 829 积分
摩托车IV, 积分 2271, 距离下一级还需 829 积分
MARTIN ZOO
<span class="userflower_
自行车II, 积分 165, 距离下一级还需 135 积分
自行车II, 积分 165, 距离下一级还需 135 积分
的确很有用。
<span class="userflower_
拥有车型:S7
自行车I, 积分 71, 距离下一级还需 29 积分
自行车I, 积分 71, 距离下一级还需 29 积分
好帖!谢谢分享!
<span class="userflower_
拥有车型:S7
自行车I, 积分 57, 距离下一级还需 43 积分
自行车I, 积分 57, 距离下一级还需 43 积分
好,这个好,我一直都很郁闷的,没歌词显示
<span class="userflower_
拥有车型:S7
自行车I, 积分 57, 距离下一级还需 43 积分
自行车I, 积分 57, 距离下一级还需 43 积分
本帖最后由 天鹰 于
15:01 编辑
请问楼主,我LRC文件放进去了,也在车上显示出来了,可显示出来的是乱码,是怎么回事
歌词文件内容是这样的“[ti:爱如潮水]
[ar:张信哲]
[offset:0]
[00:00.00]专 辑:经典
[00:12.00]歌手:张信哲&&歌名:爱如潮水
[00:29.31]不问你为何流眼泪
[00:37.21]不在乎你心里还有谁
[00:44.40]请让我给你安慰
[00:48.24]不论结局是喜是悲
[00:52.00]走过千山万水
[00:54.92]在我心里你永远是那么美
[01:02.44]既然爱了就不后悔
[01:09.16]再多的苦我也愿意背
[01:16.39]我的爱如潮水将我向你推
[01:24.31]紧紧跟随
[01:27.19]爱如潮水她将你我包围
[01:33.56]我再也不愿见你在深夜里买醉
[01:37.27]不愿别的男人见识你的妩媚
[01:41.51]你该知道这样会让我心碎
[01:47.38]答应我你从此不在深夜里徘徊
[01:51.62]不要轻易尝试放纵的滋味
[01:55.36]你可知道这样会让我心碎
[02:30.52]既然爱了就无怨无悔”
<span class="userflower_
拥有车型:S7
自行车I, 积分 21, 距离下一级还需 79 积分
自行车I, 积分 21, 距离下一级还需 79 积分
学习了,准备下载音乐转换后看歌词,多谢分享
<span class="userflower_7
拥有车型:F3
才看到真不错的方法
&font size=&10&&&font color=&red&&
<span class="userflower_
拥有车型:S7
自行车I, 积分 95, 距离下一级还需 5 积分
自行车I, 积分 95, 距离下一级还需 5 积分
谢谢,好东西
<span class="userflower_
拥有车型:S7
自行车I, 积分 20, 距离下一级还需 80 积分
自行车I, 积分 20, 距离下一级还需 80 积分
怎么歌词显示是乱码啊????
在电脑上把歌词文件用记事本打开,重新选择编码格式,好像是GB2312的,保存就可以了。我都是这么弄的。希望能帮到你。
<span class="userflower_
拥有车型:S7
自行车I, 积分 20, 距离下一级还需 80 积分
自行车I, 积分 20, 距离下一级还需 80 积分
请问楼主,我LRC文件放进去了,也在车上显示出来了,可显示出来的是乱码 ...
在电脑上把歌词文件用记事本打开,重新选择编码格式,好像是GB2312的,保存就可以了。我都是这么弄的。希望也能帮到你。
<span class="userflower_
拥有车型:S7
自行车I, 积分 93, 距离下一级还需 7 积分
自行车I, 积分 93, 距离下一级还需 7 积分
在电脑上把歌词文件用记事本打开,重新选择编码格式,好像是GB2312的, ...
有没有批量的方法?我的600多首歌,一个个改的话。。。。。
拥有帐号并登录,24小时后即可获得此勋章.
连续登录7天即可获得此勋章.
连续发帖7天即可获得此勋章.
终身成就奖
为迪车会发展做出不可磨灭贡献的用户可获得此勋章
辛劳地为论坛付出劳动,收获快乐,感谢您!每月在线21天以上可获得此勋章.
宣传大使奖
谢谢您为社区积极宣传,特颁发此奖!
新人进步奖
新注册用户在15日内,发帖10篇,即可获得该新人进步勋章!
抢沙发总数达到100即可获得此勋章.
粉丝数达到100即可获得此勋章.
发表精华帖10篇以上可获得此勋章.
每天回帖20条以上可获得此勋章,可得这个奖章!
【用车记录】大7首次
全新一代唐高清大图来
老包修车谈比亚迪秦(
长兴岛试驾宋DM/秦100/

我要回帖

更多关于 vox播放器显示歌词 的文章

 

随机推荐