柒&听

我喜欢一个阳光照射的角落
但不能喜欢太多


||主机支持 漏蛧尐魚

联系我

RSS

December 21, 2009

把亦歌flash音乐播放器嵌入到你的博客页面

亦歌，一直是我比较喜欢的在线音乐播放器，使用方便，界面简洁，没有多余的广告来干扰你的视线，听歌的基本功能都能满足。
每天都打开博客，我都会把博客上音乐盒页面打开，听听歌。就是这么简单。
下面我就把代码贴上来，这个好像是我在亦歌官方博客上看到的，现在也不知道那片文章在哪里了。
如果你喜欢，希望在你的博客里挂上亦歌的音乐页面，就跟我一起做吧。

1.建一个html文件，名字自定义，我就把它命名为music.html.贴上下面代码。你可以把第3行的title改成你想要的页面名称，把
186行的http://www.1g1g.com/?site=myya.net 改为http://www.1g1g.com/?site=你的博客网址，然后保存上传到你的网站根目录。
你也可以下载music.html，修改后上传。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
<title>小T的音乐盒myya.net</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
<script src="http://www.1g1g.com/js/index.js" type="text/javascript">
1function windowCaption(str){
2 document.title=str;
3}
4function windowResizeTo(width, height){
5 window.resizeTo(width, height);
6 window.resizeTo(width * 2 - ((typeof window.innerWidth == 'undefined') ? document.body.clientWidth : window.innerWidth),
7 height * 2 - ((typeof window.innerHeight == 'undefined') ? document.body.clientHeight : window.innerHeight));
8}
9function saveUser(email, passwd) {
10 //document.cookie = escape("ezsong_email") + "=" + escape(email);
11 //document.cookie = escape("ezsong_password") + "=" + escape(passwd);
12}
13function trace(content) {
14 var tf = parent.traceframe;
15 if (tf != null) {
16 tf.trace(content);
17 }
18}
19function checkAnchor(str){
20 return str == null ? null : str.replace(/\\/g, " ").replace(/\(/g, " ").replace(/\)/g, " ").replace(/=/g, " ").replace(/;/g, " ").substr(0,255);
21}
22function getQuery(str){
23 var index;
24 str = str.toLowerCase();
25 if(str.indexOf("#")>-1){
26 index = str.indexOf("#");
27 str = str.substr(index);
28 }else if(str.indexOf(".com/")>-1){
29 index = str.indexOf(".com/");
30 str = str.substr(index+5);
31 }else{
32 str = "";
33 }
34 index = str.indexOf("?");
35 if(index>-1){
36 str = str.substr(0,index);
37 }
38 if(str.indexOf(".html")>-1 || str == "#"){
39 str = "";
40 }
41 return str
42}
43
44function getSourceSite(str){
45 queryArray = str.match(/1zsong\.com\/(.*)\/index\.html/i);
46 if(queryArray){
47 return queryArray[1];
48 }else{
49 return null
50 }
51}
52
53
54
55function sendNotification(funcName,params){
56 get1g1gPlayer().sendNotification(funcName,params);
57}
58
59
60function writeContent() {
61 if(document.getElementById("p1")){
62 document.getElementById("p1").innerHTML = "<a href='http://www.adobe.com/go/getflashplayer'><img src='http://www.adobe.com/macromedia/style_guide/images/160x41_Get_Flash_Player.jpg' alt='Get Adobe Flash player' /></a><h2>欢迎来到亦歌</h2><p>亦歌初始化失败，非常抱歉！< /p><p>这可能是由于您的Flash版本过低，亦歌需要Flash版本为9.0.0或以上。系统检测到您当前的版本为<span class='hightlignt'>"+getFlashplayerVersion()+"</span>。</p& gt; <ul><li>如果您的版本低于9.0.0，您可以在<a href='http://www.adobe.com/go/getflashplayer' target='_blank'>http://www.adobe.com/go/getflashplayer</a>下载安装最新版本的Flash，欢迎您安装后再次光临<a href='http://www.1g1g.com' target='_self'>亦歌</a>。</li><li>如果您的版本高于9.0.0，但亦歌仍无法初始化，并且您的操作系统是ubuntu, 可能是默认flash播放器不正确的原因，解决方法请看<a href='http://blog.1g1g.com/2009/03/30/ubuntu-gnash-swf-player/' target='_blank'>这里</a></li><li>如果还是无法初始化，诚挚地邀请您到& lt;a href='http://tieba.baidu.com/f?kw=%D2%E0%B8%E8' target='_blank'>亦歌吧</a>报告这一问题，或者写信到<a href='mailto:1g1g.service@gmail.com'>1g1g.service@gmail.com</a& gt;，帮助我们解决这一问题。我们将第一时间联系您，感谢您对亦歌的支持！</li></ul>"
63 }
64}
65
66function createPlayer(paramsStr) {
67 var isChangeUrl = true;
68 if(paramsStr == null){
69 paramsStr ="";
70 }
71 if(typeof notice == "string" && notice.length > 0){
72 paramsStr = paramsStr +"&notice="+notice;
73 }
74 if(window.location.href.indexOf("?")>0){
75 paramsStr = paramsStr + "&"+window.location.href.substring(window.location.href.indexOf("?")+1);
76 isChangeUrl = false;
77 }
78 var url=window.location.href;
79 if(getQuery(url)){
80 paramsStr = paramsStr + "&initialInput="+getQuery(url);
81 if(getQuery(url).indexOf("#")==-1)
82 {
83 isChangeUrl = false;
84 }
85 }
86 if(getSourceSite(url)){
87 paramsStr = paramsStr + "&sourceSite="+getSourceSite(url);
88 }
89 if(!isChangeUrl){
90 paramsStr = paramsStr + "&isChangeUrl=false";
91 }
92 document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' width='100%' height='100%' id='1g1gPlayer'>");
93 document.write("<param name='bgcolor' value='#333333'>");
94 document.write("<param name='quality' value='high'>");
95 document.write("<param name='movie' value='/player/loader.swf?uid="+ Math.random() + paramsStr + "'/>");
96 document.write("<param name='allowFullScreen' value='true' />");
97 document.write("<param name='menu' value='false' />");
98 document.write("<param name='allowScriptAccess' value ='always' />");
99 document.write("<EMBED src='/player/loader.swf?uid="+ Math.random() + paramsStr + "' allowFullScreen='true' allowScriptAccess='always' menu='false' quality='high' bgcolor='#FFFFFF' width='100%' height='100%' name='1g1gPlayer' type='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></EMBED>");
100 document.write("</object>");
101 window.onbeforeunload = function(){
102 window.location.hash = "";
103 }
104
105}
106
107
108
109
110function onFlashInit(){
111 if(document.getElementById("myContent")){
112 //document.getElementById("myContent").style.display="none";
113 document.getElementById("myContent").innerHTML = "";
114 }
115}
116
117function getFlashplayerVersion() {
118 var f="",n=navigator;
119 if (n.plugins && n.plugins.length) {
120 for (var ii=0;ii<n.plugins.length;ii++) {
121 if (n.plugins[ii].name.indexOf('Shockwave Flash')!=-1) {
122 f=n.plugins[ii].description.split('Shockwave Flash ')[1];
123 break;
124 }
125 }
126 } else if (window.ActiveXObject) {
127 for (var ii=10;ii>=2;ii--) {
128 try {
129 var fl=eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash."+ii+"');");
130 if (fl) {f=ii + '.0'; break; }
131 }
132 catch(e) {}
133 }
134 }
135 return f;
136}
137
138function get1g1gPlayer(){
139 if (navigator.appName.indexOf("Microsoft") != -1) {
140 return window["1g1gPlayer"];
141 } else {
142 return document["1g1gPlayer"];
143 }
144}
145
146function closeWindow(){
147 var ua=navigator.userAgent
148 var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
149 if(ie){
150 var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
151 if(IEversion< 5.5){
152 var str = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
153 str += '<param name="Command" value="Close"></object>';
154 document.body.insertAdjacentHTML("beforeEnd", str);
155 document.all.noTipClose.Click();
156 }
157 else{
158 window.opener =null;
159 window.close();
160 }
161 }
162 else{
163 document.write("");
164 window.opener = self;
165 window.open('','_parent','');
166 window.close();
167 }
168}
169
</script>
<style type="text/css">
1
2 body,html {
3 margin:0;
4 background-color:#fff;
5 }
6
</style>
</head>
<body onLoad="writeContent()">
<iframe scrolling="no" height="100%" frameborder="0" width="100%" src="http://www.1g1g.com/?site=myya.net">
</iframe>
</body>
</html>

