Js Debug:
Loading...
Category Archives: Single post.  | - 查看最近留言- |   | - 详细分类查看TAGS - |   | - 打开LRC-19LINE - |

LRC-19Line~

本篇文章永久链接：http://www.ll19.com/lrc-19line.html

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


如果你是从这篇文章进入，这条LINE就会自动显示出来(页面最上方)，其他的页面则点击上方”| - 打开LRC-19LINE - |”即可~

起名叫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

看法和意见 = =[!!]
   Loading……

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插件下载 =-

Posted 14 十一月 2008 † 19. § Diary ± Tags: + +   ¢ Trackback
(查看之前文章)    » JQUERY记录:UI使用和cookie插件    |   (查看之后文章)    » 最终幻想纷争（Final Fantasy Dissidia）    |


21 Responses to “LRC-19Line~”

  1. 纪小年 说： ( Has commented 2 times in LL19.com )
    三月 26, 2009于9:04 下午

    ~\(≧▽≦)/~啦啦啦 升级成功~

    回复 |  回复并邮件
  2. wangyibo 说： ( Has commented 1 times in LL19.com )
    二月 15, 2009于8:57 下午

    太看得起博主了，19line做得太棒了。

    回复 |  回复并邮件
  3. cat 说： ( Has commented 1 times in LL19.com )
    一月 14, 2009于8:37 下午

    博主你好，你写的几个插件我都很喜欢，常来你这逛。

    我成功安装了这个LRC-19Line插件，放在header.php里面，运行正常，不过我的为什么不能像你这样点开不同页面的时候能够防刷新，不重新播放呢？

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      一月 15, 2009于11:03 上午

      关于页面防刷新连续播放，这个必须自己对自己的模板做出相应的修改，不管你用iframe还是别的什么的，只用插件是很难办到的。
      我这里用的是全站AJAX的方法来达到防刷新的效果，这篇文章你可以看看也许对你会有帮助：
      http://www.ll19.com/jquery-wordpress-ajax.html

      回复 |  回复并邮件
  4. shamas 说： ( Has commented 13 times in LL19.com )
    十二月 25, 2008于4:13 下午

    我装上了不显示播放器啊

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      十二月 25, 2008于5:26 下午

      我刚刚去看了一下，播放器出来了，你的歌曲列表：

      1
2
3
4
5
6
7

       
  <?xml version="1.0" encoding="UTF-8" ?> 
  <player auto="yes">
  <mp3 path="http://mynb.cnool.net/upload/20080709125127390.mp3" title="放手去爱" lrc="" font="11" /> 
  <mp3 path="http://www.pjsau.cn/temp/left.mp3" title="left" lrc="" font="11" /> 
  <mp3 path="http://music.zyonl.cn/music/zuiqingfeng.mp3" title="醉清风" lrc="" font="11" /> 
  </player>

      首先MP3和FLASH播放器站点不是同一个域的话歌谱无法显示，这是FLASH本身一个安全限制，不好搞~
      所以想让左上角波谱出来的话FLASH播放器和MP3得在一个域下，还有你LRC歌词文件没有配置所以歌词出不来，而且有些服务器不支持LRC格式（可以直接在浏览器输入下LRC地址看能不能访问），如果不支持就把LRC扩展改成XML就行。

      回复 |  回复并邮件
      • shamas 说： ( Has commented 13 times in LL19.com )
        十二月 26, 2008于9:07 上午

        后来找到原因了，我看源码，有句是加在footer里面而我footer里面那个wp-footer我删掉了，加上就解决问题，但又有新问题，就是只能在首页显示，在其它页面点了open依然没有反应。如果要防刷新是不是一定要全站ajax啊

        回复 |  回复并邮件
        • 19. 说： ( Admin commented )
          十二月 26, 2008于5:48 下午

          早上看过之后现在确定是prototype和jquery冲突~导致jquery很多函数无法执行。
          如果站点引用了prototype就下载下面的JS和PHP（替换提供的插件里面的）：

          19_line.php | line.js

          而且你站点的prototype要70K太大了，最好用一个压缩版本的。

          回复 |  回复并邮件
  5. 毛毛 说： ( Has commented 1 times in LL19.com )
    十二月 22, 2008于9:12 下午

    请问可以改变背景色吗，我想把黑色改成别的颜色：）
    歌词颜色可以更改吗，谢谢

    回复 |  回复并邮件
    • 19. 说： ( Admin commented )
      十二月 23, 2008于2:11 下午

      黑色背景更改ChiffonBg.as类：_purfle = 0×000000;之后你应该还要更改LRC字体的颜色，列表字体的颜色，波谱的颜色和按钮的颜色~自己看看代码吧。如果AS接触不多就比较麻烦了。如果这个需求比较多我会推出一个配制皮肤颜色的播放器。

      回复 |  回复并邮件
  6. 19. 说： ( Admin commented )
    十二月 15, 2008于9:19 下午

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

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

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

    ：下方显示的CSS：

    1
2
3
4
5
6
7
8
9
10

    .line_19 {position: fixed; z-index:999; width:100%; left:0; bottom:0; display:none;}
 
/**IE6**/
.line_19 {_position: absolute;
_top:expression(eval(document.compatMode &&
        document.compatMode=='CSS1Compat') ?
        documentElement.scrollTop
        +(documentElement.clientHeight-this.clientHeight)
        : document.body.scrollTop
        +(document.body.clientHeight-this.clientHeight));}

    固定链接WP的永久链接设置网络有很多教程自己去搜搜~

    左上角没有那个波形，因为你加载的MP3和你的FLASH不在同一个域下，这个是FLASH本身的安全限制，不好搞，加载同一个域下的就OK了~

    回复 |  回复并邮件
回复分页(Comments pages):    « 早前评论  

文章回复(Leave a reply):

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