Congratulations!

[Valid RSS] This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: http://www.pjhome.net/feed.asp

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <rss version="2.0">
  3. <channel>
  4. <title><![CDATA[PuterJam's Blog]]></title>
  5. <link>http://www.pjhome.net/</link>
  6. <description><![CDATA[关注互联网~ 关注前端技术~ 激情是成功的必要前提~]]></description>
  7. <language>zh-cn</language>
  8. <copyright><![CDATA[Copyright 2005 PBlog3 v2.8]]></copyright>
  9. <webMaster><![CDATA[[email protected](puterjam)]]></webMaster>
  10. <generator>PBlog2 v2.4</generator>
  11. <image>
  12. <title>PuterJam&#39;s Blog</title>
  13. <url>http://www.pjhome.net/images/logos.gif</url>
  14. <link>http://www.pjhome.net/</link>
  15. <description>PuterJam&#39;s Blog</description>
  16. </image>
  17.  
  18. <item>
  19. <link>http://www.pjhome.net/article/Note/long_time_no_see.html</link>
  20. <title><![CDATA[好久没写日志了]]></title>
  21. <author>[email protected](puterjam)</author>
  22. <category><![CDATA[Note]]></category>
  23. <pubDate>Sat,01 Mar 2014 00:18:35 +0800</pubDate>
  24. <guid>http://www.pjhome.net/default.asp?id=1048</guid>
  25. <description><![CDATA[<p>&nbsp;不说什么,改天给blog改一个风格,看看还能不能坚持写下去。</p>]]></description>
  26. </item>
  27. <item>
  28. <link>http://www.pjhome.net/article/Download/1047.htm</link>
  29. <title><![CDATA[IE10 For Win7 预览版下载公布]]></title>
  30. <author>[email protected](puterjam)</author>
  31. <category><![CDATA[Download]]></category>
  32. <pubDate>Wed,14 Nov 2012 17:19:52 +0800</pubDate>
  33. <guid>http://www.pjhome.net/default.asp?id=1047</guid>
  34. <description><![CDATA[<p><img style="display: block; margin-left: auto; margin-right: auto;" title="ie.jpg" src="http://www.pjhome.net/attachments/month_1211/h20121114171235.jpg" alt="Ie" width="550" height="220" border="0" /></p>
  35. <p>IE10 终于开始了对win7的兼容,对于广大开发和用户是个福音。win8是否成功还得靠时间来验证,不过舜子还是看好win7。</p>
  36. <p>这次微软公布了IE10的32位和64位的版本,win7必须要升级SP1才能安装。</p>
  37. <p>下载地址: <a href="http://windows.microsoft.com/zh-cn/internet-explorer/downloads/ie-10/worldwide-languages">http://windows.microsoft.com/zh-cn/internet-explorer/downloads/ie-10/worldwide-languages</a></p>
  38. <p><img style="display: block; margin-left: auto; margin-right: auto;" src="http://www.pjhome.net/attachments/month_1211/q20121114171726.png" alt="IE10"border="0" /></p>]]></description>
  39. </item>
  40. <item>
  41. <link>http://www.pjhome.net/article/Diary/1046.htm</link>
  42. <title><![CDATA[给小米手机打包 Beats Audio 音效]]></title>
  43. <author>[email protected](puterjam)</author>
  44. <category><![CDATA[Diary]]></category>
  45. <pubDate>Mon,02 Jul 2012 17:48:29 +0800</pubDate>
  46. <guid>http://www.pjhome.net/default.asp?id=1046</guid>
  47. <description><![CDATA[<p style="text-align: center;"><img width="527" height="183" title="NewImage.png" alt="NewImage" border="0" src="http://www.pjhome.net/attachments/month_1207/b201272174420.png" /></p>
  48. <p>不知道有没有很多人想要,这几天一直在研究如何给我的小米手机安装上 Beats Audio 音效。之前很多地方下载的安装包都是需要在recovery里刷进去的,而小米手机的recovery对这种安装方式有问题。</p>
  49. <p>所以通过脚本安装的方式把 Beats Audio 以及 DSP 管理器整理一下给有需要的朋友们分享一下</p>
  50. <p>Beats Audio Mod 来自 :<br />
  51. <a href="http://forum.xda-developers.com/showthread.php?t=1525226">http://forum.xda-developers.com/showthread.php?t=1525226</a><br />
  52. 最新的 6.27 版本,经过测试不会引起自带播放器和poweramp的fc问题</p>
  53. <p>另外,我也把MIUI v4能用的DSP管理器整合进去,重新更改了系统的 audio_effects.conf 配置。<br />
  54. 貌似Beats Audio Mod 里自带了 xloud 但是不知道是不是sony的那个xloud引擎,我都一起配置到了audio_effects.conf 配置里<br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  55. <br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  56. <span style="font-size: large;"><span style="color: rgb(0, 191, 255);"><strong style="margin: 0px; padding: 0px; word-wrap: break-word;">自己的使用的一些感受~ </strong></span></span><br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  57. 默认音质上确实有变化,声音开到最大不会出现爆音问题,低音部分貌似比以前沉稳不少,声场方面感觉不错,不过俺不是专业,耳朵还不是非常挑剔,音质方面感受还得大家自己感受。:lol</p>
  58. <p>如果大家期待有 &ldquo;哇&rdquo; 一下的效果,还是得去DSP管理器里配置一下。使用 DSP管理器前,需要把自带播放器的均衡器设置成无效果,poweramp 需要在高级的音频设置中 把&ldquo;直接音量控制&rdquo; 关闭。</p>
  59. <p>DSP中低音增强看自己的个人喜好,动态压缩建议不要开启,均衡器比自带的好太多了,如果喜欢空间感的同学可以自己打开耳机虚拟空间~<br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  60. <br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  61. <span style="font-size: large;"><span style="color: rgb(0, 191, 255);"><strong style="margin: 0px; padding: 0px; word-wrap: break-word;">截图:</strong></span></span><br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  62. <img width="338" height="600" title="NewImage.png" alt="NewImage" border="0" src="http://www.pjhome.net/attachments/month_1207/3201272171128.png" /><br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  63. <br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  64. <img width="338" height="600" title="NewImage.png" alt="NewImage" border="0" src="http://www.pjhome.net/attachments/month_1207/p201272171228.png" /><br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  65. <br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  66. <img width="338" height="600" title="NewImage.png" alt="NewImage" border="0" src="http://www.pjhome.net/attachments/month_1207/p201272171559.png" /><br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  67. <br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  68. <span style="font-size: large;"><span style="color: rgb(0, 191, 255);"><strong style="margin: 0px; padding: 0px; word-wrap: break-word;">下载</strong></span></span><br style="font: 14px/21px Tahoma, Helvetica, sans-serif, Hei; margin: 0px; padding: 0px; color: rgb(68, 68, 68); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; widows: 2;" />
  69. 下载和安装到这里~ <a href="http://www.miui.com/thread-630072-1-1.html">http://www.miui.com/thread-630072-1-1.html</a><span style="color: rgb(68, 68, 68); font-family: Tahoma, Helvetica, sans-serif, Hei; font-size: medium;"><span style="line-height: 21px;"><br />
  70. </span></span></p>]]></description>
  71. </item>
  72. <item>
  73. <link>http://www.pjhome.net/article/Javascript/1044.htm</link>
  74. <title><![CDATA[HTML5 MediaStream的运用]]></title>
  75. <author>[email protected](puterjam)</author>
  76. <category><![CDATA[Javascript]]></category>
  77. <pubDate>Fri,08 Jun 2012 16:11:11 +0800</pubDate>
  78. <guid>http://www.pjhome.net/default.asp?id=1044</guid>
  79. <description><![CDATA[<p style="text-align: center;"><img title="blog picture template.artx 530x185 px.jpg" src="http://www.pjhome.net/attachments/month_1203/3201234183641.jpg" border="0" alt="Blog picture template artx 530x185 px" width="527" height="182" /></p>
  80. <p>HTML5在技术上发展越来越快,在输入方面浏览器也开始具备了更多能力。舜子一直在关注视频和音频流在html5的支持,虽然不是什么创新点,但是对html来说是一个非常重要的能力。</p>
  81. <p>Chrome 18开始就把<a href="http://www.w3.org/TR/streamproc/">MediaStream</a>放到实验室里,不过记得在19前的这些版本里,<a href="http://dev.w3.org/2011/webrtc/editor/getusermedia-20111222.html#navigatorusermedia">getUserMedia</a> 接口一直不太稳定,很容易crash。近期发现Chrome 19.0.1055 dev在这个接口的稳定性上有较好的提升。不过在稳定性上,还需要改善。例如,摄像头使用次数过多后,媒体流会莫名中断,对于没有安装摄像头的检测做得不够完善,可能会导致浏览器crash。不过相信chrome以后的版本会fix这些问题,也希望能在chrome 19 的release版本正式用上这个功能。</p>
  82. <p>这个demo里,其实舜子很早就想用html5来完成gif视频合成的尝试了。也借这个机会,搞了一把极限开发,利用Chrome 的<a href="http://www.w3.org/TR/streamproc/">MediaStream</a>,把用户的摄像头作为动画合成的来源。</p>
  83. <p><img title="HTML5 GIF Maker-2.jpg" src="http://www.pjhome.net/attachments/month_1203/1201234184516.jpg" border="0" alt="HTML5 GIF Maker 2" width="600" height="523" /></p>
  84. <p>这里的关键技术并不复杂,在chrome下,我们可以使用navigator.webkitGetUserMedia即可,其他浏览器依次类推moz,o,ms之类。</p>
  85. <blockquote>
  86. <pre class="sunburst" style="margin-top: 0em; margin-right: 8px; margin-bottom: 8px; margin-left: 8px; font-family: 'Bitstream Vera Sans Mono', Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 15px; color: #f8f8f8; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px;"><span class="source source_js source_js_embedded source_js_embedded_html" style="padding-top: 0.2em; padding-bottom: 0.1em;"><span style="color: #f8f8f8;"><pre class="sunburst" style="font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; margin: 0em 8px 8px; font-family: 'Bitstream Vera Sans Mono', Monaco, Consolas, 'Courier New', monospace; line-height: 15px; color: #f8f8f8;"><span class="meta meta_tag meta_tag_any meta_tag_any_html" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #89bdff;">&lt;<span class="entity entity_name entity_name_tag entity_name_tag_html" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #89bdff;">video</span> <span class="meta meta_attribute-with-value meta_attribute-with-value_id meta_attribute-with-value_id_html" style="padding-top: 0.2em; padding-bottom: 0.1em;"><span class="entity entity_other entity_other_attribute-name entity_other_attribute-name_id entity_other_attribute-name_id_html" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #89bdff;">id</span>=<span class="string string_quoted string_quoted_double string_quoted_double_html" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #65b042;">"<span class="meta meta_toc-list meta_toc-list_id meta_toc-list_id_html" style="padding-top: 0.2em; padding-bottom: 0.1em;">v</span>"</span></span> <span class="entity entity_other entity_other_attribute-name entity_other_attribute-name_html" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #89bdff;">autoplay</span>&gt;<span class="meta meta_scope meta_scope_between-tag-pair meta_scope_between-tag-pair_html" style="padding-top: 0.2em; padding-bottom: 0.1em;">&lt;</span>/<span class="entity entity_name entity_name_tag entity_name_tag_html" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #89bdff;">video</span>&gt;
  87. </span><span style="color: #f8f8f8;"> </span><span class="source source_js source_js_embedded source_js_embedded_html" style="padding-top: 0.2em; padding-bottom: 0.1em;"><span style="color: #f8f8f8;">&lt;</span><span class="entity entity_name entity_name_tag entity_name_tag_script entity_name_tag_script_html" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #e0c589;">script</span><span style="color: #f8f8f8;">&gt;
  88. </span><span class="support support_class support_class_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #9b859d;"><span style="color: #f8f8f8;">  </span></span><span class="support support_class support_class_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #9b859d;">navigator</span><span class="meta meta_delimiter meta_delimiter_method meta_delimiter_method_period meta_delimiter_method_period_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">.</span><span style="color: #f8f8f8;">webkitGetUserMedia</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">(</span><span class="string string_quoted string_quoted_single string_quoted_single_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #65b042;">{video:true}</span><span class="meta meta_delimiter meta_delimiter_object meta_delimiter_object_comma meta_delimiter_object_comma_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">,
  89. </span><span class="storage storage_type storage_type_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #99cf50;">  function</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">(</span><span style="color: #f8f8f8;">stream</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">)</span><span class="meta meta_brace meta_brace_curly meta_brace_curly_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">{
  90. </span><span style="color: #f8f8f8;">     </span><span class="support support_class support_class_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #9b859d;">document</span><span class="meta meta_delimiter meta_delimiter_method meta_delimiter_method_period meta_delimiter_method_period_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">.</span><span class="support support_function support_function_dom support_function_dom_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #dad085;">getElementById</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">(</span><span class="string string_quoted string_quoted_double string_quoted_double_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #65b042;">"v"</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">)</span><span class="meta meta_delimiter meta_delimiter_method meta_delimiter_method_period meta_delimiter_method_period_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">.</span><span class="support support_constant support_constant_dom support_constant_dom_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #cf6a4c;">src</span><span style="color: #f8f8f8;"> </span><span class="keyword keyword_operator keyword_operator_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #ce864b;">=</span><span style="color: #f8f8f8;"> webkitURL</span><span class="meta meta_delimiter meta_delimiter_method meta_delimiter_method_period meta_delimiter_method_period_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">.</span><span style="color: #f8f8f8;">createObjectURL</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">(</span><span style="color: #f8f8f8;">stream</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">)</span><span style="color: #f8f8f8;">;
  91. </span><span class="meta meta_brace meta_brace_curly meta_brace_curly_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">  }</span><span class="meta meta_delimiter meta_delimiter_object meta_delimiter_object_comma meta_delimiter_object_comma_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">,
  92.  </span><span class="storage storage_type storage_type_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #99cf50;">function</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">(</span><span style="color: #f8f8f8;">error</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">)</span><span class="meta meta_brace meta_brace_curly meta_brace_curly_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">{
  93. </span><span style="color: #f8f8f8;">     </span><span class="entity entity_name entity_name_type entity_name_type_object entity_name_type_object_js entity_name_type_object_js_firebug" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #89bdff;">console</span><span class="support support_function support_function_js support_function_js_firebug" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #dad085;">.log</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">(</span><span class="string string_quoted string_quoted_double string_quoted_double_js" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #65b042;">"不支持媒体流~ "</span><span class="meta meta_delimiter meta_delimiter_object meta_delimiter_object_comma meta_delimiter_object_comma_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">, </span><span style="color: #f8f8f8;">error</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">)</span><span style="color: #f8f8f8;">;
  94. </span><span class="meta meta_brace meta_brace_curly meta_brace_curly_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">  }</span><span class="meta meta_brace meta_brace_round meta_brace_round_js" style="padding-top: 0.2em; padding-bottom: 0.1em;">)</span><span style="color: #f8f8f8;">;
  95. &lt;/</span><span class="entity entity_name entity_name_tag entity_name_tag_script entity_name_tag_script_html" style="padding-top: 0.2em; padding-bottom: 0.1em; color: #e0c589;">script</span><span style="color: #f8f8f8;">&gt; </span></span></pre>
  96. </span></span></pre>
  97. </blockquote>
  98. <p>这段代码正常情况下,你应该可以在浏览器里看到你的摄像头视频了。</p>
  99. <p> </p>
  100. <p>另外,舜子还想提到一个非常有用的东西就是URL对象。看到webkitURL了么?<a href="http://lists.w3.org/Archives/Public/public-webapps/2011OctDec/1499.html">createObjectURL</a> 是可以把一些<a href="https://developer.mozilla.org/en/Document_Object_Model_(DOM)/BlobBuilder">Blob(二进制大对象</a>)转换成一个本地的url,提供给script标签,img,video,audio,甚至file来使用,这样做有什么好处呢?</p>
  101. <p>试想一下,浏览器未来直接在前端处理的资源会很多,你可以合成视频和音频,但是合成后的<a href="https://developer.mozilla.org/en/Document_Object_Model_(DOM)/BlobBuilder">Blob(二进制大对象</a>)如何给html来播放,那么这时候你就需要构造一个URI来提供,这个和base64URI还不一样。其实<a href="http://lists.w3.org/Archives/Public/public-webapps/2011OctDec/1499.html">createObjectURL</a>会更加强大。</p>
  102. <p>你还可以把一些文本,直接转换成js,构造成一个url,提供给worker使用。减少了worker使用过程中需要多一个请求的开销。</p>
  103. <blockquote>
  104. <p>玩demo的,这边请:</p>
  105. <p><a href="http://www.pjhome.net/web/gif_maker/">http://www.pjhome.net/web/gif_maker/</a></p>
  106. <p><em>注意,最好是<a href="http://www.google.com/chrome/intl/en/eula_dev.html?dl=mac">chrome 19</a>以上的版本,并且确保你真的有摄像头(没摄像头可能会crash浏览器,chrome的bug)。</em></p>
  107. </blockquote>
  108. <blockquote>
  109. <p>最后还得感谢,jsgif库。这个库是从as3版本转换过来的。</p>
  110. <p><a href="https://github.com/antimatter15/jsgif">https://github.com/antimatter15/jsgif</a></p>
  111. </blockquote>]]></description>
  112. </item>
  113. <item>
  114. <link>http://www.pjhome.net/article/Diary/1045.htm</link>
  115. <title><![CDATA[QQ闹钟 v2 for iPhone 发布]]></title>
  116. <author>[email protected](puterjam)</author>
  117. <category><![CDATA[Diary]]></category>
  118. <pubDate>Mon,07 May 2012 13:14:44 +0800</pubDate>
  119. <guid>http://www.pjhome.net/default.asp?id=1045</guid>
  120. <description><![CDATA[<p style="text-align: center;"><img title="NewImage.png" src="http://www.pjhome.net/attachments/month_1205/120125713510.png" border="0" alt="NewImage" width="528" height="183" /></p>
  121. <p style="text-align: left;">QQ闹钟2.0很顺利通过审核了,这也是团队接触IOS后的一次大版本~ 推荐所有iphone的用户,android版本还在准备当中.</p>
  122. <blockquote>
  123. <p><strong>热腾5月7日消息</strong> 日前QQ闹钟(2.0)iPhone 正式发布,新版本全新界面设计,给你带来全新体验,这是一款功能强大的提醒应用。超炫的时钟界面,支持设置您喜欢的音乐做铃声,QQ农场的菜熟了,立刻提醒您,您的菜不再被偷。QQ闹钟还支持QQ牧场,QQ餐厅,QQ超市,魔法卡片等游戏提醒。游戏提醒、生日提醒、倒计时提醒、活动提醒尽在QQ闹钟。</p>
  124. <p><img style="border: 0px;" src="http://file.service.qq.com/qqfans-files/uploadfile2012/5/7/102223.jpg" alt="" /></p>
  125. <p><strong>版本 2.0.0 中的新功能:</strong></p>
  126. <p>1、全新界面设计;</p>
  127. <p>2、支持生日提醒;</p>
  128. <p>3、支持邀请好友参加活动;</p>
  129. <p>4、支持倒计时功能;</p>
  130. <p>5、新增对超市、餐厅等应用的游戏提醒支持;</p>
  131. <p>6、拥有农场一键收菜特权;</p>
  132. <p>7、彻底解决因为登录信息过期导致无法同步的问题。</p>
  133. <p><strong>版本截图:</strong></p>
  134. <img title="NewImage.png" src="http://www.pjhome.net/attachments/month_1205/t20125713110.png" border="0" alt="NewImage" width="270" height="407" /><br /><br /><img title="NewImage.png" src="http://www.pjhome.net/attachments/month_1205/c201257131224.png" border="0" alt="NewImage" width="270" height="405" /><br /><br /><img title="NewImage.png" src="http://www.pjhome.net/attachments/month_1205/l201257131255.png" border="0" alt="NewImage" width="267" height="401" />
  135. <p><img title="NewImage.png" src="http://www.pjhome.net/attachments/month_1205/i201257131351.png" border="0" alt="NewImage" width="264" height="398" /></p>
  136. <p class="content_link"><span style="float: left;">QQ闹钟 v2:</span><a style="color: #1a64a1; text-decoration: none;" href="http://itunes.apple.com/cn/app/qq-nao-zhong/id494833716?mt=8" target="”blank”"><img style="border: 0px; float: left; margin-top: 2px; margin-right: 8px;" src="http://file.service.qq.com/qqfans-files/uploadfile2011/4/1/155949.jpg" alt="" /></a><span class="separate" style="float: none; margin-left: 4px; margin-right: 4px; color: #cccccc;">|</span> <a style="color: #1a64a1; text-decoration: none;" href="http://rc.qzone.qq.com/myhome/904/" target="”blank”">QQ空间应用</a><span class="separate" style="float: none; margin-left: 4px; margin-right: 4px; color: #cccccc;">|</span> <a style="color: #1a64a1; text-decoration: none;" href="http://t.qq.com/qqnaozhong" target="”blank”">官方微博</a></p>
  137. </blockquote>]]></description>
  138. </item>
  139. <item>
  140. <link>http://www.pjhome.net/article/Web/mac_os_fonts.htm</link>
  141. <title><![CDATA[关于MacOS下字体的一些研究]]></title>
  142. <author>[email protected](puterjam)</author>
  143. <category><![CDATA[Web Design]]></category>
  144. <pubDate>Sun,18 Dec 2011 18:16:38 +0800</pubDate>
  145. <guid>http://www.pjhome.net/default.asp?id=1039</guid>
  146. <description><![CDATA[<p style="text-align: center; "><img alt="" src="http://www.pjhome.net/download.asp?id=104" /></p>
  147. <p>Mac 下的中文字体不多,系统默认是使用细黑体来显示中文文字(STXihei)。</p>
  148. <p>为什么苹果不使用宋体来显示呢,因为宋体是衬线字体。</p>
  149. <div><span style="white-space: pre;"> </span><img title="NewImage.png" border="0" alt="NewImage" width="331" height="191" src="http://www.pjhome.net/attachments/month_1112/92011121818932.png" /></div>
  150. <div>衬线字体:带字体修饰的字体。(图中红色部分) 也叫&ldquo;白体&rdquo;,相对的非衬线字体叫&ldquo;黑体&rdquo;,英文叫sans-serif(sans在英文是非的意思)</div>
  151. <div><img title="NewImage.png" border="0" alt="NewImage" width="224" height="115" src="http://www.pjhome.net/attachments/month_1112/j2011121818942.png" /></div>
  152. <div><span style="white-space: pre;"> </span> (中文的宋体和黑体)</div>
  153. <div>在传统的印刷中,衬线字体一般都是用来正文印刷,但是在CRT LCD显示器上这些字体不适合阅读,同时字体过小的衬线字体不如非衬线字体美观。后来微软在vista中推出了微软雅黑这个非衬线字体。同时为了优化非衬线字体,采用了字体抗锯齿技术(clearType)。不过苹果在1998年就开始使用了这个技术。</div>
  154. <div><strong><br />
  155. ClearType 原理</strong></div>
  156. <div><span style="white-space: pre;"> </span><img title="NewImage.png" border="0" alt="NewImage" width="357" height="409" src="http://www.pjhome.net/attachments/month_1112/y2011121818100.png" /></div>
  157. <div>&nbsp;</div>
  158. <div>衬线字体不适合在clearType下使用,因为过小的字号没有住够像素空间去展示(笔划末端的点缀太多),显示也不美观(比如Flash如果用了宋体在mac下&nbsp;<img title="NewImage.png" border="0" alt="NewImage" width="300" height="43" src="http://www.pjhome.net/attachments/month_1112/v20111218181014.png" />就比较悲剧)。</div>
  159. <div>&nbsp;</div>
  160. <div>除非是点阵显示(winXP的宋体时代),点阵显示在LCD上显示会带来不少问题。</div>
  161. <div><span style="white-space: pre;"> </span><img title="NewImage.png" border="0" alt="NewImage" width="183" height="78" src="http://www.pjhome.net/attachments/month_1112/u20111218181028.png" /></div>
  162. <div><span style="white-space: pre;"> </span> (12px&nbsp;ClearType下的宋体)</div>
  163. <div>&nbsp;</div>
  164. <div><span style="white-space: pre;"> </span> <img title="NewImage.png" border="0" alt="NewImage" width="212" height="67" src="http://www.pjhome.net/attachments/month_1112/g20111218181033.png" /></div>
  165. <div><span style="white-space: pre;"> </span> (12px&nbsp;ClearType下的STXihei)</div>
  166. <div>&nbsp;</div>
  167. <div>在Mac系统中,不同语言的默认字体是</div>
  168. <div>
  169. <ul>
  170.    <li><span style="white-space: pre;"> </span>日文字体是:Hiragino Kaku Gothic Pro</li>
  171.    <li><span style="white-space: pre;"> </span>简体中文是:STXihei</li>
  172.    <li><span style="white-space: pre;"> </span>繁体中文是:LiHei Pro Medium</li>
  173.    <li><span style="white-space: pre;"> </span>韩文字体是:AppleGothic</li>
  174. </ul>
  175. <p>&nbsp;</p>
  176. <p>英文的Mac系统中,对文字的字体查找顺序是:</p>
  177. </div>
  178. <div>
  179. <ul>
  180.    <li>英文字体-&gt;日文字体-&gt;中文字体</li>
  181. </ul>
  182. </div>
  183. <div>&nbsp;</div>
  184. <div>Hiragino 字体比 STXihei 显得比较饱满些,不过Hiragino Kaku Gothic Pro没有包含简体文字,后来也出来了简体版本的Hiragino字体叫,冬青黑体简体中文(Hiragino Sans GB)</div>
  185. <div><span style="white-space: pre;"> </span><img title="NewImage.png" border="0" alt="NewImage" width="232" height="93" src="http://www.pjhome.net/attachments/month_1112/320111218181043.png" /></div>
  186. <div>&nbsp;</div>
  187. <div>在 Web 上的字体,如果使用了&nbsp;<span style="color: #1200ff;"><span style="font-family: Helvetica; font-size: 12px;"><span style="color: #7a84f7;">Arial</span></span><span style="color: #1200ff;">,</span><span style="color: #7a84f7;">verdana</span></span> 字体作为默认,中文字体自动是选用非衬线字体<span style="color: #1200ff;"><span style="color: #7a84f7;">STXihei</span></span>。如果默认字体是&nbsp;<span style="color: #1200ff;"><span style="color: #7a84f7;">Georgia</span></span><span style="color: #1200ff;">,</span><span style="color: #1200ff;"><span style="color: #7a84f7;">Times New Roman</span></span>,那么中文字体就会自动选成<span style="color: #1200ff;"><span style="color: #7a84f7;">宋体</span></span>。</div>
  188. <p>&nbsp;</p>]]></description>
  189. </item>
  190. <item>
  191. <link>http://www.pjhome.net/article/Note/1038.html</link>
  192. <title><![CDATA[URI 和 URL的一些研究笔记]]></title>
  193. <author>[email protected](puterjam)</author>
  194. <category><![CDATA[Note]]></category>
  195. <pubDate>Tue,15 Nov 2011 16:08:06 +0800</pubDate>
  196. <guid>http://www.pjhome.net/default.asp?id=1038</guid>
  197. <description><![CDATA[<p><img style="display: block; margin-left: auto; margin-right: auto;" title="NewImage.png" src="http://www.pjhome.net/attachments/month_1111/n2011111516727.png" border="0" alt="NewImage" width="527" height="182" /></p>
  198. <p><strong>1. 关键字回顾:</strong></p>
  199. <p><span>RFC(Request For Comments) ,RFC文档是一系列关于Internet(早期为ARPANET)的技术资料汇总,于1969年开始发布。它制定了我们很多常见和不常见的Internet的各种文字资料和规范。</span></p>
  200. <p><span><br />
  201. </span></p>
  202. <p><span><strong>URI(Universal Resource Identifiers)</strong> 统一资源标识符, <a href="http://www.ietf.org/rfc/rfc1630.txt"><span>RFC </span>文献<span>1630</span></a>中定义了它详细的规范(1994年6月)</span></p>
  203. <p><span> |- <strong>URL(Uniform Resource Locators)</strong> 统一资源定位符,<a href="http://www.ietf.org/rfc/rfc1738.txt"><span>RFC文献1738</span></a>中定义了它详细的规范(1994年12月)</span></p>
  204. <p><span><br />
  205. </span></p>
  206. <p><span>在<strong>URI</strong>的规范中,资源描述文字,只允许使用字母,数字,安全字符,特殊字符,和转义字符</span></p>
  207. <p><span>转义字符在<strong>URL</strong>中规定是使用<span style="color: #fb2003;"><strong>%</strong>和两个<strong>hex</strong></span>进行表示,所以也就是为什么浏览器的<strong>form post</strong>会自动进行转义成<strong>%xx</strong>的关系而不使用<strong>unicode常用的%uxxxx</strong>(同时ECMAScript v3也不推荐在js中使用escape)。</span></p>
  208. <p>&nbsp;</p>
  209. <p><span><img style="display: block; margin-left: auto; margin-right: auto;" title="NewImage.png" src="http://www.pjhome.net/attachments/month_1111/f20111115153624.png" border="0" alt="NewImage" width="453" height="495" /></span></p>
  210. <p><span>但是值得注意的是在URI中,空格是作为保留字的,所以URI规范中空格被辅以一个快速标记符号(short hand notation)来进行标识,就是我们看到的<strong>+</strong>号。所以在php中提供的</span><span><strong>urlencode</strong>方法是为了把字符串转换成URI规范用的, 保留空格转换成+号,可以模拟出浏览器form post的结果。</span></p>
  211. <p>&nbsp;</p>
  212. <p><span><strong>2. 说说 URL</strong></span></p>
  213. <p><span>URL 其实是 URI 中的一个子集,URI是一个很宽泛的定义,而且也在URI的基础上做了自己的特殊规范,例如</span></p>
  214. <p><span><img style="display: block; margin-left: auto; margin-right: auto;" title="NewImage.png" src="http://www.pjhome.net/attachments/month_1111/t20111115153640.png" border="0" alt="NewImage" width="342" height="141" /></span></p>
  215. <p><span>另外 URL 中把 # 规定成锚点是用来定位使用,使用了URI规定的保留字中的一个字符。</span></p>
  216. <p><span>当然URL的escape也遵循了URI的规范使用 %和两个hex的格式。</span></p>
  217. <p><span>值得注意的是URL的保留字和URI是不一样的,这些字符都是有特殊意义的</span></p>
  218. <p><span><img style="display: block; margin-left: auto; margin-right: auto;" title="NewImage.png" src="http://www.pjhome.net/attachments/month_1111/320111115153651.png" border="0" alt="NewImage" width="382" height="44" /></span></p>
  219. <p><span>有没有注意到空格在里面?在URL规范中,空格只是认为不安全(unsafe)的存在,因为可能会因为排版和打印关系,可能会被忽略,所以URL中是需要把空格转换成%20的。对应的php提供的rawurlencode 方法是用来把字符串转换成URL的标准。</span></p>
  220. <p><span>JS中的 encodeURI和encodeURIComponent 对字符的转义,虽然也是按照URI规范转义,但是它并没还有转换空格成+号,而是%20,后者会把URI的保留字</span><span><strong>; : / ?</strong>也进行转义。为什么浏览器和流行的server遇到 &ldquo; &ldquo;,%20,+ 都会转换成空格?其实是为了更好兼容URI标准。</span></p>
  221. <p><span>其实很多流行的http server都已经根据标准自动把url进行decode后给到后面的CGI进行处理,而我们自己的server很多时候需要开发来对这些进行decode。如果对这些标准不了解就很容易在decode的时候使用错误的decode手段。</span></p>
  222. <p><span>而unicode目前使用场景最多的是在我们的脚本语言和页面展示中,为了支持更宽的字符集,用一种统一的编码来规范处理文字而使用,浏览器会根据资源的定义(charset) 对目标的文字先进行unicode转义后再进行统一的处理,这样就可以保证一个utf-8 的页面也可以同时支持请求GB2312的资源,而不会因此显示出错。</span></p>
  223. <p>&nbsp;</p>
  224. <p><span><strong>3. 附件:</strong></span></p>
  225. <p><span>除了URI和URL以外,还有一个不太流行的URN(Uniform Resource Name), 有兴趣的同学可以自己研究:P,它同样也是属于URI的子集。</span></p>]]></description>
  226. </item>
  227. <item>
  228. <link>http://www.pjhome.net/article/Javascript/html5_Orientation.html</link>
  229. <title><![CDATA[HTML5 重力感应试玩~]]></title>
  230. <author>[email protected](puterjam)</author>
  231. <category><![CDATA[Javascript]]></category>
  232. <pubDate>Thu,21 Jul 2011 21:11:06 +0800</pubDate>
  233. <guid>http://www.pjhome.net/default.asp?id=1037</guid>
  234. <description><![CDATA[<p><img style="display: block; margin-left: auto; margin-right: auto;" title="blog picture template.artx 530x185 px-2.png" border="0" alt="Blog picture template artx 530x185 px 2" width="526" height="180" src="http://www.pjhome.net/attachments/month_1107/d201172121111.png" /></p>
  235. <p>html5 中针对高端手机提供了重力感应和重力加速的接口,开发可以利用这个接口获取到移动设备重力加速感应数据。</p>
  236. <p>目前已经支持的浏览器只有chrome和firefox,以及IOS的webkit(貌似android上因为版本差异很大,部分低版本的系统不支持)。</p>
  237. <p>通过iphone或者mac电脑访问下面的地址可以体验哈</p>
  238. <p><a href="http://www.pjhome.net/web/Orientation.html">http://www.pjhome.net/web/Orientation.html</a></p>
  239. <p>&nbsp;</p>
  240. <p>使用也比较简单:</p>
  241. <p>首先,绑定感应事件</p>
  242. <p>&nbsp;</p>
  243. <div class="codeText">
  244. <div class="codeHead">JavaScript代码</div>
  245. <ol start="1" class="dp-c">
  246.    <li class="alt"><span><span>window.addEventListener(</span><span class="string">'deviceorientation'</span><span>,&nbsp;</span><span class="keyword">this</span><span>.orientationListener,&nbsp;</span><span class="keyword">false</span><span>);&nbsp;</span><span class="comment">//方向感应器</span><span>&nbsp;&nbsp;</span></span></li>
  247.    <li><span>window.addEventListener(<span class="string">'MozOrientation'</span><span>,&nbsp;</span><span class="keyword">this</span><span>.orientationListener,&nbsp;</span><span class="keyword">false</span><span>);&nbsp;</span><span class="comment">//方向感应器&nbsp;for&nbsp;firefox&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&nbsp;&nbsp;</span></span></li>
  248.    <li class="alt"><span>window.addEventListener(<span class="string">'devicemotion'</span><span>,&nbsp;</span><span class="keyword">this</span><span>.orientationListener,&nbsp;</span><span class="keyword">false</span><span>);&nbsp;</span><span class="comment">//重力加速感应器&nbsp;for&nbsp;iphone,&nbsp;android</span><span>&nbsp;&nbsp;</span></span></li>
  249. </ol>
  250. </div>
  251. <p>&nbsp;</p>
  252. <p><br />
  253. 使用上需要区分设备是否支持重力加速器,部分设备无重力加速,只能获取到方向</p>
  254. <p>方向中分<strong><span style="text-decoration: underline;">alpha</span></strong>,<strong><span style="text-decoration: underline;">beta</span></strong>,<strong><span style="text-decoration: underline;">gamma</span></strong>三个,其实对应我们常说的 <strong>y</strong>, <strong>z</strong>, <strong>x</strong> 三个方向, 方向可以通过&nbsp;<strong><span style="text-decoration: underline;">event</span> </strong>来直接获取到,获取到到的数据单位是 <strong><span style="text-decoration: underline;">度数</span></strong>, 不过firefox稍微有点偏离规范,返回的是 <strong><span style="text-decoration: underline;">弧度</span></strong> 单位。</p>
  255. <p><img style="font-size: 11px; background: #fff;" title="start.png" border="0" alt="Start" width="450" height="450" src="http://www.pjhome.net/attachments/month_1107/m2011721211030.png" /></p>]]></description>
  256. </item>
  257. <item>
  258. <link>http://www.pjhome.net/article/Javascript/setImmediate_requestAnimationFrame.html</link>
  259. <title><![CDATA[setTimeout(0) 即将退役]]></title>
  260. <author>[email protected](puterjam)</author>
  261. <category><![CDATA[Javascript]]></category>
  262. <pubDate>Wed,20 Jul 2011 23:50:09 +0800</pubDate>
  263. <guid>http://www.pjhome.net/default.asp?id=1036</guid>
  264. <description><![CDATA[<p><img style="display: block; margin-left: auto; margin-right: auto;" title="blog picture template.artx 530x185 px.png" border="0" alt="Blog picture template artx 530x185 px" width="527" height="183" src="http://www.pjhome.net/attachments/month_1107/42011720234956.png" /></p>
  265. <p>相信所有做前端开发的同学都会经常使用&nbsp;<span style="text-decoration: underline;"><strong>setTimeout(0)</strong></span> 来做很多事情,这个一度成为解决了很多前端疑难杂症的法宝。而且大家也知道&nbsp;<span style="text-decoration: underline;"><strong>setTImeout(0)</strong></span> 的极限在16ms左右。也许很多人没想到这个是一个很严重的问题,但是在w3c性能小组的专家眼里这是一个非常纠结的设置。</p>
  266. <p><strong>那setTimeout和16ms会带来什么问题呢?</strong></p>
  267. <p><span style="font-size: 18px;"> </span><span style="font-size: 20px;">1. </span>我们都知道,我们在做页面动画的时候大多数都是在用setTImeout来控制每一帧的动画的, 而多个setTimeout的存在会导致很多次CPU中断调度的开销,为了减少这些开销,我们希望同一个统一的CPU中断调度管理调度单元来管理所有动画,</p>
  268. <p>于是就出现了 <span style="text-decoration: underline;"><span style="font-size: 16px;"><strong>requestAnimationFrame</strong></span></span>。&nbsp;<span style="text-decoration: underline;"><strong>requestAnimationFrame</strong></span> 的出现不仅仅可以解决中断调度的问题,还可以更加优化得统一管理动画单元里dom元素的repaint方式。</p>
  269. <p><span style="font-size: 20px;">2.</span> 杯具的16ms,在早期。js的callback执行,是依赖CPU的中断来进行控制的,如果两个中断之间时间太短会导致,CPU性能消耗很高,同时影响能耗,于是微软和英特公司为了解决这个问题,就约定每个中断之间的间隔是15.6ms<em>(64 fps)</em>所以就是我们常见的约等于16ms的间隔。不过随着web的要求不断增加,大家对这个要求希望是放宽的态度,于是在高端浏览器,这个性能被提升了4倍左右,所以在chrome,ie10等浏览器,setTimeout的间隔缩短到了 4ms <em>(250 fps)</em>。 但是问题来了,这么高的消耗以传统的方式,并不能从根本上解决CPU的调度问题,而且能耗也会提升40%</p>
  270. <p>于是W3C,提出需要取代 <span style="text-decoration: underline;"><strong>setTimeout(0)</strong></span> 的代替品 ---&nbsp;<span style="text-decoration: underline;"><span style="font-size: 16px;"><strong>setImmediate</strong></span></span></p>
  271. <p>不过到底底层如何解决了这个CPU调度,还能保证脚本能够很快执行,这块舜子还在研究,了解的朋友也欢迎一起交流哈。</p>
  272. <p>&nbsp;</p>
  273. <p>这是两个非常好的方法用来取代setTimeout的api,舜子也做了一些小小的实验来验证 requestAnimationFrame,setImmediate 和 setTimeout 之间的执行效率区别,在IE10下可以看到,setImmediate 接口的callback次数可以达到每秒 6000 次的的执行。而requestAnimationFrame主要目的是为了保证动画的圆滑播放,所以基本上是控制在60 fps的范围,而且根据文档介绍,只是一个时钟控制器在进行调度,而且会更加需要来进行按需渲染。</p>
  274. <p><img alt="" src="http://www.pjhome.net/attachments/month_1107/20110720232212.png" /></p>
  275. <p><a target="_blank" href="http://www.pjhome.net/web/html5/timing_test.htm">http://www.pjhome.net/web/html5/timing_test.htm</a></p>
  276. <p>&nbsp;</p>
  277. <p>&nbsp;</p>]]></description>
  278. </item>
  279. <item>
  280. <link>http://www.pjhome.net/article/Note/1035.html</link>
  281. <title><![CDATA[微软出品 Html5 的吃豆人]]></title>
  282. <author>[email protected](puterjam)</author>
  283. <category><![CDATA[Note]]></category>
  284. <pubDate>Thu,21 Apr 2011 11:00:02 +0800</pubDate>
  285. <guid>http://www.pjhome.net/default.asp?id=1035</guid>
  286. <description><![CDATA[<p><img style="display: block; margin-left: auto; margin-right: auto;" title="blog picture template.artx 530x185 px-1.jpg" src="http://www.pjhome.net/attachments/month_1104/c2011421105825.jpg" border="0" alt="Blog picture template artx 530x185 px 1" width="528" height="183" /></p>
  287. <p>Html5 游戏开始初露锋芒,在终端上渐现优势的Html5 game 或许瞄准了一个非常号的平台。微软的加入更加让Html5的普及加上更多的动力。</p>
  288. <p>看看微软做的html5游戏吧,这个在FC上的经典游戏,也跨平台到了HTML5上,不过借助网络的力量,这个版本的吃豆人可以自创关卡哟~</p>
  289. <p>这个游戏由澳大利亚的网页游戏工作室Soap Creative开发,发布于微软的MIX11开发者大会上。</p>
  290. <p>使用 Opera firefox Chrome IE9 等浏览器都可以玩哈~  <a href="http://worldsbiggestpacman.com/">猛击这里游玩</a></p>
  291. <p><img style="display: block; margin-left: auto; margin-right: auto;" title="World_s Biggest PAC-MAN.jpg" src="http://www.pjhome.net/attachments/month_1104/7201142110478.jpg" border="0" alt="World s Biggest PAC MAN" width="600" height="410" /></p>
  292. <p><img style="display: block; margin-left: auto; margin-right: auto;" title="World_s Biggest PAC-MAN-1.jpg" src="http://www.pjhome.net/attachments/month_1104/o2011421104843.jpg" border="0" alt="World s Biggest PAC MAN 1" width="600" height="410" /></p>]]></description>
  293. </item>
  294. </channel>
  295. </rss>
  296.  

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=http%3A//www.pjhome.net/feed.asp

Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda