You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

298 lines
8.0 KiB

  1. // 横屏
  2. var detectOrient = function() {
  3. var width = document.documentElement.clientWidth,
  4. height = document.documentElement.clientHeight,
  5. wrapper = document.getElementById("wrap"),
  6. style = "";
  7. if(width >= height) { // 竖屏
  8. style += "width:100%";
  9. style += "height:100%;";
  10. style += "-webkit-transform: rotate(0); transform: rotate(0);";
  11. style += "-webkit-transform-origin: 0 0;";
  12. style += "transform-origin: 0 0;";
  13. } else { // 横屏
  14. style += "width:" + height + "px;"; // 注意旋转后的宽高切换
  15. style += "height:" + width + "px;";
  16. style += "-webkit-transform: rotate(90deg); transform: rotate(90deg);";
  17. // 注意旋转中点的处理
  18. style += "-webkit-transform-origin: " + width / 2 + "px " + width / 2 + "px;";
  19. style += "transform-origin: " + width / 2 + "px " + width / 2 + "px;";
  20. }
  21. wrapper.style.cssText = style;
  22. }
  23. window.onresize = detectOrient;
  24. detectOrient();
  25. //$(document).ready(function(){
  26. var browser = {
  27. versions: function() {
  28. var u = navigator.userAgent,
  29. app = navigator.appVersion;
  30. return { //移动终端浏览器版本信息
  31. trident: u.indexOf('Trident') > -1, //IE内核
  32. presto: u.indexOf('Presto') > -1, //opera内核
  33. webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
  34. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
  35. mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
  36. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
  37. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
  38. iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
  39. iPad: u.indexOf('iPad') > -1, //是否iPad
  40. webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
  41. };
  42. }(),
  43. language: (navigator.browserLanguage || navigator.language).toLowerCase()
  44. }
  45. //console.log(location.href)
  46. var url = location.href.split('?')[1]
  47. //console.log(url)
  48. if(url) {
  49. var states = url.split('=')[0] == 'audioState'
  50. } else {
  51. var states = null
  52. }
  53. if(states) {
  54. var audioState = url.split('=')[1];
  55. if(audioState == 'true') {
  56. clearInterval(audios);
  57. $('.audioImg img').attr('src', 'img/stopAudio.png')
  58. audioState = false
  59. var bgmAudio = document.getElementById("bgmAudio");
  60. console.log(bgmAudio)
  61. if(browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
  62. var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
  63. if(ua.match(/MicroMessenger/i) == "micromessenger") {
  64. //在微信中打开
  65. // alert("微信打开")
  66. function playAudio() {
  67. if(window.WeixinJSBridge) {
  68. WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
  69. bgmAudio.play();
  70. }, false);
  71. } else {
  72. document.addEventListener("WeixinJSBridgeReady", function() {
  73. WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
  74. bgmAudio.play();
  75. });
  76. }, false);
  77. }
  78. bgmAudio.play();
  79. return false;
  80. }
  81. function audioPlay() {
  82. wx.ready(function() {
  83. bgmAudio.play()
  84. });
  85. }
  86. playAudio();
  87. audioPlay();
  88. }
  89. if(ua.match(/WeiBo/i) == "weibo") {
  90. //在新浪微博客户端打开
  91. }
  92. if(ua.match(/QQ/i) == "qq") {
  93. //在QQ空间打开
  94. }
  95. if(browser.versions.ios) {
  96. //是否在IOS浏览器打开
  97. //播放
  98. bgmAudio.play()
  99. }
  100. if(browser.versions.android) {
  101. bgmAudio.play()
  102. }
  103. } else {
  104. //否则就是PC浏览器打开
  105. bgmAudio.play()
  106. }
  107. } else {
  108. // $('.audioImg img').attr('src', 'img/audioIcon.png')
  109. // audios = setInterval(function() {
  110. // deg++
  111. // $('.audioImg').css('transform', 'rotate(' + deg * 10 + 'deg)')
  112. // }, 100)
  113. var bgmAudio = document.getElementById("bgmAudio");
  114. // console.log(bgmAudio)
  115. if(browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
  116. var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
  117. if(ua.match(/MicroMessenger/i) == "micromessenger") {
  118. //在微信中打开
  119. // alert("微信打开")
  120. function playAudio() {
  121. if(window.WeixinJSBridge) {
  122. WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
  123. bgmAudio.pause();
  124. }, false);
  125. } else {
  126. document.addEventListener("WeixinJSBridgeReady", function() {
  127. WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
  128. bgmAudio.pause();
  129. });
  130. }, false);
  131. }
  132. bgmAudio.pause();
  133. return false;
  134. }
  135. function audioPlay() {
  136. wx.ready(function() {
  137. bgmAudio.pause()
  138. });
  139. }
  140. playAudio();
  141. audioPlay();
  142. }
  143. if(ua.match(/WeiBo/i) == "weibo") {
  144. //在新浪微博客户端打开
  145. }
  146. if(ua.match(/QQ/i) == "qq") {
  147. //在QQ空间打开
  148. }
  149. if(browser.versions.ios) {
  150. //是否在IOS浏览器打开
  151. //播放
  152. bgmAudio.pause()
  153. }
  154. if(browser.versions.android) {
  155. bgmAudio.pause()
  156. }
  157. } else {
  158. //否则就是PC浏览器打开
  159. bgmAudio.pause()
  160. }
  161. }
  162. } else {
  163. var audioState = true;
  164. var deg = 1;
  165. var audios = setInterval(function() {
  166. deg++
  167. $('.audioImg').css('transform', 'rotate(' + deg * 10 + 'deg)')
  168. }, 100)
  169. $('.audioImg').on('touchstart', function() {
  170. if(audioState) {
  171. clearInterval(audios);
  172. $('.audioImg img').attr('src', 'img/stopAudio.png')
  173. audioState = false
  174. var bgmAudio = document.getElementById("bgmAudio");
  175. console.log(bgmAudio)
  176. if(browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
  177. var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
  178. if(ua.match(/MicroMessenger/i) == "micromessenger") {
  179. //在微信中打开
  180. // alert("微信打开")
  181. function playAudio() {
  182. if(window.WeixinJSBridge) {
  183. WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
  184. bgmAudio.pause();
  185. }, false);
  186. } else {
  187. document.addEventListener("WeixinJSBridgeReady", function() {
  188. WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
  189. bgmAudio.pause();
  190. });
  191. }, false);
  192. }
  193. bgmAudio.pause();
  194. return false;
  195. }
  196. function audioPlay() {
  197. wx.ready(function() {
  198. bgmAudio.pause()
  199. });
  200. }
  201. playAudio();
  202. audioPlay();
  203. }
  204. if(ua.match(/WeiBo/i) == "weibo") {
  205. //在新浪微博客户端打开
  206. }
  207. if(ua.match(/QQ/i) == "qq") {
  208. //在QQ空间打开
  209. }
  210. if(browser.versions.ios) {
  211. //是否在IOS浏览器打开
  212. //播放
  213. bgmAudio.pause()
  214. }
  215. if(browser.versions.android) {
  216. bgmAudio.pause()
  217. }
  218. } else {
  219. //否则就是PC浏览器打开
  220. bgmAudio.pause()
  221. }
  222. } else {
  223. audioState = true
  224. $('.audioImg img').attr('src', 'img/audioIcon.png')
  225. audios = setInterval(function() {
  226. deg++
  227. $('.audioImg').css('transform', 'rotate(' + deg * 10 + 'deg)')
  228. }, 100)
  229. var bgmAudio = document.getElementById("bgmAudio");
  230. console.log(bgmAudio)
  231. if(browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
  232. var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
  233. if(ua.match(/MicroMessenger/i) == "micromessenger") {
  234. //在微信中打开
  235. // alert("微信打开")
  236. function playAudio() {
  237. if(window.WeixinJSBridge) {
  238. WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
  239. bgmAudio.play();
  240. }, false);
  241. } else {
  242. document.addEventListener("WeixinJSBridgeReady", function() {
  243. WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
  244. bgmAudio.play();
  245. });
  246. }, false);
  247. }
  248. bgmAudio.play();
  249. return false;
  250. }
  251. function audioPlay() {
  252. wx.ready(function() {
  253. bgmAudio.play()
  254. });
  255. }
  256. playAudio();
  257. audioPlay();
  258. }
  259. if(ua.match(/WeiBo/i) == "weibo") {
  260. //在新浪微博客户端打开
  261. }
  262. if(ua.match(/QQ/i) == "qq") {
  263. //在QQ空间打开
  264. }
  265. if(browser.versions.ios) {
  266. //是否在IOS浏览器打开
  267. //播放
  268. bgmAudio.play()
  269. }
  270. if(browser.versions.android) {
  271. bgmAudio.play()
  272. }
  273. } else {
  274. //否则就是PC浏览器打开
  275. bgmAudio.play()
  276. }
  277. }
  278. })
  279. }
  280. //})