原生js实现音乐播放器功能,可以实时显示歌词并且高亮当前句
来源:互联网 发布:淘宝上珠宝是真的吗 编辑:程序博客网 时间:2024/06/10 09:21
最近在做项目,总结一下学到的知识,
首先就是一个简单的音乐播放器。可以显示歌词,并且突出显示当前播放的这一句。
但是歌词必须是要转码成utf-8的,不然是乱码,后面提供我淘到的转码工具,非常简单,把下载的lrc格式的歌词文件拖到这个软件上他就提醒你转码完毕,这时候就可以用了。
html,css,js我都放上去,js放到最后,前面两个我就不解释了,各位看官如果想直接看js就拖到最后吧。这是从项目里面提取的代码,用webpack,所以引用什么的就劳烦自己加上去~,具体功能请看html,有的功能还没有做,做了再更新,,,想了想代码还是放在github吧。。。代码有点长na~
简单粗暴先看一下效果图。
一首分手快乐送给大家
我的资源页,不知道可不可以打开((/ □ ))传送门
阅读全文
0 0
- 原生js实现音乐播放器功能,可以实时显示歌词并且高亮当前句
- Android 音乐播放器实现歌词显示
- 实现音乐播放器歌词显示效果
- 音乐播放器功能的实现,歌词lrc显示,播放过程中来电
- 原生JS的网页手机音乐播放器 歌词同步播放
- 关于音乐播放器中歌词同步显示的实现
- Android中音乐播放器实现歌词同步显示
- ubuntu音乐播放器显示歌词
- 音乐播放器(3)--歌词显示
- archlinux 音乐播放器与歌词显示
- android音乐播放器显示歌词
- 播放器项目 用泛型集合实现 歌词显示功能
- HTML5音频播放器显示歌词功能思路及实现
- 音乐播放器实现歌词同步
- Android 音乐播放器 实现歌词同步
- 音乐播放器实现歌词同步
- Android 音乐播放器歌词列表式同步显示功能源码
- qt phonon 制作音乐播放器实现歌词和遮罩功能
- [cocos2dx_Lua]打印用户数据
- ESP32 应用实践:ethernet 转 WiFi 实现
- APP插件化/组件化框架分析
- 10进制向任意进制的转换
- 使用CRT改变目录与文件的字体的颜色
- 原生js实现音乐播放器功能,可以实时显示歌词并且高亮当前句
- 基于暗通道先验的单幅图像去雾算法小结
- 【Scikit-Learn 中文文档】交叉分解
- niginx模块开发第一个示例
- 多线程断点续传GreenDao版
- 安卓Toast显示提示消息(自定义view,根据子线程消息显示提示)
- 三子棋
- JAVA Request请求获取的方法,不包含参数方法【学习笔记】
- 文章标题