Some print.
Some print.

LRC-19Line~

By19.Published on2008-11-14.

一条”置顶”在页面上方的LRC LINE.

如果你是从这篇文章进入，这条LINE就会自动显示出来(页面最上方)，其他的页面则点击右上角的十字按钮即可~

起名叫LRC-19Line，提供的源文件中带有一个页面加载的例子，个人想法是按照我的站点的加载方式。LRC始终在页面最上，开始时候默认不加载，点击之后加载播放器。这样AJAX加载是为了在访客没有意愿去打开播放器的时候便不加载播放器和MP3，来减少自己站点的流量。或者你非要默认就是每次打开页面就播放音乐也可以自己改一下，不过显示方式感觉还是始终在页面上方100%的宽显示好些。

可以左右拖动这条LINE的歌词来选择播放的时间~对于WP系统我做了个简单的插件可以直接引入这些，配置好你的XML文件命名成19_list.xml放在19_line文件夹下，复制19_line文件夹在plugins下后台激活插件。在你的模板适当位置加入：

1

<?php line_19_content(true,"close","open"); ?>

其中true为默认直接播放，传入false则不直接播放（点击链接后播放）。”close”指的是播放器播放的时候显示的文字，比如我播放器正在播放则可写”关闭播放器”来提示用户关闭（效果和上面的”| – 打开LRC-19LINE – |”一样）。”open”参数指的是未打开播放器时候的提示文字，比如传入”打开播放器”。

  • 具体实现的类图(ll19_core包就不例举了)：
    • com.ll19.movieClip
    • com.ll19.movieClip.button
    • com.ll19.util
    • com.ll19.sound
    • com.ll19.sound.wave
    • com.ll19.lrc

1.最好直接把LRC的扩展名改成XML，中文歌词存成UTF8格式。

2.XML配置 auto=””：random FLASH加载后便随机播放，yes FLASH加载后播放第一首歌曲，其余字符均为不直接播放。mp3节点中：path=”http://www.ll19.com/up/…/kida.mp3″ MP3的地址。title=”kidA.” mp3的标题。lrc=”http://www.ll19.com/up/GLLL-Lrc-Wave/lrc/kida.xml” LRC的地址。font=” 字体大小 英文一般写成11 中文用12。

3.FLASH源文包括19_line和ll19_core两个目录，ll19_core目录是我做东西经常用到的一些比较通用的类（每次做东西都直接导入这目录了，懒得再挑出哪些包需要哪些包没用到，就直接提供了 = =），19_line目录具体实现了这条LINE。

09.05.27 更新1.2.1版本：增加了读取当前音乐错误可以继续读取播放下一首。

09.03.26 更新一个1.2版本：加入配置主题颜色，修复了一个连续播放的小BUG。

1.2版本加入配置主题颜色，可以根据自己站点的主颜色来配置这个播放器的颜色，具体在XML中新加入一个节点例如：

1

	<theme backgroundColor="0x752F28" borderColor="0x9C9C9C" textColor="0xFFFFFF" textLightColor="0xC46739" waveColor="0xCC0000"/>

从左到右的属性分别是：背景颜色、背景边框颜色、字体颜色、字体高亮时颜色（当前正在播放的歌词）、波谱颜色。具体的演示页面可以看这里http://www.ll19.com/up/19line/1.2.html，对于以前站点或WP加载过这个FLASH只需要替换编译好的SWF和XML就可以了。

-= 1.2.1FLASH源下载 =-

-= 1.2版本FLASH源下载 =-

-= 1.0版本FLASH源下载 =- | -= WP插件下载 =-

对于现在的JQUERY-1.3.2其中已经不支持类似jQuery(“div[@class='line_19']“)这样的加@的查找，所以如果你要用插件并且是高于1.3.2的JQUERY的话就自己替换下line.js(包括19_line.php中的那段JS)，把[@class='line_19']都换成[class='line_19']，我就懒得再上传了~

{ Tags: , , }

(查看之前文章)    »    |    (查看之后文章)    »    |


这篇文章发布于 2008年11月14日，星期五，8:00 下午，归类于 Diary。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。



42 Responses to “ LRC-19Line~ ”

  1. 纪小年 说： ( Has commented 28 times in LL19.com )
    2008-12-15 于 8:57 下午

    怎样修改默认的音量？
    还有我的播放器左上角没有那个波形….

    回复 |  回复并邮件
  2. 纪小年 说： ( Has commented 28 times in LL19.com )
    2008-12-15 于 6:42 下午

    还有我有一个问题，如果把网站改成你这样的地址栏的网址不变会不会影响到搜索引擎的收录情况？
    因为我发现，我使用的是默认的固定链接http://xnian.com/?p=123，要修改成你这样的话是不是要每篇日志都要改成固定的名字呢？

    回复 |  回复并邮件
  3. 纪小年 说： ( Has commented 28 times in LL19.com )
    2008-12-15 于 6:33 下午

    我如果要将播放器放在网页下方呢？怎么修改？

    回复 |  回复并邮件
  4. 19. 说： ( Admin commented )
    2008-11-24 于 6:39 下午

    博主，为什么我装不上呢？完全按照你的方法啊？？装上后 就出现一个close 播放器根本就没有加载？能帮助一下么？

    ：请加到站点我具体帮你看看

    回复 |  回复并邮件
  5. Bigfacer 说： ( Has commented 1 times in LL19.com )
    2008-11-24 于 10:35 上午

    博主，为什么我装不上呢？完全按照你的方法啊？？装上后 就出现一个close 播放器根本就没有加载？能帮助一下么？

    回复 |  回复并邮件
  6. M4400 说： ( Has commented 1 times in LL19.com )
    2008-11-18 于 8:58 下午

    第一次来空间，
    喜欢你的空间感觉，虽然看起来很晕，但我喜欢凌乱美，
    标题的语言，很爷们，

    回复 |  回复并邮件
  7. 19. 说： ( Admin commented )
    2008-11-17 于 12:24 下午

    我觉得这博客页面有点乱。。。看得晕晕

    ：要的就是这个效果 = =

    回复 |  回复并邮件
  8. wendyazhu 说： ( Has commented 1 times in LL19.com )
    2008-11-17 于 11:44 上午

    我觉得这博客页面有点乱。。。看得晕晕

    回复 |  回复并邮件
  9. 19. 说： ( Admin commented )
    2008-11-15 于 4:06 下午

    呵呵，不错。
    但是偶不敢用 。。。
    怕影响速度 。。。 。。。

    ：我以前也有这样的担忧，不过我在各种机器上测试过，加载MP3影响流量是肯定的，这也没办法所以才做了那个AJAX加载，至于对机器资源的占有率还是不错的，只要不是很古老的机器，占用内存或者CPU都能接受，打开页面也不会有“卡”的感觉。

    回复 |  回复并邮件
  10. rodney 说： ( Has commented 1 times in LL19.com )
    2008-11-15 于 3:57 下午

    呵呵，不错。
    但是偶不敢用 。。。
    怕影响速度 。。。 。。。

    回复 |  回复并邮件

回复分页(Comments pages):        较新评论 »

文章回复(Leave a reply):

注意: 评论者允许直接点击留言人下方的“回复并邮件”按钮将自己回复的评论邮件通知另外评论者。点击“回复”按钮则只回复不发邮件。