Board logo

标题: 百度mp3变成点歌器(附源码) [打印本页]

作者: ape发烧    时间: 2012-3-2 10:11     标题: 百度mp3变成点歌器(附源码)

本帖最后由 ape发烧 于 2012-3-2 10:13 编辑

复制源码粘贴到txt文本中存为html格式的文件即可本机浏览
出处:http://blog.sina.com.cn/s/blog_93ee1cc701010vlx.html
  1. <!doctype html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>百度播放器点歌程序</title>
  6. <style type="text/css">
  7.         h1                 { text-shadow: 2px 2px 5px #333; text-align:center; }
  8.         img                { border:0px; }
  9.         a                        { text-decoration: none;color:#0066cc; }
  10.         a:hover        { color:#ff0000; }
  11.         textarea        { width:100%; border:0px; height:60px;text-align:left; font-size:12px; color: #666; overflow:hidden;

  12. display:none; }
  13.         #main                { margin:auto; padding:8px; width: 800px; border:1px solid #bbb; box-shadow:3px 3px 3px #aaa; text-align:center;

  14. }
  15. </style>

  16. </head>
  17. <body>

  18. <h1>百度播放器点歌程序</h1>

  19. <div id="main">

  20.       
  21.       
  22.         <table width="750"><tr>
  23.                 <td>

  24.                         <div id="bdplayer"></div>
  25.                         <form>
  26. <h1><p><font color=red size=5pt>在下方输入歌曲名称和歌手名字即可播放试听了!</font></p></h1>
  27.                                 <p><label for="name">歌曲名称: </label><input size="40" id="name" name="name" value="" tabindex="1"

  28. onfocus="this.select();" onmouseup="onmouseupFn(event);" onchange="check();" /></p>
  29.                                 <p><label for="artist">艺 术 家: </label><input size="40" id="artist" name="artist" value="" tabindex="2"

  30. onfocus="this.select();" onmouseup="onmouseupFn(event);" /></p>
  31.                                 <p><input id="play" name="play" type="button" onclick="playnow();" value=" 开始播放 " tabindex="3"

  32. disabled="false" />&nbsp;<input type="button" id="change" name="change" value=" 换 一 首 " onclick="begin();" />&nbsp;<input

  33. type="button" id="show" name="show" value=" 获取代码 " onclick="show_code();" /></p>
  34.                         </form>
  35.                 </td>
  36.                
  37.         </tr></table>
  38.         <textarea id="code" name="code"></textarea>

  39. </div>



  40. <script type="text/javascript">

  41. function playnow(){
  42.         var name = trim(document.getElementByIdx_x('name').value);
  43.         var artist = trim(document.getElementByIdx_x('artist').value);
  44.         var h_name = name.replace(/ /g,"+");
  45.         var h_artist = artist.replace(/ /g,"+");
  46.         var add_msg = '<a href=javascript:play("' + h_name + '","' + h_artist + '")>' + name + '</a>';
  47.         play(name,artist);
  48.         var s_song = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");//保存点歌信息
  49.         s_song.open("POST","img/savesong.php",true);
  50.         s_song.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  51.         s_song.send("name=" + name + "&artist="  +artist + "");
  52.         document.getElementByIdx_x('newsong').innerHTML = add_msg + "<br />" + document.getElementByIdx_x('newsong').innerHTML;
  53.         document.getElementByIdx_x('play').disabled = true;
  54. }

  55. function show_code(){
  56.         var obj = document.getElementByIdx_x('code');
  57.         var btn = document.getElementByIdx_x('show');
  58.         btn.value = btn.value == " 获取代码 " ? " 隐藏代码 " : " 获取代码 ";
  59.         obj.value  = (document.getElementByIdx_x('bdplayer').innerHTML).replace(/&amp;/g,"&") + "</embed>";
  60.         obj.style.display = obj.style.display == "block" ? "" : "block";
  61. }

  62. document.onkeydown = function(e){//回车事件
  63.         var e = e || window.event;
  64.         var keyCode = e.keyCode || e.which;
  65.         var oTarget = e.srcElement || e.target;
  66.         if(keyCode == 13){
  67.                 var tabIndex = oTarget.tabIndex;
  68.                 tabIndex++;
  69.         }
  70.         var oInput = document.getElementsByTagName_r("input");
  71.         for(var i =0;i < oInput.length;i++){
  72.                 if(oInput[i].tabIndex == tabIndex){
  73.                         oInput[i].focus();
  74.                 }
  75.         }
  76. }

  77. function trim(str){//删除左右空格
  78.         if(str.length > 0){
  79.                 if(str.charAt(0) == " ") str = str.substring(1,str.length);
  80.                 if(str.charAt(str.length-1) == " ") str = str.substring(0,str.length-1);
  81.                 if(str.charAt(0)== " " || str.charAt(str.length-1) == " ") return trim(str);

  82.         }
  83.         return str;
  84. }

  85. function onmouseupFn(eventTag){//阻止chrome鼠标单击默认事件
  86.     var event = eventTag||window.event;
  87.     event.preventDefault();
  88. }

  89. function play(s_name,a_name){
  90.         document.getElementByIdx_x('bdplayer').innerHTML = '<embed height="74" type="application/x-shockwave-flash" width="500"

  91. src="http://box.baidu.com/widget/flash/song.swf?name=' + s_name + '&artist=' + a_name +'&autoPlay=true&loop=true"

  92. wmode="opaque"></embed>';
  93. }

  94. function check(){
  95.         if(document.getElementByIdx_x('name').value != ""){
  96.                 document.getElementByIdx_x('play').disabled= false;
  97.         }
  98. }

  99. function begin(){
  100.         var rand = Math.random();
  101.         var range = song.length - 1;
  102.         var idx = Math.round(rand * range);
  103.         play(song[idx][0],song[idx][1]);
  104. }

  105. window.onload = begin;

  106. //程序原创制作: 黑马
  107. //海天居论坛大头修改
  108. var song = [
  109.         ['逞强','萧亚轩'],
  110.         ['枉凝眉','古琴'],
  111.         ['伤不起','王麟'],
  112.         ['大礼堂','侃侃'],
  113.         ['归去来兮','侃侃'],
  114.       

  115. ['十送红军','刀郎'],
  116.         ['映山红','刀郎'],
  117.         ['三套车','童丽'],
  118.         ['三套车','黑鸭子'],
  119.         ['玛依拉','女子十二乐坊'],
  120.         ['自由','

  121. 女子十二乐坊'],
  122.         ['离弦','常静'],
  123.         ['童年','bandari'],
  124.         ['呼吸','常静'],
  125.         ['媚','常静'],
  126.         ['最熟悉的陌生人','萧亚轩'],
  127.       

  128. ['泥娃娃','儿歌'],
  129.         ['升','常静'],
  130.         ['香水有毒','胡杨林'],
  131.         ['长城','beyond'],
  132.         ['大地','beyond'],
  133.         ['红楼梦','陈琳'],
  134.       

  135. ['布拉格广场','蔡依林'],
  136.         ['love love love','蔡依林'],
  137.         ['父亲','筷子兄弟'],
  138.         ['鲁冰花','甄妮'],
  139.         ['星语心愿','张柏芝'],
  140.       

  141. ['逐梦令','李玉刚'],
  142.         ['小红帽','邓丽欣'],
  143.         ['爱在草原','范海荣'],
  144.         ['only time',' enya'],
  145.         ['春野','班得瑞'],
  146.         ['荷塘月色','凤凰

  147. 传奇'],
  148.         ['十二种颜色','陈琳'],
  149.         ['冷雨','陈琳'],
  150.         ['月亮代表我的心','邓丽君'],
  151.         ['知道不知道','卡洛儿'],
  152.         ['风居住的街道','

  153. 矶村由纪子'],
  154.         ['爱的供养','杨幂'],
  155.         ['sexually healing','elize'],
  156.         ['one by one','恩雅'],
  157.         ['莎莉花园','enya'],
  158.         ['wild

  159. child','enya'],
  160.         ['小河淌水','米线'],
  161.         ['小河淌水','朱婧'],
  162.         ['小河淌水','龚玥'],
  163.         ['小河淌水','古筝'],
  164.         ['香格里拉','朱婧'],
  165.       

  166. ['美丽骏马','朱婧'],
  167.         ['蝴蝶劫','朱婧'],
  168.         ['蚂蚁','朱婧'],
  169.         ['阿诗玛','朱婧'],
  170.         ['信天游','龚玥'],      
  171.         ['狼','齐

  172. 秦'],
  173.         ['琴伤','周杰伦'],
  174.         ['浪人情歌','许茹芸'],
  175.         ['草原香','庞龙'],
  176.         ['飞蛾','羽泉'],
  177.         ['采蘑菇的小姑娘','卓依婷']
  178. ];

  179. </script>

  180. </body>
  181. </html>
复制代码

作者: idc886    时间: 2012-3-2 21:37

楼主,有样站没。   

贴出来大家点点,这样就更能吸引。




欢迎光临 免费国外空间,国外免费空间, (http://idc866.com/) Powered by Discuz! 7.2