index.php 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <?php
  2. if(!function_exists('is_mobile'))
  3. {
  4. function is_mobile()
  5. {
  6. //php判断客户端是否为手机
  7. $agent = $_SERVER['HTTP_USER_AGENT'];
  8. return (strpos($agent,"NetFront") || strpos($agent,"iPhone") || strpos($agent,"MIDP-2.0") || strpos($agent,"Opera Mini") || strpos($agent,"UCWEB") || strpos($agent,"Android") || strpos($agent,"Windows CE") || strpos($agent,"SymbianOS"));
  9. }
  10. }
  11. ?>
  12. <!doctype html>
  13. <html>
  14. <head>
  15. <meta charset="utf-8">
  16. <title>Workerman小蝌蚪互动聊天室 HTML5+Websocket+PHP多进程socket实时推送技术</title>
  17. <link rel="stylesheet" type="text/css" href="css/main.css" />
  18. <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
  19. <meta name="apple-mobile-web-app-capable" content="YES">
  20. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  21. <link rel="apple-touch-icon" href="/images/apple-touch-icon.png"/>
  22. <meta property="fb:app_id" content="149260988448984" />
  23. <meta name="title" content="Workerman-todpole!" />
  24. <meta name="description" content="workerman + HTML5+WebSocket +PHP socket 广播 小蝌蚪交互游戏程序 ,坐标实时推送、实时聊天等" />
  25. <link rel="image_src" href="/images/fb-image.jpg" / >
  26. </head>
  27. <body>
  28. <canvas id="canvas"></canvas>
  29. <div id="ui">
  30. <div id="fps"></div>
  31. <input id="chat" type="text" />
  32. <div id="chatText"></div>
  33. <h1>workerman</h1>
  34. <?php if(!is_mobile()){?>
  35. <div id="instructions">
  36. <h2>介绍</h2>
  37. <p>直接打字聊天!<br />输入 name: XX 则会设置你的昵称为XX</p>
  38. </div>
  39. <aside id="info">
  40. <section id="share">
  41. <a rel="external" href="http://github.com/walkor/workerman-todpole" title="workerman-todpole at GitHub">源代码:<img src="css/images/github.png" alt="fork on github"></a>
  42. &nbsp;&nbsp;
  43. </section>
  44. <section id="wtf">
  45. <!-- 尊重他人劳动成果,请保留原作者相关链接 -->
  46. <h2>powered&nbsp;by&nbsp;<a rel="external" href="http://workerman.net/workerman-todpole" target="_blank">workerman</a> &nbsp;&nbsp;&nbsp;&nbsp;感谢 <a href="http://rumpetroll.com/" target="_blank">rumpetroll.com</a></h2>
  47. <!-- 尊重他人劳动成果,请保留原作者相关链接 -->
  48. </section>
  49. </aside>
  50. <?php }?>
  51. <aside id="frogMode">
  52. <h3>Frog Mode</h3>
  53. <section id="tadpoles">
  54. <h4>Tadpoles</h4>
  55. <ul id="tadpoleList">
  56. </ul>
  57. </section>
  58. <section id="console">
  59. <h4>Console</h4>
  60. </section>
  61. </aside>
  62. <div id="cant-connect">
  63. 与服务器断开连接了。您可以重新刷新页面。
  64. </div>
  65. <div id="unsupported-browser">
  66. <p>
  67. 您的浏览器不支持 <a rel="external" href="http://en.wikipedia.org/wiki/WebSocket">WebSockets</a>.
  68. 推荐您使用以下浏览器
  69. </p>
  70. <ul>
  71. <li><a rel="external" href="http://www.google.com/chrome">Google Chrome</a></li>
  72. <li><a rel="external" href="http://apple.com/safari">Safari 4</a></li>
  73. <li><a rel="external" href="http://www.mozilla.com/firefox/">Firefox 4</a></li>
  74. <li><a rel="external" href="http://www.opera.com/">Opera 11</a></li>
  75. </ul>
  76. <p>
  77. <a href="#" id="force-init-button">仍然浏览!</a>
  78. </p>
  79. </div>
  80. </div>
  81. <script src="/js/lib/parseUri.js"></script>
  82. <script src="/js/lib/modernizr-1.5.min.js"></script>
  83. <script src="/js/jquery.min.js"></script>
  84. <script src="/js/lib/Stats.js"></script>
  85. <script src="/js/App.js"></script>
  86. <script src="/js/Model.js"></script>
  87. <script src="/js/Settings.js"></script>
  88. <script src="/js/Keys.js"></script>
  89. <script src="/js/WebSocketService.js"></script>
  90. <script src="/js/Camera.js"></script>
  91. <script src="/js/Tadpole.js"></script>
  92. <script src="/js/TadpoleTail.js"></script>
  93. <script src="/js/Message.js"></script>
  94. <script src="/js/WaterParticle.js"></script>
  95. <script src="/js/Arrow.js"></script>
  96. <script src="/js/formControls.js"></script>
  97. <script src="/js/Cookie.js"></script>
  98. <script src="/js/main.js"></script>
  99. <script type="text/javascript">
  100. var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  101. document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F5fedb3bdce89499492c079ab4a8a0323' type='text/javascript'%3E%3C/script%3E"));
  102. </script>
  103. </body>
  104. </html>