单篇日志添加背景音乐的代码:

<DIV><BGSOUND balance=0 src="歌曲链接地址" volume=0 loop=infinite></DIV>

想必大家都知道这个吧。
这个代码使用起来的不便想必大家深有体会: 歌曲需要完全加载完后才播放;没办法控制播放,只能按Esc键停止(当然,你可以选择听到不喜欢的歌时就静音音量……);如果Esc键关掉音乐后,要重新开始播放,还要刷新页面,虽说Live Spaces现在的访问速度已经很不错了,但我也不会去为了听个歌就考验一下自己的网速……

然后,怎么办呢,而很简单的 <EMBED src="歌曲链接" height="25" width="450" autostart="true" repeat="true" loop="true" type="audio/midi">  却被微软认为是不安全代码在我们保存或者发布日志时过滤掉……
 
快疯掉了…
 
别急,大仙来了(汗,不就测了个字,东拉西扯了一番嘛,怎么就开始叫俺大仙了,俺还是把这个光荣的称号让给狂人老兄吧)
今天刚回到学校就收到了一个朋友的提问,问我怎么在单篇日志中实现背景音乐的控制,刚好,寒假在家就想了这个问题,觉得应该可以使用Mp3 Flash Player实现这样的效果,于是开始Baidu + Google,无奈搜索结果提供的方法都都需要<object> 这个被微软认为危险的代码,开始思考他们提供的代码:
<object type="application/x-shockwave-flash" data="dewplayer.swf?son=votre_son.mp3" width="200" height="20"> <param name="movie" value="dewplayer.swf?son=votre_son.mp3" /> </object>
其中需要的不就是 value="dewplayer.swf?son=votre_son.mp3" 吗?我们用<embed src=…> 是不是也可行呢,一试果然可以,瞎猫终于逮到耗子了……

所以接下来就很简单了,我们终于可以控制背景音乐播放了,而且播放器还很好看,嘿嘿~~
代码如下:
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.estvideo.com/dew/media/dewplayer.swf?son=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autoplay=yes&loop=yes width=200 height=20 type=application/x-shockwave-flash wmode="transparent">
效果:
      

将你需要的背景音乐歌曲的链接地址体替换上部的橙色部分即可;
需要注意:仅限Mp3格式的歌曲!(不要问我为什么,我也不知道)

  • 播放器设计者
  • 这段代码中http://www.estvideo.com/dew/media/dewplayer.swf?son=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autoplay=yes&loop=yes 是同一部分,其间没有换行也没有空格! 特别需要注意;
  • 其中的http://www.estvideo.com/dew/media/dewplayer.swf 是这个播放器的皮肤(请尽量将他下载下来上传到你的免费空间后再使用,如Google Page);
  •  http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3 是要播放的背景音乐的URL,再次提醒,仅限MP3格式的;
  •  &autoplay=yes 控制自动开始播放,如果不自动播放为 :&autoplay=no ,这个代码不能省略!虽然默认不自动开始播放,但如果不加&autoplay=no ,就不会有最后播放器的效果
  • 好像无法设置连续播放这个歌曲,就是加了 &loop=yes ,也是没效果,因为提供这个播放器的设计师介绍用的德文,除了代码和几个插进其中的英语单词,我什么都没看懂,如果那位朋友懂德文,拜托你看看他说的是连续播放需要添加什么代码,或者发帖问问他……
  • 播放器的按钮,从左到右依次是:播放、停止、暂停; 后边显示歌曲长度和播放的进度;
自我感觉这个播放器很好看,但在同学那里又找了些:
 
鱼最喜欢这一种了,我看着也蛮好看的,而且自定义程度很大:
  • 默认是这样子:
           
    (为了防止混乱,这个设置为不自动播放,大家按右侧的按钮就可以开始播放歌曲了)
    代码:
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="http://rpsh.yo2.cn/wp-content/uploads/18/1876/2007/10/player01.swf?soundFile=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autostart=yes&loop=yes" width=290 height=24 type=application/x-shockwave-flash  wmode="transparent">
    代码用法同上,用你的背景音乐歌曲的URL代替上边的橙色部分,歌曲需要是MP3格式;这个可以控制连续播放 &loop=yes,省略仅播放一遍就停止。
  • 自定义后:
           
    代码如下
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="http://rpsh.yo2.cn/wp-content/uploads/18/1876/2007/10/player01.swf?soundFile=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autostart=yes&loop=yes&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0xF06A51&rightbghover=0xAF2910&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0xAF2910" width=290 height=24 type=application/x-shockwave-flash  wmode="transparent">

    其中:&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0xF06A51
    &rightbghover=0xAF2910&righticon=0xF2F2F2&righticonhover=0xFFFFFF
    &text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0xAF2910
    就是控制这个播放器外观的;其中各个参数控制那里看鱼的详细介绍吧;这个播放器的设计者

 
 下边的只给出示例和代码,不详细解释,跟前边融汇贯通就会用了,呵呵
  1. 来自:Mini Mp3 Flash Player 
             
    代码如下:
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="http://www.mirpod.com/IMG/swf/mini_player_mp3.swf?my_mp3=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autoplay=yes&loop=yes&my_text=I Ofen go to Rpsh’ Space" width="331" height="25"  type=application/x-shockwave-flash  wmode="transparent"> 
    这个多了一种参数 my_text=I Ofen go to Rpsh’ Space 用来控制制播放器开始播放前显示在上边的文字,可以用中文,但尽量不要用,否则可能造成播放器无法正常使用(因为Live Spaces会莫名其妙地过滤掉 裹住字符串的"" );
  2. 还是这个作者的:
            
    代码如下:
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="http://www.mirpod.com/mini-player-mp3.swf?mp3=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autoplay=1&volume=100&loop=1" width="200" height="20"  type=application/x-shockwave-flash  wmode="transparent">
    autoplay=1 自动播放, autoplay=0 不自动播放;
    volume=100 :控制音量,从1-200;
    同前边的也可以自定义皮肤颜色,但很麻烦,喜欢的话自己到这里获得代码,然后类比前边的示例得出放在Live Space合适的代码;
        
  3. 这篇文章发布出来后,又在鱼这篇文章那个后的评论那里找到一个可以显示歌词的播放器:
        
    代码为:
    <EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer src="http://www.blogthissong.com/player.swf?soundFile=http://www.mengyou.org/up_load/music/mp3/jianghuxiao.mp3&autostart=yes&loop=yes&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" width="290" height="40" type=application/x-shockwave-flash  wmode="transparent">

    其中的 &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就是显示歌词的,大家可以到这里获得歌词部分代码;
    如果你不懂这个怎么弄得,请看这里对这个带歌词的播放器的详细介绍。

该日志未加标签。

相关日志


无关博文

1 条评论

Post comment

comment has COPYRIGHT too!