Loading...
显示标签为“widget”的博文。显示所有博文
显示标签为“widget”的博文。显示所有博文

2009年4月8日星期三

google的mp3搜索--巨鲸音乐widget--动手制作flash开关

最近听朋友说google在中国大陆出了一个音乐搜索的功能,HATA昨天click上google看了一下,觉得做的挺好的。对比很早就提供了同类服务的百度,google这次添加了两个特色功能:
1,在播放音乐时会通过浏览器的cookie记录下播放的音乐在播放器列表里,那样我们就可以在下次打开google提供的播放器上看到以前播放过的歌。同样,可以通过试听一大堆歌后才选择喜欢的歌曲下载。
2,用泡泡挑歌,这个大概就是google的"手气不错"音乐版。HATA也同样觉得"手气不错"这个功能更适合在试听MP3上。nice try:

by the way,这个功能令我想起一个flash制作的音乐网站http://musicovery.com/

google合作伙伴巨鲸音乐网

在google的音乐播放器上面,会看到Top100.cn的商标,同时留意地址的话,也会发现http://g.top100.cn/的域名,没错,这次google在音乐搜索服务上的合作伙伴是巨鲸音乐网。
其实HATA比较少关心音乐的事情,因为HATA比较喜欢听古典。。不过冲着google的名声,HATA就点了一下巨鲸音乐网的链接。结果一眼就给HATA瞄到了右上角的音乐widget。
试用巨鲸的widget。HATA很少看见有国内的音乐widget(偶是乡巴佬,不喜qqzone,(ˇ︿ˇ)),也很少听见“正版音乐”之类的口号。。I like it~
不过试用一下。发现巨鲸自家的widget居然犯傻的。。两个毛病
1,打开网页就自动播放,确实不喜欢。
2,修改widget的代码后变得不稳定,一旦修改了widget(例如高度)就会变得不稳定了。。太犯傻啦。( ¯▽¯;)

解决flash自动播放的方法就是弄一个开关,最后放出一个HATA自用的简单开关,有javascript语言。下面是代码:
<center><div id="playmp3"><a href="javascript:void(0)" onclick="insert('playmp3','mp3player')">
听听音乐?H3M by 陈奕迅</a></div></center>
<!-- 隐藏部分 -->
<div style="display:none"><div id="closemp3"><a href="javascript:void(0)" onclick="insert('playmp3','mp3player')">
听听音乐?H3M by 陈奕迅</a></div><div id="mp3player"><li><div>(嵌入你的widget代码或flash什么的)</div></li><li><div><a href="javascript:void(0)" onclick="insert('playmp3','closemp3')">close</a></div></li></div></div>

<script>
function insert(a1,b1){
var a=a1;
var b=b1;
document.getElementById(a).innerHTML = document.getElementById(b).innerHTML;
}
</script>

开关按钮标题为“听听音乐?H3M by 陈奕迅”,可自行修改。演示DEMO:






原创文章如转载,请注明:转载自HATA菜谱

阅读全文...

2009年2月18日星期三

给你的相片增加活力

这个东西是怎么做的呢?



根据slide官方的说法,这个东西叫做FunPix。只需要一张你喜欢的照片,就可以制作好一张充满活力的funpix。
情人节过去了,大家应该会多出了一批相片吧,有想过挑选其中一两张相片制作成FunPix送给你的那位吗?立即行动吧。

1,点入:http://www.slide.com/选择“制作FunPix”马上就可以轻松制作;

2,制作完成后点击左方或者下方的储存键,就会出现你制作的FunPix的网页位置URL,和该FunPix放在你的blog上的程序代码Embed(如果你没有登录进slide的话,中间会出现一个注册界面,要是你不想注册的话,可以skip signup略过,但不知道skip signup 后的作品是暂存还是永久保存);
3,使用网页给你的Embed的话,例如这段:
<div><embed src="http://widget-6d.slide.com/widgets/themepic.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=lt&il=1&channel=3386706919790681453&site=widget-6d.slide.com" style="width:600px;height:475px" name="flashticker" align="middle"></embed><div style="width:600px;text-align:left;"><a href="http://www.slide.com/pivot?cy=lt&at=un&id=3386706919790681453&map=A" target="_blank"><img src="http://widget-6d.slide.com/z1/3386706919790681453/lt_t016_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=3386706919790681453&map=B" target="_blank"><img src="http://widget-6d.slide.com/z2/3386706919790681453/lt_t016_v000_s0un_f00/images/xslide4.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=3386706919790681453&map=G" target="_blank"><img src="http://widget-6d.slide.com/z4/3386706919790681453/lt_t016_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div>
会多出三个按钮



因为布局问题需要去掉的话,可以修改为:(去掉绿色部分)
<div><embed src="http://widget-6d.slide.com/widgets/themepic.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=lt&il=1&channel=3386706919790681453&site=widget-6d.slide.com" style="width: 600px; height: 475px;" name="flashticker" align="middle"></embed><div style="width: 600px; text-align: left;"> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=3386706919790681453&map=G" target="_blank"><img src="http://widget-6d.slide.com/z4/3386706919790681453/lt_t016_v000_s0un_f00/images/xslide42.gif" ismap="ismap" border="0" /></a></div></div>


要是你想逗逗朋友开心或者是犯毛病后想向某某say个sorry的话,不妨发个funpix给他/她,或许会达到事半功倍的效果哦~
原创文章如转载,请注明:转载自HATA菜谱

阅读全文...