2.在博客上添加一个音乐页面链接，在主题里header.php里找到

 <?php wp_list_pages(‘title_li’); ?></ul>  在</ul>前加入以下代码

1
2

<li><a href="http://myya.net/music.html" target="_blank"
mce_href="http://myya.net/music.html" title="音乐盒">音乐盒</a></li>

把上面的网址改为你自己的博客地址，本方法只适合WordPress，如果是使用的其它博客，请自己修改。

这样就能做好一个属于自己音乐页面了，以后听歌就方便了。效果参见：http://myya.net/music.html

相关文章

返回
  • Trackback are closed
  • 评论 (78)

  1. [bofu::bofu3_02.gif]沙发,音乐器放到特定的页面很不错,放到主页有些人就不喜欢了.

    • 对呀，主要是我平时都喜欢听听歌，又懒得到处去找歌

      • 呵呵,那这样方便了..哈哈

  2. 嗯，不错，只可惜亦歌的歌曲有点少。请问小T能自定义我想要的歌曲吗？如果可以的话，那真是太棒啦！

    • 好像亦歌还没有这种功能吧，它好像能记录用户的音乐偏好。

  3. 这个看的我头大啊，你换主题了啊

    • 其实不用看懂，你也可以把上面的那段最长的代码单独贴在一个页面文章里，虽然效果没怎么好，但是也可以实现相似的功能，我试过

  4. 小R换主题上瘾了是不是

    • 囧。。这都打错了。。是小T
      我错了

    • 哈哈，上次换的那个不满意，马上就换了这个，那个主题适合程序员，太高超的设计了

  5. 向shun大学习，小R小R

  6. 这个倒是可以让麦田考虑考虑[bofu::bofu1_22.gif]
    看他留言不满意啊~~~

    • 额，一般的音乐满足不了麦田的口味

  7. 主题很有诗情画意

    • 我比较喜欢，比较自然

  8. 不错不错，这也是个好办法..

  9. 哇，一大串代码，我的博客至今没用音乐播放插件/代码

    • 我也加入CP党了，Z大平时不怎么听歌吧

      • 嘿嘿，你说呢？我以前是初级发烧友，现在初烧也烧不起了

        • [bofu::bofu2_07.gif]我连发烧友都不是

  10. 这个主题很宽那，我1024的屏被撑爆了

    • 额，情况很严重么，哪天用同学的笔记本上来试试

  11. 会不会影响网速呢

    • 这只是个音乐页面，不会影响速度的

  12. 可惜我工作的环境没有音响啊~

    • 那有空在家的时候可以听听

  13. 这样应该不至于影响博客载入速度了！

  14. Merry Christmas 圣诞快乐！

    • 这么早就来祝福了呀[bofu::bofu2_04.gif]

  15. 我还以为你说的亦歌博客上的音乐呢 呵呵

    • [bofu::bofu3_13.gif]可能没说的非常明白，一切意会吧

  16. 能否帮亦歌写一个wp的插件，直接做这些事情呢，拜托了

    • 可是我不懂技术呢，你是亦歌的官方人员？

  17. 方法很不错，一直想找一款播放器。

    • 还不错，喜欢听音乐就可以挂上

  18. 挺不错的 不用自己来找歌曲地址了 方便好多

    这个模板也赞~~

    • 嗯对呀，这个模版我觉得做得挺自然，配色也喜欢

  19. 这个影响网速不…

    • 没什么影响的，放心

  20. 学习了，不过亦歌有的时候很诡异。。总有一个特别难听的男人声音在唱歌。。。播着播着，就出个其他的歌。。。。很灵异。。。

    • 额，还有这样灵异的事。。我没遇到过[bofu::bofu2_01.gif]

  21. Greatings, Can i get a one small photo from your blog?
    Thank you
    Kicker

    • sure ,only one,could you tell me which one

  22. 代码好长~~

    • 长是长，不过不需要理解，copy就行

  23. 看了我半天。呵呵。
    Merry Christmas & Happy New Year！！！

    • 圣诞快乐，你一句一句读的代码呀，真强

  24. 平安夜送祝福来啦…..

  25. ★　　　　♀　　　　　★　　　　　　★
    　　　◆　　　　　　　　聖 　　　◆　　　　　◆
    　　　　　　　　　　　誕快樂
    　　　♀　★　　　　聖誕☆快樂　　　　★　　♀　★
    　　　　　　　　　聖誕◆快樂★聖　
    　　　　◆　　　誕快樂聖誕★快樂聖 　　　　　★
    　　　　　　　　　　誕快樂聖誕　♀　　　　　♀
    　　◆　　★　　　快樂★聖誕快樂　　　　★
    　　　　　　　　聖誕快樂聖誕★快樂　　　　　　　◆　
    　　　　　　　聖誕快樂◆聖誕快樂聖誕　　　　★
    　　♀　　★　　　聖誕快樂聖誕快　　　♀
    　　　　　　　　聖誕快★樂◆聖誕快　　　　　♀
    　　　★　　　樂聖誕快樂聖誕快★聖誕　
    　　　　　　快樂聖誕★聖誕快樂聖◆誕快　　　　★
    　　　♀　快樂聖誕快樂聖誕快樂聖誕快樂聖 ◆
    　　　　　　　　　　聖誕快樂
    　　　　　　　　♀　聖誕快樂~~
    　 ╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬
    圣诞快乐 时刻记的保持微笑哦 健康幸福快乐的过着每一天！

  26. Merry Christmas ~　O(∩_∩)O ~
    星网送给你最美好的祝福 ~
    　　　　　 *　　　　　　 ,
    　　　　　　　　　　　 _/^\_
    　　　　　　　　　　　
    　　 *　　　　　　　　 /.-.\　　　　 *
    　　　　　　　*　　　　`/&\`　　　　　　　　　 *
    　　　　　　　　　　　,@.*;@,
    　　　　　　　　　　 /_o.I %_\　　*
    　　　　*　　　　　 (`’–:o(_@;
    　　　　　　　　　 /`;–.,__ `’)　　　　　　 *
    　　　　　　　　　;@`o % O,*`’`&\
    　　　　　　*　　(`’–)_@ ;o %’()\　　　*
    　　　　　　　　 /`;–._`”–._O’@;
    　　　　　　　　/&*,()~o`;-.,_ `””`)
    　　 *　　　　　/`,@ ;+& () o*`;-’;\
    　　　　　　　 (`””–.,_0o*`;-’ &()\
    　　　　　　　 /-.,_　　“”–….-’`)　*
    　　　　　*　　/@%;o`:;’–,.__　 __.’\
    　　　　　　　;*,&(); @ % &^;~`”`o;@();　　　　 *
    　　　　　　　/()Evlos & ().oFriendsO\
    　　　　　　　`”=”==””==,,,.,=”==”===”`
    　　　　　 __.—-.(\-”#####—…___…—–._
    　　　　 ‘`　　　　 \)_`”””””`
    　　　　　　　　　　　 .–’ ‘)
    　　　　　　　　　　 o(　)_-\
    　　　　　　　　　　　 `”””` `

  27. 圣诞快乐，你音乐盒的样子很漂亮

  28. 6CelrX blnjhwpclfck, [url=http://daaeilqjfrrn.com/]daaeilqjfrrn[/url], [link=http://hnyqdytuggfv.com/]hnyqdytuggfv[/link], http://gbjzdrxgsvmc.com/

  29. 好长 好长 好长的代码

    • 不用看懂呀，粘贴就行

  30. 你在国内哪里买的空间？大小和价格说多少？

    • 主机在这里买的http://hengtian.org，价格不清楚，朋友买的，你自己去问问吧

  31. 又遇到一个搞技术的么。都是牛人啊。。。

    • 撒搞技术的，我是纯COPY的

  32. 圣诞快乐！

    • 额，已经过了圣诞，还是祝你圣诞快乐哟

  33. 看到代码就头大，你的主题不错

    • 呵呵，可以忽视代码，主题还好，我喜欢这种风格

  34. 不錯有時間我也搞下看看！

  35. 哈哈。不错 可是没有多大的用

    • 嗯，只是用来听歌而已

  36. 代码收藏了！

  37. 这个对我有难度呀

  38. 不错不错，我就缺这个。呵呵，自己对着弄好了。

  39. 没玩过亦歌，这几天在玩虾米，哈哈

    • 虾米的歌很全很不错地，界面也漂亮

  40. 我也嵌入了一个，当时还是邮件问别人要的。。

  41. Thanks for article. Everytime like to read you.
    Doggy