Home » Flash, NET, PHP, WordPress

轻松解决Blog内嵌MP3播放器

Submitted by fallen on Thursday, 1 September 20056 Comments

看到侧边栏里那个“Radio Blog”了吗?我要说的就是这个,由于空间太小,已经拿掉了。只要你的空间支持PHP,无论你用的是什么Blog系统,还是其他CMS等系统,你都可以马上装一个,去这里下载,里面附有详细说明,大致有5步:

  • 1,运行里面自带的一个程序,把MP3文件转换成RBS文件,在这里不要贪多,放几首就好了,因为转化起来速度并不快,我一下子放了很多,就等了半天。以后有需要可以随时转,播放列表是动态的,进入新的歌曲不用修改任何东西。
  • 2,将转换完的歌曲放进“radio.blog/sounds”里。
  • 3,在“radio.blog/config.xml”自定义外观,可定义的选项不多。
  • 4,将“radio.blog”整个目录放到你的空间里,访问“http://your/url/radio.blog”就可以看到了。
  • 5,整合进Blog
  • HTML:
    1. <iframe src="http://eiart.net/radio.blog/index.php" name="radio" scrolling="no" frameborder="0" width="220" height="300"></iframe>
    2.  

    放到你先要显示它的地方就可以了,这里要注意的是,它的宽度是220pix,可能没法正好和你的尺寸相符合,这时,你如果单把上面代码里的220换成你要的尺寸,播放器不会按比例放缩,而是只显示一部分内容,很难看。
    你还要修改“radio.blog/index.php”里的:

    HTML:
    1. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download..../swflash.cab#3,0,0,0" width="220" height="300"></object>
    2.  

    HTML:
    1. <embed src="radioblog.swf?autoplay=<? echo $_GET['autoplay']; ?>" type="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/.../index.cgi?P1_Prod_Version=ShockwaveFlash" width="220" height="300"></embed>
    2.  

    长宽最好按本来的比例换算一下,这样就会按比例放缩了,但是,强烈推荐按原来的比例,因为放大和缩小都会造成flash的模糊,比原来难看很多。

    如果只是因为安装简单,那也没什么好说的,关键是它有“pop-up”功能,看到这个按钮了吧,点下它,整个播放器就会出现在一个小的弹出窗口里,本来的地方就空了,这样就可以很好解决页面刷新时音乐中断的问题!你只要把它弹出,就可以在网站里随便逛,不会打断你听的音乐。

    其他的优点:

  • 可以设定已开始播放的曲目,默认为不自动播放
  • 整个播放器只有8k
  • 总之很人性化的设计,用起来很顺手:)



    相关文章

      山东省寿光市公安局:《铁警雄风》翻书项目Flex2 custom RemoteObjectAMF0 componentFlash 翻页效果收集用Wii玩Flash游戏通过网站ICP备案申请审核

    6 Responses to “轻松解决Blog内嵌MP3播放器”

    1. 1
      小虫 Says:

      有没有什么免费的空间上传这个的可以介绍给偶呢? :mrgreen:

    2. 2
      fallen Says:

      这个比较难,免费空间一般很快挂掉,你没看我自己都拿掉了吗?实在没空间 :roll:

    3. 3
      小虫 Says:

      我自己的博客想装一个,找到了国外的,可是大概中国的网民没办法看到,所以想找一个国内的 :?

    4. 4
      小虫 Says:

      题外话,如果你是厦门的,咱们两个的城市可是姐妹城市哦。 ;)

    5. 5
      fallen Says:

      我是厦门的,你是哪里的?

    6. 6
      小虫 Says:

      槟城~ :mrgreen:

    Leave a Reply