注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

和尚欢迎你

请有空来坐坐

 
 
 

日志

 
 

梦回AS2纯代码卡拉OK效果同步歌词条MP3列表播放器  

2015-05-29 18:11:31|  分类: 精典播放器 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、功能简介:

  这个由AS2纯代码实现的单行卡拉OK风格歌词同步MP3多曲播放器,除了播放音乐,同步显示LRC歌词的基本功能之外;最富特色的莫过于它能让歌词字条从左到右渐显推入,然后又继续向右渐隐淡出;它还可以在XML列表中为每个MP3指定一张背景图片,播放MP3时能同步进行更换;另外,全屏显示并自动适应屏幕大小、开关歌词条的水平运动动画效果、为歌词条添加或和移除倒角投影滤镜以改变其视觉效果、控制MP3的播放暂停和曲目切换,等等,也是它的实用功能。

二、技术要点:

  《梦回AS2纯代码卡拉OK动态歌词同步配图MP3播放器》仅有244行代码(其中包含11行注释)。但“麻雀虽小,五脏俱全”,它综合应用了多种实用的AS2开发技术:

  1、屏幕尺寸大小自动适应:侦听舞台尺寸变化,让LRC同步歌词显示条始终位于舞台正下方,播放控制条始终位于舞台右下方,MP3配图始终垂直顶对齐,高度始终等于舞台高度-100像素,宽度以高度为标准比例缩放,水平居中对齐;

  2、用AS2代码创建右键菜单;

  3、用AS2代码创建动态文本框、并使用TextFormat类设置文本格式;

  4、用AS2代码在舞台上创建影片剪辑元件并添加倒角和投影滤镜;

  5、用AS2代码流式加载MP3文件并控制其播放暂停;

  6、用AS2代码为动态文本框设置HTML格式文本,并使用asfunction协议通过其中的链接,调用函数;

  7、用AS2代码加载并解析外部XML文件,获取其节点上自定义属性的值;

  8、用AS2代码加载并解析外部LRC文件,用字符串拆分的方法将其中包含的时间标签和对应的歌词句子存贮到两个数组中;

  9、用AS2代码的MovieClipLoader类加载外部图片文件,并为其添加侦听器;

  10、用AS2代码的BitmapData类平滑加载进来的图片,令其在缩放之后不产生马赛克效果;

  11、用AS2代码的Tween类,在图片加载完毕时为其添加淡入动画效果;

  12、用AS2代码的setInterval + updateAfterEvent()实现不依赖帧频的高频率渲染,让卡拉OK风格的LRC同步歌词条进度动画更加细腻平滑。

和尚2015-05-29转载

  评论这张
 
阅读(517)| 评论(113)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017