[分享]js歌词同步显示改进版

猿敲月下码 2011-01-07 07:15:43
之前发了一篇帖子给大家分享了js播放mp3歌词同步显示:
http://topic.csdn.net/u/20101209/13/4d96a12e-242e-429c-9161-144ba8a467a2.html

但是有许多不足之处.这里做了下修改.

内容有:

1. 歌词放在了服务端处理(原理就是服务端读取歌词文件,然后把歌词处理成js数组格式,返回到前段加载)
2. 将没用的部分舍去了
3. 用到了jQuery
4. 其它修改(记不清了..)

由于这次用到了服务端,我选择了java. 呵呵,毕竟对java比较熟一点.
对java不熟的同学见谅了.

先上几张图吧...


源程序:



程序源代码下载:
下载地址

源文件为Eclipse工程,直接import到Eclipse上即可

本来想弄一个免费的空间的.搞了半天没搞成... 算了将就下把 :)
...全文
804 39 打赏 收藏 转发到动态 举报
写回复
用AI写文章
39 条回复
切换为时间正序
请发表友善的回复…
发表回复
apple198308 2011-12-06
  • 打赏
  • 举报
 回复
这非常有用马上研究研究~
猿敲月下码 2011-01-14
  • 打赏
  • 举报
 回复
[Quote=引用 35 楼 xiaeelee 的回复:]
直接用ajax获取lrc文件，然后分析其格式显示也可以呀，为什么还要绕一圈用上java分析呢~
[/Quote]
对的. 方法有多种. 貌似我的多此一举了. 哈哈
cuixiping 2011-01-14
  • 打赏
  • 举报
 回复
[Quote=引用 35 楼 xiaeelee 的回复:]

直接用ajax获取lrc文件，然后分析其格式显示也可以呀，为什么还要绕一圈用上java分析呢~
[/Quote]是的，我也觉得完全没必要绕上一圈。
不过充分肯定楼主的成果。
如果能解析酷狗的krc歌词就超级完美了
xiaeelee 2011-01-14
  • 打赏
  • 举报
 回复
这样的话压力分摊到客户端，服务器端只有读取文件的压力了~
xiaeelee 2011-01-13
  • 打赏
  • 举报
 回复
直接用ajax获取lrc文件，然后分析其格式显示也可以呀，为什么还要绕一圈用上java分析呢~
voice1122 2011-01-11
  • 打赏
  • 举报
 回复
谢谢分享，非常有用
暗夜螃蟹 2011-01-10
  • 打赏
  • 举报
 回复
迟到啦不过俺有环境，心里平衡点，哇哈哈
猿敲月下码 2011-01-10
  • 打赏
  • 举报
 回复
[Quote=引用 29 楼 zyzy15 的回复:]
嘿嘿，不错，就是对环境有了要求
[/Quote]
没办法,用到了服务端么
xtawgipl 2011-01-10
  • 打赏
  • 举报
 回复
很不错的JS，谢谢
zyzy15 2011-01-10
  • 打赏
  • 举报
 回复
嘿嘿，不错，就是对环境有了要求
猿敲月下码 2011-01-10
  • 打赏
  • 举报
 回复
[Quote=引用 11 楼 theforever 的回复:]
楼主对这个有兴趣的话，可以进一步看看在线音乐播放站，然后你也可以做一个那样完整的站了。
[/Quote]

纯属研究学习,正式投入使用的话还有很大差距的.
ycproc 2011-01-10
  • 打赏
  • 举报
 回复
擦 加油 不错
licip 2011-01-10
  • 打赏
  • 举报
 回复
看看再说
古 林 2011-01-10
  • 打赏
  • 举报
 回复
学习了 下载了 马上研究研究 这个不会呢 觉得好好玩啊 万能的js啊
青春华航 2011-01-09
  • 打赏
  • 举报
 回复
不错，帮顶，见证了楼主的成果。
huoyinghaizeizei 2011-01-09
  • 打赏
  • 举报
 回复
不错，不错
hjh86867097 2011-01-09
  • 打赏
  • 举报
 回复
不错啊 分享下
againgo 2011-01-09
  • 打赏
  • 举报
 回复
很不错的JS，谢谢
H_Study_L 2011-01-09
  • 打赏
  • 举报
 回复
楼主这个分享的是好东西
showjim 2011-01-09
  • 打赏
  • 举报
 回复
谢谢分享，帮顶

加载更多回复（13）
JavaScript歌词同步改进版
JavaScript歌词同步改进版,希望大家喜欢.
（改进版）自动同步代码
上一篇文章，跟大家分享了一下如何让你的mac自动同步代码。 但是在实际应用中发现会有点儿小问题，比如说： 如果某一个分支同步失败，会直接退出当前任务，剩下的分支要自己同步。 异步抓取错误，导致同步信息不好抓取。 使用了 fs 来将错误信息录入到提醒文件中，每次处理的都是覆盖式写入，所以会导致查看不及时，日志丢掉的问题。 本着负责到底的原则，这里跟大家再分享一个改进版。用来改进这些问题。 1. 改进点 首先我们来看下改进点： 使用 shell 命令来追加错误日志。 使用 spawnSync 代替 spa
在JavaScript异步和同步之间穿梭
在JavaScript异步和同步之间穿梭 王秋 · 2 年前 异步和同步如果你正在使用JavaScript，那么你对异步和同步的代码并不会陌生。经常接触到的异步的用法很多，比如一个DOM事件的调用，一个Ajax请求或是NodeJS中读文件方法的调用等等都是在使用异步调用。当你遍历取到的数据并加上处理逻辑的时候，你就会使用上同步的代码。整个编码的过程里，其实你就是在同步和异步的方式之间穿梭。无需
关于 js自制多屏同步弹幕 原理的分析
已实现多屏同步弹屏,并且压力测试较为良好.但是, 页面在不断进行setInterval操作,对浏览器消耗较大,需要进行缓存机制的处理; 前、后台数据的交互太过频繁,需要优化数据交互逻辑; 如真实放在互联网上运行,同步机制需要更加灵活,需加入负载均衡机制; 待项目成熟应进行弹幕框架封装; ... ... 前端的坑还会继续一个个地去踩; 在路上, 会一个一个把坑尽量看清楚些, 看透彻了, 为了下一次快掉进去之前, 不抽自己嘴巴子, 而是昂首跨过去, “来哇,互相伤害哇”!
探索Pikpak：一款强大的文件同步与分享工具
探索Pikpak：一款强大的文件同步与分享工具 项目地址:https://gitcode.com/xiaokaixuan/pikpak Pikpak 是一个开源的文件同步和分享平台，它利用现代Web技术和云存储服务，为用户提供便捷、安全的数据管理体验。该项目由开发者xiaokaixuan 创建，旨在简化个人和团队之间的文件共享流程。 技术分析 Pikpak的核心技术栈包括： React.js -...
JavaScript

87,924

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章