返回列表 发帖

Rank: 2

帖子
105 
积分
266 
金钱
96  
在线时间
11 小时 
注册时间
2011-7-22 
最后登录
2012-9-29 
1# 跳转到 » 倒序看帖
打印
tT
ape发烧发表于 2012-3-2 10:11 | 只看该作者

百度mp3变成点歌器（附源码）

html, head, 百度播放器, 百度mp3, border
本帖最后由 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;

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

  16. }
  17. </style>

  19. </head>
  20. <body>

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

  24. <div id="main">

  26.       
  27.       
  28.         <table width="750"><tr>
  29.                 <td>

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

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

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

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

  44. type="button" id="show" name="show" value=" 获取代码 " onclick="show_code();" /></p>
  45.                         </form>
  46.                 </td>
  47.                
  48.         </tr></table>
  49.         <textarea id="code" name="code"></textarea>

  51. </div>



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

  57. function playnow(){
  58.         var name = trim(document.getElementByIdx_x('name').value);
  59.         var artist = trim(document.getElementByIdx_x('artist').value);
  60.         var h_name = name.replace(/ /g,"+");
  61.         var h_artist = artist.replace(/ /g,"+");
  62.         var add_msg = '<a href=javascript:play("' + h_name + '","' + h_artist + '")>' + name + '</a>';
  63.         play(name,artist);
  64.         var s_song = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");//保存点歌信息
  65.         s_song.open("POST","img/savesong.php",true);
  66.         s_song.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  67.         s_song.send("name=" + name + "&artist="  +artist + "");
  68.         document.getElementByIdx_x('newsong').innerHTML = add_msg + "<br />" + document.getElementByIdx_x('newsong').innerHTML;
  69.         document.getElementByIdx_x('play').disabled = true;
  70. }

  72. function show_code(){
  73.         var obj = document.getElementByIdx_x('code');
  74.         var btn = document.getElementByIdx_x('show');
  75.         btn.value = btn.value == " 获取代码 " ? " 隐藏代码 " : " 获取代码 ";
  76.         obj.value  = (document.getElementByIdx_x('bdplayer').innerHTML).replace(/&amp;/g,"&") + "</embed>";
  77.         obj.style.display = obj.style.display == "block" ? "" : "block";
  78. }

  80. document.onkeydown = function(e){//回车事件
  81.         var e = e || window.event;
  82.         var keyCode = e.keyCode || e.which;
  83.         var oTarget = e.srcElement || e.target;
  84.         if(keyCode == 13){
  85.                 var tabIndex = oTarget.tabIndex;
  86.                 tabIndex++;
  87.         }
  88.         var oInput = document.getElementsByTagName_r("input");
  89.         for(var i =0;i < oInput.length;i++){
  90.                 if(oInput[i].tabIndex == tabIndex){
  91.                         oInput[i].focus();
  92.                 }
  93.         }
  94. }

  96. function trim(str){//删除左右空格
  97.         if(str.length > 0){
  98.                 if(str.charAt(0) == " ") str = str.substring(1,str.length);
  99.                 if(str.charAt(str.length-1) == " ") str = str.substring(0,str.length-1);
  100.                 if(str.charAt(0)== " " || str.charAt(str.length-1) == " ") return trim(str);

  102.         }
  103.         return str;
  104. }

  106. function onmouseupFn(eventTag){//阻止chrome鼠标单击默认事件
  107.     var event = eventTag||window.event;
  108.     event.preventDefault();
  109. }

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

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

  116. wmode="opaque"></embed>';
  117. }

  119. function check(){
  120.         if(document.getElementByIdx_x('name').value != ""){
  121.                 document.getElementByIdx_x('play').disabled= false;
  122.         }
  123. }

  125. function begin(){
  126.         var rand = Math.random();
  127.         var range = song.length - 1;
  128.         var idx = Math.round(rand * range);
  129.         play(song[idx][0],song[idx][1]);
  130. }

  132. window.onload = begin;

  134. //程序原创制作: 黑马
  135. //海天居论坛大头修改
  136. var song = [
  137.         ['逞强','萧亚轩'],
  138.         ['枉凝眉','古琴'],
  139.         ['伤不起','王麟'],
  140.         ['大礼堂','侃侃'],
  141.         ['归去来兮','侃侃'],
  142.       

  144. ['十送红军','刀郎'],
  145.         ['映山红','刀郎'],
  146.         ['三套车','童丽'],
  147.         ['三套车','黑鸭子'],
  148.         ['玛依拉','女子十二乐坊'],
  149.         ['自由','

  151. 女子十二乐坊'],
  152.         ['离弦','常静'],
  153.         ['童年','bandari'],
  154.         ['呼吸','常静'],
  155.         ['媚','常静'],
  156.         ['最熟悉的陌生人','萧亚轩'],
  157.       

  159. ['泥娃娃','儿歌'],
  160.         ['升','常静'],
  161.         ['香水有毒','胡杨林'],
  162.         ['长城','beyond'],
  163.         ['大地','beyond'],
  164.         ['红楼梦','陈琳'],
  165.       

  167. ['布拉格广场','蔡依林'],
  168.         ['love love love','蔡依林'],
  169.         ['父亲','筷子兄弟'],
  170.         ['鲁冰花','甄妮'],
  171.         ['星语心愿','张柏芝'],
  172.       

  174. ['逐梦令','李玉刚'],
  175.         ['小红帽','邓丽欣'],
  176.         ['爱在草原','范海荣'],
  177.         ['only time',' enya'],
  178.         ['春野','班得瑞'],
  179.         ['荷塘月色','凤凰

  181. 传奇'],
  182.         ['十二种颜色','陈琳'],
  183.         ['冷雨','陈琳'],
  184.         ['月亮代表我的心','邓丽君'],
  185.         ['知道不知道','卡洛儿'],
  186.         ['风居住的街道','

  188. 矶村由纪子'],
  189.         ['爱的供养','杨幂'],
  190.         ['sexually healing','elize'],
  191.         ['one by one','恩雅'],
  192.         ['莎莉花园','enya'],
  193.         ['wild

  195. child','enya'],
  196.         ['小河淌水','米线'],
  197.         ['小河淌水','朱婧'],
  198.         ['小河淌水','龚玥'],
  199.         ['小河淌水','古筝'],
  200.         ['香格里拉','朱婧'],
  201.       

  203. ['美丽骏马','朱婧'],
  204.         ['蝴蝶劫','朱婧'],
  205.         ['蚂蚁','朱婧'],
  206.         ['阿诗玛','朱婧'],
  207.         ['信天游','龚玥'],      
  208.         ['狼','齐

  210. 秦'],
  211.         ['琴伤','周杰伦'],
  212.         ['浪人情歌','许茹芸'],
  213.         ['草原香','庞龙'],
  214.         ['飞蛾','羽泉'],
  215.         ['采蘑菇的小姑娘','卓依婷']
  216. ];

  218. </script>

  220. </body>
  221. </html>
复制代码
收藏 分享
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友

Rank: 9Rank: 9Rank: 9

帖子
8705 
积分
27266 
金钱
8451  
在线时间
1895 小时 
注册时间
2009-4-18 
最后登录
2024-8-18 
2#
idc886发表于 2012-3-2 21:37 | 只看该作者
楼主，有样站没。   

贴出来大家点点，这样就更能吸引。
★ 11月开空间新规则，百度GG收录百贴：http://idc866.com/thread-15155-1-1.html
★ 本站转型：推荐免费空间，收集免费空间，免费空间测试，并提供原创申请教程。
★ 免备案空间，免费空间，免费国外空间，国外免费空间，免费美国空间
★ 我们是一群辛勤的小站站长，我们需要团结，我们需要共同进步！！！！
★ 达要求开空间，论坛发申请贴后，请加QQ：876812422  (一般在线、有Q必回)

TOP

返回列表