百度空间音乐播放器在Jimdo等博客上的调用方法

      因写上文《支持MP3音乐上传下载、外链外挂的免费音乐分享网盘 - onmvoice(图解)》,要试验音乐外链,就找了一些音乐播放器,研究一番后,发现百度空间的音乐播放器,不但漂亮,而且功能齐全,那么我们能否把它调用到Jimdo网站上来呢?实验证明,调用完全没有问题,但如果想打造成一个完全为我所用的音乐播放器,还是要费点工夫的,还好,最后是成功了。

      先登录百度空间,点击新文章,然后再添加音乐,一首张雨生的《天天想你》就出来了,有歌曲名称、演唱者,有播放时间、进度,还有歌曲来源、歌词等,效果如下:

      通过点击分享,我们可以得到各种分享代码,如“页面地址”、“Flash播放器”、“HTML代码”,上述效果用的是HTML代码,具体为:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="95" id="bdmp3widget7127">
        <param name="movie" value="http://box.baidu.com/widget/flash/mbsong.swf?name=%E5%A4%A9%E5%A4%A9%E6%83%B3%E4%BD%A0&amp;artist=%E5%BC%A0%E9%9B%A8%E7%94%9F&amp;extra=" />
        <param name="wmode" value="opaque" />
        <param name="allowscriptaccess" value="always" />
        <embed src="http://box.baidu.com/widget/flash/mbsong.swf?name=%E5%A4%A9%E5%A4%A9%E6%83%B3%E4%BD%A0&amp;artist=%E5%BC%A0%E9%9B%A8%E7%94%9F&amp;extra=" type="application/x-shockwave-flash"
        wmode="opaque" allowscriptaccess="always" width="400" height="95" name="bdmp3widget7127" />
</object>

      作为Flash播放器,<object>是符合web标准的标签,<embed>标签是Netscape的私有财产,而事实上,现在的浏览器都支持<embed>,也就是说<object>部分是可以去除掉的,只使用其中的<embed>,可以获得一样的效果,代码精简后的效果:

      它的HTML代码为:

<embed src="http://box.baidu.com/widget/flash/mbsong.swf?name=天天想你&amp;artist=张雨生&amp;extra=" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" width="400" height="95" name="bdmp3widget7127" />

      这是一个Flash音乐播放器,代码中,播放器地址为:http://box.baidu.com/widget/flash/mbsong.swf,另外还有一些歌名、歌手等设置,但是,代码里我们却找不出歌曲的直接来源,而且百度空间添加音乐地址时,它只支持mp3扩展名的音乐,那么如何将它用作自己的音乐播放器呢?

      经过实验,成功地用它将非百度音乐的的mp3播放了出来,效果如下:

      比较而言,没有分享、收藏功能,也没有歌词显示,但效果还是不错的。由此,我们得到调用百度Flash音乐播放器的标准代码:

 <embed src="http://box.baidu.com/widget/flash/mbsong.swf?&amp;url=音乐地址&amp;artist=音乐标题(歌名、歌手)&amp;" width="400" height="95" type=
    "application/x-shockwave-flash" wmode="transparent" />

      这个百度的Flash音乐播放器,至少在Jimdo上试验是成功的,感兴趣的朋友可以拿到自己的Jmdo网站或别的博客上去试试。

代码简析:

      embed:Flash文件调用代码;

      src:Flash播放器地址,还有一个效果相同:http://box.baidu.com/widget/flash/bdspacesong.swf

      url:音乐文件地址;

      artist:可以设置歌名、歌手;

      width:播放器宽度;

      height:播放器高度;

PS:另一种百度音乐播放器代码及演示

<embed height="74" type="application/x-shockwave-flash" width="500" src="http://box.baidu.com/widget/flash/song.swf?name=大海&amp;artist=张雨生&amp;autoPlay=false"  />

Write a comment

