Last year, a js code written by the Baidu homepage player was recorded first. Firefox is not supported. You can use autio to modify it in another day.

The player kernel uses object or embed.

I just tested it. The latest Firefox does not support it. IE 360 can be used. Change it to audio in another day.

Record it here first

The next song is supported, paused, and started.

The usage is simple:

The code is very simple. It is implemented using js and easy to use.

1. Introduce css: <link href = "css/StyleSheet.css" rel = "stylesheet" type = "text/css"/>
2. Introduce js: <script src = "js/JScript. Music. js" type = "text/javascript"> </script>

3. Put a div container that loads the player <div id = "music_panel"> </div>

4,

<Script type = "text/javascript"> var MUSIC = new Music ([{"Panel": "music_panel", "Width": "380", "Height ": "100", "AutoStart": true, "Image": "webImg/album/20122027052035203540.jpg"," Url ":"/webImg/music/20123927053922392250133 "," Music ": [{"Name": "We are all the same", "Singer": "Zhang Jie", "SingerLink": "javascript: void (0)", "Ablum ": "xxx", "AblumLink": "javascript: void (0)", "AutoStart": true, "Image ":" http://imgsrc.baidu.com/baike/pic/item/03087bf40ad162d976c9f6b511dfa9ec8a13cd70.jpg "," Url ":" http://data1.act3.qq.com/2008-09-30/12/b8be62ce0758e958e05b24618befbef9.mp3?http%A4%84%B8A%E3%BF%C1%B9z/vfile.home.news.cn/music/public/vd2/200811/4.mp3 "},{" Name ":" My songs "," Singer ":" Qu wanting "," SingerLink ":" javascript: void (0 )", "Ablum": "xxx", "AblumLink": "javascript: void (0)", "AutoStart": true, "Image ":" http://apps3.bdimg.com/store/static/kvt/e4c9252bf227c4a6427756b84dfba94f.jpg "," Url ":" http://attachments.cngba.com/attachments/forum/201204/21/112846rgjkj55gyijerhji.mp3 "},{" Name ":" possible "," Singer ":" Li Xiaoyun "," SingerLink ":" javascript: void (0) "," Ablum ": "xxx", "AblumLink": "javascript: void (0)", "AutoStart": true, "Image ":" http://picache.baidu.com/media?wd=CDA79D2E8563D8F5C0BE992128D3F9A7A92166DA4BE8CEE0642B4C7EBE9D354508F9A47D62B57D5D18D9DE8B517FBB7B&src=http://www.bkjia.com/uploads/allimg/140702/121Ja3G-1.jpg&def=local://neverfill "," Url ":" http://zhangmenshiting.baidu.com/data2/music/27920867/2792075982800128.mp3?xcode=ae9bd6c273a9739430b0581eb794ca53 "},{" Name ":" still love you "," Singer ":" Wang Lihong "," SingerLink ":" javascript: void (0) "," Ablum ": "xxxx", "AblumLink": "javascript: void (0)", "AutoStart": true, "Image ":" http://apps3.bdimg.com/store/static/kvt/0aabc03602d739babdae4a1c6c07277f.jpg "," Url ":" http://music.huoxing.com/upload/20120702/1341183292277_4670.mp3 ? "},{" Name ":" find titani "," Singer ":" Park yizawa "," SingerLink ":" javascript: void (0) "," Ablum ": "xxxx", "AblumLink": "javascript: void (0)", "AutoStart": true, "Image ":" http://picache.baidu.com/media?wd=CDA79D2E8563D8F5C0BE992128D3F9A776D7488E0BBE49C433893DD621D3B49A7F219FD54AAB780D488CDC128145EFA3&src=http://www.bkjia.com/uploads/allimg/140702/121J95549-2.jpg&def=local://neverfill "," Url ":" http://video11.ifeng.com/video06/2012/04/18/3bd579b3-7aa4-4d52-b228-4b1314797315.mp3 "},{" Name ":" Peach Blossom "," Singer ":" Yang Xiaoying "," SingerLink ":" javascript: void (0) "," Ablum ": "xxxx", "AblumLink": "javascript: void (0)", "AutoStart": true, "Image ":" http://picache.baidu.com/media?wd=CDA79D2E8563D8F5C0BE992128D3F9A7A92166DA4BE8CEE0642B4C7EBE9D35459686508B4F8C9720A15CA53121973AC4&src=http://www.bkjia.com/uploads/allimg/140702/121J94035-3.jpg&def=local://neverfill "," Url ":" http://m.61song.cn/SongJin.net/yyy02/%CC%D2%BB%A8%D4%CB.wma?nbsp=&vsid=44b90565dc99188f6ad9deb9 "},{" Name ":" I Like You "," Singer ":" liuzhe "," SingerLink ":" javascript: void (0) "," Ablum ": "xxxx", "AblumLink": "javascript: void (0)", "AutoStart": true, "Image ":" http://b.hiphotos.baidu.com/ting/pic/item/71cf3bc79f3df8dcc0010bd8cd11728b471028be.jpg "," Url ":" http://music1.tianya.cn/upmusicfile/2010/4/28/287846_33011389.MP3 "}]); </Script>

 

This article is reproduced at/attached download: Portal

More code access: Program