Just another WordPress.com site

带歌词的MP3音乐播放器 — BlogthisSong

要完全理解掌握本文,你需要先知道:如何寻找有效的音乐链接Live Spaces怎么进行Html编辑添加Custom Html自定义模块 ; 如何在Space日志插入Flash ;及上一篇介绍 Flash Mp3音乐播放器

上一篇文章向大家说了怎么在单篇日志中用过使用Flash Mp3 player的方法插入可控制是否播放的背景音乐,最后匆匆地说了一下带歌词的播放器,许多朋友可能没看明白怎么用,这里较详细说一下,呵呵

  1. 先搜歌,搜出你需要的放在日志中作为背景音乐的歌曲,只能是MP3格式的!
    如: http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3
    如何搜到正确有效的音乐链接请看这里
  2. 搜到歌曲后,将歌曲的链接地址(URL)放入Blog this song 的获得代码处

    点击生成代码;

  3. 得到你的代码:
    <object width="290" height="40"><param name="movie" value="http://www.blogthissong.com/player.swf?soundFile=http%3A%2F%2Fwww.mengyou.org%2Fup_load%2Fmusic%2Fmp3%2Fjianghuxiao.mp3&playerID=10&bg=0xeeeeee&leftbg=0x357dce&lefticon=0xFFFFFF&rightbg=0xf06a51&rightbghover=0xaf2910&righticon=0xFFFFFF&righticonhover=0xffffff&text=0×666666&slider=0×666666&track=0xFFFFFF&border=0×666666&loader=0x9FFFB8&song=%E6%B1%9F%E6%B9%96%E7%AC%91&artist=%E5%BC%A0%E7%BA%AA%E4%B8%AD+%E5%91%A8%E5%8D%8E%E5%81%A5+%E8%83%A1%E5%86%9B+%E9%BB%84%E5%B0%8F%E6%98%8E+%E5%B0%8F%E8%99%AB%E3%80%8A%E7%A5%9E%E9%9B%95%E4%BE%A0%E4%BE%A3%E3%80%8B%E7%89%87%E5%B0%BE%E6%9B%B2&autostart=yes"></param><param name="wmode" value="transparent"></param>
    <embed src="http://www.blogthissong.com/player.swf?soundFile=http%3A%2F%2Fwww.mengyou.org%2Fup_load%2Fmusic%2Fmp3%2Fjianghuxiao.mp3&playerID=10&bg=0xeeeeee&leftbg=0x357dce&lefticon=0xFFFFFF&rightbg=0xf06a51&rightbghover=0xaf2910&righticon=0xFFFFFF&righticonhover=0xffffff&text=0×666666&slider=0×666666&track=0xFFFFFF&border=0×666666&loader=0x9FFFB8&song=%E6%B1%9F%E6%B9%96%E7%AC%91&artist=%E5%BC%A0%E7%BA%AA%E4%B8%AD+%E5%91%A8%E5%8D%8E%E5%81%A5+%E8%83%A1%E5%86%9B+%E9%BB%84%E5%B0%8F%E6%98%8E+%E5%B0%8F%E8%99%AB%E3%80%8A%E7%A5%9E%E9%9B%95%E4%BE%A0%E4%BE%A3%E3%80%8B%E7%89%87%E5%B0%BE%E6%9B%B2&autostart=yes" type="application/x-shockwave-flash" wmode="transparent" width="290" height="40"></embed></object>
  4. 一看,哇,好长啊……  首先,我们要去掉上端代码中灰色的部分;
  5. 不过剩下的是不是还是太长了,一个Cutsom Html模块只能放2056个字符,如果这个东西放进去一下子就放不了其他东西了,真是得不偿失了,于是许多朋友便选择了使用那种灰色的原始的很难看的Player来减少代码数量,不过我们还可以缩短这段代码的,呵呵
  6. 使用缩短网址工具,缩短那段链接:http://www.kuso.cc/
    将得到的代码中的<embed src="一大串的东西"…  > 将这段代码中Src后边的一大串链接放入这里,然后得到缩短后的链接(URL)
  7. 得到缩短的网址:http://kuso.cc/1j!b
  8. http://kuso.cc/1j!b  代替第二步的src= 后边那一长串的链接,得到:
    <embed src="http://kuso.cc/1j!b" type="application/x-shockwave-flash" wmode="transparent" width="290" height="40">
    呵呵,这个是不是很短了,存入你的Custom Html模块就可以了,呵呵~~
  9. 这个缩短网址的方法还是用在把这个带歌词的 Flash MP3 Player 放在Custom Html模块中时再用,如果放在日志中就不必介意代码这么长了,因为我们不能保证缩短后的网址一直就能用,如果加在某篇日志中,可能N年后都不会去看那篇日志,也不知道链接已经失效了,而放在Cstom Html模块中,当那个链接失效了,可以再去缩短一个新的网址拿来用,呵呵
    另外,还有其他的缩短网址的服务,如:http://1xin.com/ ,或者baidu Google一些来用;
  10. 希望大家看明白了,呵呵
Windows Live Space系列教程已经被浏览过

本文为旧日志,这里不接受任何提问,这里的提问我都看不到的;如果有疑问,请移步至留言板提问,谢谢!

Comments on: "带歌词的MP3音乐播放器 — BlogthisSong" (7)

  1. 来晚了还能坐沙发不容易啊
    你10号的两篇文章我对这一篇更感兴趣,缩短网址?这篇算高级教程吧!呵呵!一般的M友可能CUSTOM HTML都不太会用啊!

  2. 可是现在的那个 eing 不能申请了呀,能告诉我还有别的么?兄弟
    我很佩服你,,嘿嘿```

  3. 很好用  谢谢 

  4. 太棒了
    已使用成功, 嘎嘎

  5. 太麻烦了,不如直接使用EING的服务!

  6. 3Q哦~~很有用的说~

  7. 好像已经不能用了

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Tag Cloud

Follow

Get every new post delivered to your Inbox.