Comments: 10
  • #1

    李明珅 (Monday, 09 April 2012 22:32)

    我这边看的外链onmovie的都是播放失败,包括上篇文章的。邻居再研究下……

  • #2

    网上邻居 (Monday, 09 April 2012 22:40)

    onmovie的外链播放都不成功?我测试都是正常的,或者是时间、浏览器有关系?
    谢谢李明珅朋友,我再研究一下。

  • #3

    李明珅 (Tuesday, 10 April 2012 08:07)

    现在chrome 能播放 IE8失败

    前天看上文的时候 是chrome 失败 IE8正常

    邻居的这两篇文章对我很有用

  • #4

    网上邻居 (Tuesday, 10 April 2012 21:46)

    李明珅:
    谢谢你反馈的信息,我原来一直是用firefox浏览器,经不同浏览测试,用下载地址作为外链地址,确实还存在一些问题。使用onmovie外挂是没问题的,外链地址问题还有待进一步研究。

  • #5

    网型网秀 (Thursday, 12 April 2012 18:28)

    平时测试时有时可能是因为缓存影响的,所以我一般利用QQ空间的连通率来判断快慢。调用baidu播放器有点占地方,我一般都喜欢使用自己的播放器测试,有时音乐地址有点复杂,我常用goo.gl缩短。

  • #6

    网上邻居 (Thursday, 12 April 2012 20:27)

    网型网秀:
    关于onmovie的外链,确实还有些没搞明白,好像网络上有这方面的讨论,有空再去学习。
    关于外链地址的转换,这几天测试了一下微博转换法,QQ空间不支持的一些音乐地址,照转不误。百度网盘的上音乐做QQ空间的背景音乐,一样可以的。公测阶段可以,以后就不知道行不行了...

  • #7

    wlp (Friday, 03 July 2015 12:27)

    http://www.burberry-outlet.jp.net/
    http://www.burberryoutlet.org.uk/
    http://www.burberryoutlet-online.co.com/
    http://www.burberryoutlet-online.in.net/
    http://www.calvinklein.co.com/
    http://www.celinebags.org/
    http://www.chanelhandbags.net.co/
    http://www.cheapbaseballbats.net/
    http://www.christianlouboutinshoes.ar.com/
    http://www.air-huarache.co.uk/
    http://www.airjordans.us/
    http://www.airjordanshoes2015.com/
    http://www.airmax-2015.org/
    http://www.airmax-90.org/
    http://www.babyliss-pro.net/
    http://www.basketballshoes.com.co/
    http://www.beatsbydrdre.co.com/
    http://www.beatsbydre.com.co/
    http://www.beats-by-dre.com.co/
    http://www.beatsheadphones.in.net/
    http://www.bottega.us/
    http://www.burberryhandbags.net.co/
    http://www.cheapjerseys.in.net/
    http://www.cheap-jordans.net/
    http://www.cheapmichaelkors.us.org/
    http://www.cheap-nikeshoes.com/
    http://www.cheapoakley.us.org/
    http://www.cheapoakleysunglasses.ar.com/
    http://www.cheap-oakleysunglasses.in.net/
    http://www.cheaprayban.com.co/
    http://www.cheapshoes.com.co/
    http://www.cheapuggboots.eu.com/
    http://www.chiflatiron.net.co/
    http://www.christian--louboutin.in.net/
    http://www.christianlouboutin.org.uk/
    http://www.christianlouboutinshoes.jp.net/
    http://burberry.outletnow.net/
    http://christian.louboutin-outlet.net/
    http://toryburch.salesandals.net/
    http://www.abercrombieand-fitch.com.co/
    http://www.abercrombiefitch.us.com/
    http://www.abercrombie-kids.us.com/
    http://www.coachfactory-outlet.co.com/
    http://www.coachfactoryoutletonline.co.com/
    http://www.coach-handbags.com.co/
    http://www.coachoutlet-online.com.co/
    http://www.coachoutletstore.net.co/
    http://www.coachoutletstore-online.com.co/
    http://www.coco-chanelbags.com.co/
    http://www.converse.net.co/
    http://www.designerhandbagsoutlet.com.co/
    http://www.eyeglassesonline.us.com/
    http://www.eyeglassframes.us.com/
    http://www.fashion-clothing.us.com/
    http://www.ferragamo.com.co/
    http://www.ferragamoshoes.net/
    http://www.ghdhairstraightener.com.co/
    http://www.jimmychoo.net.co/
    http://www.jordanretro.org/
    http://www.jordan-shoes.com.co/
    http://www.juicycouture.com.co/
    http://www.juicycoutureoutlet.net.co/
    http://www.louisvuitton-outlet.com.co/
    http://www.louisvuitton-outlets.us/
    http://www.marcjacobsonsale.com/
    http://www.mcm-bags.net/
    http://www.mcmhandbags.com.co/
    http://www.michaelkors.so/
    http://www.michael--kors.us.com/
    http://www.michaelkorsbags.us.org/
    http://www.michaelkorshandbags.org.uk/
    http://www.michael-kors-handbags.us.com/
    http://www.michaelkorsoutlet.ar.com/
    http://www.michael-kors-outlet.us.org/
    http://www.michaelkorsoutlet-online.ar.com/
    http://www.michael-kors-outlet-online.us.org/
    http://www.michaelkorsoutletonline-sale.us.com/
    http://www.michaelkors-uk.org.uk/
    http://www.montblanc--pens.net/
    http://www.newbalance-outlet.org/
    http://www.nike-air-max.us/
    http://www.nikefactory.org/
    http://www.nikefree5.net/
    http://www.nikefree-run.net/
    http://www.nikefree-run.org.uk/
    http://www.jordanrelease-dates.com/
    http://www.nikemercurial.net/
    http://www.nikerosherun.us/
    http://www.nikestore.us/
    http://www.northface.us.org/
    http://www.northfaceoutlet.com.co/
    http://www.oakleyoutlet.us.org/
    http://www.oakley-sunglasses.us.org/
    http://www.oakleysunglassescheap.in.net/
    http://www.oakleysunglassesoutlet.com.co/
    http://www.omegawatches.us.com/
    http://www.pandora-charms.org.uk/
    http://www.pandorajewelry.com.co/
    http://www.polo-outlets.com/
    http://www.pradahandbags.net.co/
    http://www.pradahandbags.com.co/
    http://www.pradashoes.com.co/
    http://www.ralph-lauren.org.uk/
    http://www.ralphlaurenoutlet.us.com/
    http://www.ralphlauren-outlet.org.uk/
    http://www.ralphlaurenoutletonline.com.co/
    http://www.ralphlaurenoutletonline.in.net/
    http://www.gucci.me.uk/

  • #8

    song recognition app (Saturday, 13 August 2016 06:50)

    You have done really good job. I like to say thanks for sharing such a nice article. Keep it up.

  • #9

    women's designer handbags (Saturday, 19 August 2017 14:20)

    This was a really great contest and hopefully I can attend the next one. It was alot of fun and I really enjoyed myself..

  • #10

    罗夕木 (Thursday, 01 February 2018 09:39)

    现在已经失效了。