把亦歌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

December 21st, 2009 in web, wordpress, 音乐 | tags: , ,

78 Comments

PrayDecember 21st, 2009 at 6:27 pm

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

mytionDecember 21st, 2009 at 6:36 pm

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

junjunDecember 21st, 2009 at 9:14 pm

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

小TDecember 21st, 2009 at 9:50 pm

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

小TDecember 21st, 2009 at 9:52 pm

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

小TDecember 21st, 2009 at 9:54 pm

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

A.shunDecember 21st, 2009 at 10:15 pm

小R换主题上瘾了是不是

A.shunDecember 21st, 2009 at 10:16 pm

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

托尔·银月December 21st, 2009 at 10:52 pm

向shun大学习，小R小R

小TDecember 21st, 2009 at 10:55 pm

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

derekDecember 22nd, 2009 at 12:21 am

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

土狼妹妹December 22nd, 2009 at 5:03 am

主题很有诗情画意

罗泽阳December 22nd, 2009 at 5:09 am

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

zwwoooooDecember 22nd, 2009 at 7:19 am

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

PrayDecember 22nd, 2009 at 8:26 am

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

胡一刀December 22nd, 2009 at 9:05 am

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

小TDecember 22nd, 2009 at 9:25 am

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

小TDecember 22nd, 2009 at 9:26 am

我比较喜欢，比较自然

小TDecember 22nd, 2009 at 9:29 am

方便听歌而已

小TDecember 22nd, 2009 at 9:29 am

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

先看看December 22nd, 2009 at 10:26 am

会不会影响网速呢

小TDecember 22nd, 2009 at 12:25 pm

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

小TDecember 22nd, 2009 at 12:26 pm

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

zwwoooooDecember 22nd, 2009 at 2:52 pm

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

huangjunDecember 22nd, 2009 at 2:55 pm

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

小TDecember 22nd, 2009 at 3:44 pm

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

小TDecember 22nd, 2009 at 3:45 pm

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

秦大少December 22nd, 2009 at 4:57 pm

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

ROCKBUNCH.comDecember 22nd, 2009 at 4:58 pm

Merry Christmas 圣诞快乐！

小TDecember 22nd, 2009 at 5:50 pm

对没影响的

小TDecember 22nd, 2009 at 5:51 pm

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

卢松松December 22nd, 2009 at 9:45 pm

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

小TDecember 22nd, 2009 at 10:12 pm

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

白纸December 22nd, 2009 at 10:51 pm

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

小TDecember 22nd, 2009 at 11:17 pm

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

wuleileiDecember 23rd, 2009 at 2:44 pm

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

小TDecember 23rd, 2009 at 3:37 pm

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

whispererDecember 23rd, 2009 at 3:51 pm

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

这个模板也赞~~

聪壹艮December 23rd, 2009 at 3:55 pm

这个影响网速不…

小TDecember 23rd, 2009 at 4:36 pm

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

小TDecember 23rd, 2009 at 4:37 pm

没什么影响的，放心

棺材中的尘埃December 23rd, 2009 at 4:57 pm

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

小TDecember 23rd, 2009 at 7:16 pm

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

KickerDecember 23rd, 2009 at 7:40 pm

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

小TDecember 23rd, 2009 at 8:12 pm

sure ,only one,could you tell me which one

锋子December 23rd, 2009 at 8:32 pm

代码好长~~

小TDecember 23rd, 2009 at 8:43 pm

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

三七八蛋December 24th, 2009 at 8:00 pm

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

小TDecember 24th, 2009 at 10:24 pm

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

罗泽阳December 25th, 2009 at 12:06 am

平安夜送祝福来啦…..

seo博客December 25th, 2009 at 2:26 am

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

星网December 25th, 2009 at 3:40 am

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

小TDecember 25th, 2009 at 10:09 am

圣诞节快乐哟

小TDecember 25th, 2009 at 10:10 am

哈哈圣诞节快乐

小TDecember 25th, 2009 at 10:10 am

圣诞节快乐

HoboDecember 25th, 2009 at 10:49 am

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

小TDecember 25th, 2009 at 10:57 am

圣诞快乐哟

jfoykcbsDecember 25th, 2009 at 1:33 pm

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

江流December 25th, 2009 at 2:59 pm

好长 好长 好长的代码

明知道December 25th, 2009 at 5:27 pm

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

网络砖家December 25th, 2009 at 8:48 pm

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

mytionDecember 25th, 2009 at 10:07 pm

圣诞快乐！

that5December 25th, 2009 at 10:44 pm

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

小TDecember 26th, 2009 at 12:10 am

不用看懂呀，粘贴就行

小TDecember 26th, 2009 at 12:16 am

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

小TDecember 26th, 2009 at 12:16 am

撒搞技术的，我是纯COPY的

小TDecember 26th, 2009 at 12:20 am

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

小TDecember 26th, 2009 at 12:22 am

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

回憶December 26th, 2009 at 3:24 pm

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

松亮December 26th, 2009 at 4:54 pm

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

小TDecember 26th, 2009 at 6:18 pm

嗯，只是用来听歌而已

GEZ鸽子December 27th, 2009 at 10:35 am

代码收藏了！

娱乐博客December 27th, 2009 at 7:47 pm

这个对我有难度呀

左手倒影December 28th, 2009 at 1:13 pm

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

boloDecember 28th, 2009 at 5:14 pm

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

ShuaiGe.MeDecember 28th, 2009 at 10:32 pm

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

DoggyDecember 29th, 2009 at 1:10 pm

Thanks for article. Everytime like to read you.
Doggy

小TDecember 29th, 2009 at 4:10 pm

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