代码已托管到码云,有兴趣的小伙伴可以下载看看https://git.oschina.net/joy_yuan/MobilePlayer效果图:有一个小的遗憾,就是该MP3文件和歌词文件要在同一路径下,才能读取到歌词,否则读取不到录音文件。将录音文件发到这里,是.lrc格式的文件,其实TXT文件的也行;如果在手机..
分类:
移动开发 时间:
2017-08-01 09:15:26
阅读次数:
147
开篇 HTML5的最强大之处莫过于对媒体文件的处理,如利用一个简单的vedio标签就能够实现视频播放。相似地,在HTML5中也有相应的处理音频文件的标签,那就是audio标签 在线Demo audio标签 实现一个audio标签非常easy,相应的html代码例如以下: <audio id="pla ...
分类:
Web程序 时间:
2017-06-26 19:04:52
阅读次数:
299
其实到后面就需要我们如何显示歌词,对于歌词的同步显示还是比较好实现的,主要通过判断当前播放的时间和每个结点的歌词的时间的大小,来同步对应到结点的数据,现在就是如何来实现这个问题。其实,这个时候就需要自定义控件来实现。
第一步需要自定义View的属性。
第二步需要实现在View的构造方法中获得我们自定义的属性。
主要通过初始化函数,init()
第三步,重写ondraw函数。LrcView.j...
分类:
移动开发 时间:
2016-04-22 19:15:33
阅读次数:
256
前言
最近有个项目有关于播放音乐时候,关于歌词有以下几个功能:
1、实现歌词同步滚动的功能,即歌曲播放到哪句歌词,就高亮地显示出正在播放的这个歌词;
2、实现上下拖动歌词时候,可以拖动播放器的进度。即可以不停地上下拖动歌词,当手指离开屏幕时候 即从当前拖动到的歌词位置播放。
3、实现歌词的字体大小可以进行缩放的功能。即双指在屏幕进行缩放操作时,歌词的字体大小也进行相应的缩放操作...
分类:
移动开发 时间:
2016-03-06 15:57:38
阅读次数:
366
开篇HTML5的最强大之处莫过于对媒体文件的处理,如利用一个简单的vedio标签就可以实现视频播放。类似地,在HTML5中也有对应的处理音频文件的标签,那就是.标签在线Demoaudio标签实现一个audio标签非常简单,对应的html代码如下:<audio id="player"
src="music/我在人民广场吃炸鸡.mp3"
autoplay control...
分类:
Web程序 时间:
2015-06-12 14:53:36
阅读次数:
372
http://blog.csdn.net/wk313753744/article/details/387583171、该插件是一个jquery的编写的跟jplayer实现歌词同步的插件,最终效果如图:2、首先引入jplayer的相关的js库和样式文件。[html]view plaincopy3、把我...
分类:
其他好文 时间:
2015-03-04 14:31:54
阅读次数:
277