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
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()
|
|
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
//})
|