去年方百度首頁播放器寫的一個js代碼，先記錄一下，不支援Firefox了，改天用autio改改

標籤：style   blog   http   java   color   使用   

播放器核心使用的是 object 或embed

剛剛測試了下，最新的Firefox不支援了，IE 360還能用，改天換成audio來做吧

這裡先記錄下來

支援下一曲，暫停，開始

使用方法很簡單：

該代碼很簡單，使用js實現，使用方法很簡單

1、引入css：<link href="css/StyleSheet.css" rel="stylesheet" type="text/css" />
2、引入js：<script src="js/JScript.Music.js" type="text/javascript"></script>

3、放一個裝載播放器的div容器<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/20123927053922392250.mp3", "Music": [         { "Name": "我們都一樣", "Singer": "張傑", "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": "我的歌聲裡", "Singer": "曲婉婷", "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": "可能", "Singer": "李霄雲", "SingerLink": "javascript:void(0)", "Ablum": "xxx", "AblumLink": "javascript:void(0)", "AutoStart": true, "Image": "http://picache.baidu.com/media?wd=CDA79D2E8563D8F5C0BE992128D3F9A7A92166DA4BE8CEE0642B4C7EBE9D354508F9A47D62B57D5D18D9DE8B517FBB7B&src=http://imgsrc.baidu.com/baike/pic/item/1b4c510fd9f9d72a5b3a31a3d42a2834349bbb35.jpg&def=local://neverfill", "Url": "http://zhangmenshiting.baidu.com/data2/music/27920867/2792075982800128.mp3?xcode=ae9bd6c273a9739430b0581eb794ca53" },         { "Name": "依然愛你", "Singer": "王力宏", "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": "尋找鐵達尼", "Singer": "樸一澤", "SingerLink": "javascript:void(0)", "Ablum": "xxxx", "AblumLink": "javascript:void(0)", "AutoStart": true, "Image": "http://picache.baidu.com/media?wd=CDA79D2E8563D8F5C0BE992128D3F9A776D7488E0BBE49C433893DD621D3B49A7F219FD54AAB780D488CDC128145EFA3&src=http://imgsrc.baidu.com/baike/abpic/item/a9d3fd1f4134970af3dad7ab95cad1c8a6865d8d.jpg&def=local://neverfill", "Url": "http://video11.ifeng.com/video06/2012/04/18/3bd579b3-7aa4-4d52-b228-4b1314797315.mp3" },         { "Name": "桃花運", "Singer": "楊鈺瑩", "SingerLink": "javascript:void(0)", "Ablum": "xxxx", "AblumLink": "javascript:void(0)", "AutoStart": true, "Image": "http://picache.baidu.com/media?wd=CDA79D2E8563D8F5C0BE992128D3F9A7A92166DA4BE8CEE0642B4C7EBE9D35459686508B4F8C9720A15CA53121973AC4&src=http://data.yule.sohu.com/star/pic/star/1/1500/default.jpg&def=local://neverfill", "Url": "http://m.61song.cn/SongJin.net/yyy02/%CC%D2%BB%A8%D4%CB.wma?nbsp=&vsid=44b90565dc99188f6ad9deb9" },          { "Name": "我好喜歡你", "Singer": "六哲", "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>

 

本文轉載地址/附下載：傳送門

更多代碼訪問：程式吧