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 1 times in LL19.com )
    2010-08-28 于 4:01 下午

    這個能跟大大的一樣換頁面還會繼續播的麻

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      2010-08-29 于 10:04 下午

      不行，这个需要全站AJAX。你必须对整个站点做调整。

      @小奎:

      回复 |  回复并邮件
  2. landmark 说： ( Stranger commented in LL19.com )
    2010-07-29 于 11:32 上午

    您好:
    請問 FlashVars=u=*.xml
    是否可以直接以參數加載,比方說
    FlashVars=u=auto=yes&path=*.mp3&lrc=*.lrc

    謝謝

    回复 |  回复并邮件
  3. VIKA 说： ( Has commented 1 times in LL19.com )
    2009-09-19 于 5:28 下午

    我的博客加了不行，www.vikastar.cn/blog 要怎么解决了？ 谢谢 。只显示了个CLOSE

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      2009-09-21 于 10:15 上午

      @VIKA:

      没看见开关播放器的按钮，并且你用JQUERY1.3.2的话要看我最后面写的这些：

      对于现在的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']，我就懒得再上传了~

      回复 |  回复并邮件

回复分页(Comments pages):     « 早前评论   

文章回复(Leave a reply):

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