LRC-19Line~

LRC-19Line~

By19.Published on十一月 14, 2008 20:00. 230 Views .
很差差一般好非常好 (1 次评分, 平均: 5.00 out of 5)
Loading ... Loading ...

一条”置顶”在页面上方的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'],我就懒得再上传了~

本文来自: http://www.ll19.com/lrc-19line.html

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

53 Responses to “ LRC-19Line~ ”

  1. ♂轩宇 ♂轩宇 说: ( Has commented 2 times in LL19.com )

    朋友你好 我下载了你的插件 安装之后 不知道在你的模板适当位置加入:
    这个到底加哪个文件里??

    • 19. 19. 说: ( Admin commented )

      line_19_content(true,”close”,”open”);
      主要是在页面上显示打开和关闭播放器的按钮,至于放在什么位置,这个得由你来决定啊。

      @♂轩宇:

      • ♂轩宇 ♂轩宇 说: ( Has commented 2 times in LL19.com )

        我放在顶部了 但是加在不了JS 于是乎我 很不争气的放弃了

  2. ssoss ssoss 说: ( Has commented 2 times in LL19.com )

    博主 你好 我从你这下载了flash的源码 但是
    使用flash cs4编译的时候 提示
    1046: 找不到类型,或者它不是编译时常数: IMenu。var myMenu:IMenu = new Menu(“no”,this);
    是源坏了么 还是我别的什么情况

    • 19. 19. 说: ( Admin commented )

      没有设置全局类路径,那个CORE类的路径要自己设置一下,编辑-》首选参数-》AS3的设置。

      @ssoss:

      • ssoss ssoss 说: ( Has commented 2 times in LL19.com )

        啊 感谢 回家试试 哈哈

  3. meiliyuyuanfen meiliyuyuanfen 说: ( Has commented 4 times in LL19.com )

    不知怎么的,为什么不能用框架结构引用带有flash播放器的网页啊!!就是应用你上传的那个例子!!!

    • 19. 19. 说: ( Admin commented )

      不可能不能用框架结构引用带有flash播放器的网页,跟我传的例子没关系。

      @meiliyuyuanfen:

  4. Rayyn Rayyn 说: ( Has commented 2 times in LL19.com )

    播放器CPU使用率过高。。。有办法解决吗?

    • 19. 19. 说: ( Admin commented )

      我本机维持在10左右,是有点高,只能优化代码了,不过一直没时间搞这块。

      @Rayyn:

      • Rayyn Rayyn 说: ( Has commented 2 times in LL19.com )

        @19.:我拿来做论坛背景音乐播放。。好电脑无所谓。。老一些的机器运行起来CPU使用率直接100%了

  5. 小奎 小奎 说: ( Has commented 1 times in LL19.com )

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

    • 19. 19. 说: ( Admin commented )

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

      @小奎:

  6. landmark landmark 说: ( Stranger commented in LL19.com )

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

    謝謝

  7. VIKA VIKA 说: ( Has commented 1 times in LL19.com )

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

    • 19. 19. 说: ( Admin commented )

      @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):

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