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.
 
 
 

299 lines
8.0 KiB

// 横屏
var detectOrient = function() {
var width = document.documentElement.clientWidth,
height = document.documentElement.clientHeight,
wrapper = document.getElementById("wrap"),
style = "";
if(width >= height) { // 竖屏
style += "width:100%";
style += "height:100%;";
style += "-webkit-transform: rotate(0); transform: rotate(0);";
style += "-webkit-transform-origin: 0 0;";
style += "transform-origin: 0 0;";
} else { // 横屏
style += "width:" + height + "px;"; // 注意旋转后的宽高切换
style += "height:" + width + "px;";
style += "-webkit-transform: rotate(90deg); transform: rotate(90deg);";
// 注意旋转中点的处理
style += "-webkit-transform-origin: " + width / 2 + "px " + width / 2 + "px;";
style += "transform-origin: " + width / 2 + "px " + width / 2 + "px;";
}
wrapper.style.cssText = style;
}
window.onresize = detectOrient;
detectOrient();
//$(document).ready(function(){
var browser = {
versions: function() {
var u = navigator.userAgent,
app = navigator.appVersion;
return { //移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
//console.log(location.href)
var url = location.href.split('?')[1]
//console.log(url)
if(url) {
var states = url.split('=')[0] == 'audioState'
} else {
var states = null
}
if(states) {
var audioState = url.split('=')[1];
if(audioState == 'true') {
clearInterval(audios);
$('.audioImg img').attr('src', 'img/stopAudio.png')
audioState = false
var bgmAudio = document.getElementById("bgmAudio");
console.log(bgmAudio)
if(browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
if(ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
// alert("微信打开")
function playAudio() {
if(window.WeixinJSBridge) {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
bgmAudio.play();
}, false);
} else {
document.addEventListener("WeixinJSBridgeReady", function() {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
bgmAudio.play();
});
}, false);
}
bgmAudio.play();
return false;
}
function audioPlay() {
wx.ready(function() {
bgmAudio.play()
});
}
playAudio();
audioPlay();
}
if(ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
}
if(ua.match(/QQ/i) == "qq") {
//在QQ空间打开
}
if(browser.versions.ios) {
//是否在IOS浏览器打开
//播放
bgmAudio.play()
}
if(browser.versions.android) {
bgmAudio.play()
}
} else {
//否则就是PC浏览器打开
bgmAudio.play()
}
} else {
// $('.audioImg img').attr('src', 'img/audioIcon.png')
// audios = setInterval(function() {
// deg++
// $('.audioImg').css('transform', 'rotate(' + deg * 10 + 'deg)')
// }, 100)
var bgmAudio = document.getElementById("bgmAudio");
// console.log(bgmAudio)
if(browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
if(ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
// alert("微信打开")
function playAudio() {
if(window.WeixinJSBridge) {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
bgmAudio.pause();
}, false);
} else {
document.addEventListener("WeixinJSBridgeReady", function() {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
bgmAudio.pause();
});
}, false);
}
bgmAudio.pause();
return false;
}
function audioPlay() {
wx.ready(function() {
bgmAudio.pause()
});
}
playAudio();
audioPlay();
}
if(ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
}
if(ua.match(/QQ/i) == "qq") {
//在QQ空间打开
}
if(browser.versions.ios) {
//是否在IOS浏览器打开
//播放
bgmAudio.pause()
}
if(browser.versions.android) {
bgmAudio.pause()
}
} else {
//否则就是PC浏览器打开
bgmAudio.pause()
}
}
} else {
var audioState = true;
var deg = 1;
var audios = setInterval(function() {
deg++
$('.audioImg').css('transform', 'rotate(' + deg * 10 + 'deg)')
}, 100)
$('.audioImg').on('touchstart', function() {
if(audioState) {
clearInterval(audios);
$('.audioImg img').attr('src', 'img/stopAudio.png')
audioState = false
var bgmAudio = document.getElementById("bgmAudio");
console.log(bgmAudio)
if(browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
if(ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
// alert("微信打开")
function playAudio() {
if(window.WeixinJSBridge) {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
bgmAudio.pause();
}, false);
} else {
document.addEventListener("WeixinJSBridgeReady", function() {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
bgmAudio.pause();
});
}, false);
}
bgmAudio.pause();
return false;
}
function audioPlay() {
wx.ready(function() {
bgmAudio.pause()
});
}
playAudio();
audioPlay();
}
if(ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
}
if(ua.match(/QQ/i) == "qq") {
//在QQ空间打开
}
if(browser.versions.ios) {
//是否在IOS浏览器打开
//播放
bgmAudio.pause()
}
if(browser.versions.android) {
bgmAudio.pause()
}
} else {
//否则就是PC浏览器打开
bgmAudio.pause()
}
} else {
audioState = true
$('.audioImg img').attr('src', 'img/audioIcon.png')
audios = setInterval(function() {
deg++
$('.audioImg').css('transform', 'rotate(' + deg * 10 + 'deg)')
}, 100)
var bgmAudio = document.getElementById("bgmAudio");
console.log(bgmAudio)
if(browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
if(ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
// alert("微信打开")
function playAudio() {
if(window.WeixinJSBridge) {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
bgmAudio.play();
}, false);
} else {
document.addEventListener("WeixinJSBridgeReady", function() {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
bgmAudio.play();
});
}, false);
}
bgmAudio.play();
return false;
}
function audioPlay() {
wx.ready(function() {
bgmAudio.play()
});
}
playAudio();
audioPlay();
}
if(ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
}
if(ua.match(/QQ/i) == "qq") {
//在QQ空间打开
}
if(browser.versions.ios) {
//是否在IOS浏览器打开
//播放
bgmAudio.play()
}
if(browser.versions.android) {
bgmAudio.play()
}
} else {
//否则就是PC浏览器打开
bgmAudio.play()
}
}
})
}
//})