HTML5让世界变得更美好，打老婆(beatWife) v4.1战斗系统 融入声优志玲配音（源自魔兽世界台服某BOSS）

插件地址 https://chrome.google.com/extensions/detail/cgoebjgkiiapifcpclljbdbmmodmmdff

代码很简单

<audio src="beatWife.mp3"></audio>

用JS的话根本就不用写标签，直接new一个玩儿

var snd = new Audio("beatWife.mp3");
snd.play();

有性趣的同学继续深入 http://www.w3.org/TR/html5/video.html

===分割线===============
ubuntu10.04 chromium 跑 .play()的时候提示undefined，Google了下貌似确实支持不好
求教有无解决方案……？

高举爱老婆旗帜勇往直前（就和小学生手册一样，先宣誓再干坏事）

为了让自己在学习新技术新知识的道路上越走越远，最近偶正在整一个 Chrome 的扩展

他就叫挣钱花 beatWife 打老婆！

有 Chrome 的同学可以玩一把图个乐子，木有的同学可以下嘛

插件地址 https://chrome.google.com/extensions/detail/cgoebjgkiiapifcpclljbdbmmodmmdff

乐此不疲哇，保持一天至少发一个版本

v1 hello wife
v1.1 bug: 暂时移除计数
v2 增加弹出以及大按钮（和咪咪一样越大手感越好）&& 修复计数bug
v2.1 增加彩蛋 [konami]
v3 增加选项页面 （重置/隐藏计数）我恨星期一
v3.1 右键点击小图标可以进入选项设置，现在你可以换妻了?呸呸呸，我的意思是换个人来揍
v3.6 增加了隐藏头像 && 启用通知系统（我知道你讨厌QQ弹窗）
v3.7 样式了一下选项页

目标是做一个涉及所有能涉及技术的 helloWife
然后分享之～

计划内的功能
1.上传硬盘图片（其实用canvas或php转为base64存到HTML5离线存储里）
2.丰富抽打反馈（CSS3 -webkit-等，还有诱人的canvas）
3.抽打排行榜 （例如被抽最多的图，抽最多的数量，等SNS元素）
4.华丽上流的视觉（高速发展期，功能优先）

一定要坚持啊，某个删WOW删了几十次木有丝毫毅力的人

==V7.1================

新增DNS和DNS反查以及你是哪个单位的?

主要还是查询提速...俺庙里的服务器直接输出

本地缓存最后一次查询

插件地址 https://chrome.google.com/extensions/detail/cgoebjgkiiapifcpclljbdbmmodmmdff

什么是 Gravatar

Gravatar 是 Globally Recognized Avatars (地球人公认的阿凡达)
可以去 http://gravatar.com/ 关联你的 Email 和头像
这样子在任何启用 Gravatar 的博客留言,即可显示对应的头像
例如 i(a)ooxx.me 对应的是

Gravatar 是如何构建滴

一个 Gravatar 是服务器动态返回的图片,下面是一坨 src 图片地址

http://www.gravatar.com/avatar/ddb61c44b09ee3e8cb2700249ec9eac7&r=X&s=80

我们来肢解一下

Gravatar 总是以如下URL开头

http://www.gravatar.com/avatar/

接下去是 E-mail 对应的 Hash 结果, 这 E-mail 地址在 hash 之前必须要小写,并且要木有空格

ddb61c44b09ee3e8cb2700249ec9eac7

然后是 rating 分级, 有[ G | PG | R | X ] 4档
(在网站设置头像的时候会让你分级,建议选G)
约X的头像越不和谐,用专业的英语就叫 hardcore sexual
网址里这个分级设置的是容许最极端的那档
例如网址设置容许G,那么只有G的头像会显示
容许PG 会显示 G 和 PG
容许X 会显示 G 和 PG 和 R 和 X

&r=X

最后是 size 图像尺寸 , 有效范围是1到512

&s=80

还有一坨可选的默认头像地址,就是说如果email找不到对应的头像了或者不在分级范围内,就用这张默认图
可选参数为
* '404' (返回 a 404)
* 'mm' (mysteryman)
* 'identicon' (unique, generated image)
* 'monsterid' (unique, generated image)
* 'wavatar' (unique, generated image)
都是些奇形怪状的丑图,建议自定义一张拉轰的(http://ooxx.me/me.jpg)

&d=http%3A%2F%2Fooxx.me%2Fme.jpg

那么在主题里调用 Gravatar 就很简单的用

 <?php
   echo get_avatar(i@ooxx.me,50);
   ?>

这里的邮件地址可以用 get_the_author_meta('user_email') 获取本文作者的email
如果用在评论循环里,可以用 get_comment_author_email() 获取当前循环里的email
记得小写哦 strtolower(get_comment_author_email()) 会自动转为小写
记得MD5哦 md5(strtolower(get_comment_author_email())) 会进行 hash

加起来就是

 <?php
   echo get_avatar(md5(strtolower(get_comment_author_email())),50);
   ?>

会吐出来

<img alt='{$safe_alt}' src='{$out}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />

不幸的是get_avatar()默认吐img标签
幸运的是如果只要src值,可以这么写

<?php
echo "http://www.gravatar.com/avatar/".md5(strtolower(get_comment_author_email()))."&r=X&s=80";
?>

挨吻老湿就是这么写再结合jQuery 配合 CSS3 搞图片圆角来输出头像滴
点这里看