debug
This commit is contained in:
make
256
code/public/template/shikong/js/utils_mobile-s2.js
Normal file
256
code/public/template/shikong/js/utils_mobile-s2.js
Normal file
@@ -0,0 +1,256 @@
|
||||
var arrTimer = [];
|
||||
var progressTimerA; //加载进度定时器
|
||||
var progressTimerB; //加载进度定时器
|
||||
var previewTimer; //动态预览定时器
|
||||
|
||||
var activaVideoId; //上次选择视频ID
|
||||
|
||||
// 鼠标移动到视频上的全局状态
|
||||
var isMouse = false;
|
||||
|
||||
var banner = $('.rank-a');
|
||||
// console.log($('.rank-a')[0]);
|
||||
|
||||
var p_arr = [1, 99];
|
||||
function getResult(arr) {
|
||||
var pSum = eval(arr.join('+'));
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
var random = parseInt(Math.random() * pSum);
|
||||
if (random < arr[i]) {
|
||||
return i;
|
||||
} else {
|
||||
pSum -= arr[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
// getResult(p_arr);
|
||||
|
||||
/*
|
||||
if (getResult(p_arr) === 0) {
|
||||
videoCardPlay();
|
||||
}
|
||||
document.addEventListener('scroll', function () {
|
||||
// console.log(getResult(p_arr));
|
||||
if (getResult(p_arr) === 0) {
|
||||
videoCardPlay();
|
||||
}
|
||||
});
|
||||
*/
|
||||
|
||||
function videoCardPlay() {
|
||||
var bannerArr = [];
|
||||
for (let index = 0; index < banner.length; index++) {
|
||||
var scope = (banner[index].offsetHeight * (100 - 80)) / 100;
|
||||
var cH = document.documentElement.clientHeight;
|
||||
var tY = $('.v-s-nav-box-h').hasClass('v-s-nav-box-hide')
|
||||
? banner[index].getBoundingClientRect().top
|
||||
: banner[index].getBoundingClientRect().top -
|
||||
$('.v-s-nav-box-h').height();
|
||||
var bY = banner[index].getBoundingClientRect().bottom;
|
||||
if (tY < -scope || bY > cH + scope) {
|
||||
// console.log('不在可见范围。');
|
||||
// banner[index].data('isPlay', '0');
|
||||
let motionPreview = banner[index].children[1];
|
||||
// $(motionPreview).css('display', 'none');
|
||||
bannerArr = [];
|
||||
} else {
|
||||
// 在可见范围
|
||||
// console.log(banner[index]);
|
||||
// console.log(banner[index].dataset.sl)
|
||||
bannerArr.push(banner[index]);
|
||||
$('.rank-a .motion-preview').css('display', 'none').html('');
|
||||
for (let i in arrTimer) {
|
||||
clearInterval(arrTimer[i]);
|
||||
}
|
||||
for (let bi = 0; bi < 2; bi++) {
|
||||
if (!bannerArr[bi]) continue;
|
||||
let sl = bannerArr[bi].dataset.sl;
|
||||
let childrenImg = bannerArr[bi].children[0];
|
||||
let motionPreview = bannerArr[bi].children[1];
|
||||
// if ($(motionPreview).css('display') === 'block') {
|
||||
// continue;
|
||||
// }
|
||||
const img = new Image();
|
||||
motionPreview.style.display = 'block';
|
||||
if (sl.split('/')[5].search('m3u8') != -1) {
|
||||
img.src = `https://faimg.com/${sl.split('/')[4]}.jpg`;
|
||||
} else {
|
||||
img.src = `https://faimg.com/${sl.split('/')[5]}.jpg`;
|
||||
}
|
||||
img.onload = (e) => {
|
||||
let posterHeight = childrenImg.height;
|
||||
let posterClit = 0;
|
||||
let imgClit = img.width / 100 / img.height;
|
||||
let width = (posterHeight - posterClit) * imgClit;
|
||||
let posterBgPosition = 0;
|
||||
|
||||
// 动态预览图
|
||||
previewTimer = setInterval(function (e) {
|
||||
motionPreview.innerHTML = `<div style="width:${
|
||||
(posterHeight - posterClit) * imgClit
|
||||
}px;height:${posterHeight - posterClit}px;background-size:auto ${
|
||||
posterHeight - posterClit
|
||||
}px;background-image:url(${
|
||||
img.src
|
||||
});background-position:-${posterBgPosition}px 0;"></div>`;
|
||||
|
||||
posterBgPosition += width;
|
||||
|
||||
if (posterBgPosition > img.width) {
|
||||
posterBgPosition = 0;
|
||||
}
|
||||
}, 360);
|
||||
arrTimer.push(previewTimer);
|
||||
};
|
||||
img.onerror = (e) => {
|
||||
console.log('onerror:' + e);
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// $('.video-card-img-toggle').css('display', 'none');
|
||||
$('.rank-a').click(function (e) {
|
||||
// console.log(e);
|
||||
if (e.target.id == 'videoCardImgToggle') {
|
||||
// 点击预览事件
|
||||
isMouse = true;
|
||||
let videoId = e.currentTarget.dataset.vid;
|
||||
|
||||
// 媒体地址
|
||||
let sl = e.currentTarget.dataset.sl;
|
||||
|
||||
let childrenImg = e.currentTarget.children[0];
|
||||
let motionPreview = e.currentTarget.children[1];
|
||||
let progressBox = e.currentTarget.children[3];
|
||||
let progressBar = e.currentTarget.children[3].children[0].children[0];
|
||||
let isVip = 0;
|
||||
if (e.currentTarget.children.length > 4) {
|
||||
isVip = Number(e.currentTarget.children[4].dataset.vip);
|
||||
}
|
||||
let userinfo = localStorage.getItem('userinfo'); // 读取userinfo缓存
|
||||
if (userinfo) {
|
||||
userinfo = JSON.parse(userinfo);
|
||||
}
|
||||
console.log(isVip);
|
||||
// 开启VIP视频禁止非VIP用户预览
|
||||
if (isVip && userinfo.vip.level != isVip) {
|
||||
return;
|
||||
}
|
||||
|
||||
// 清除进行中的预览
|
||||
for (let i in arrTimer) {
|
||||
clearInterval(arrTimer[i]);
|
||||
}
|
||||
|
||||
$('.rank-a .motion-preview').css('display', 'none').html('');
|
||||
|
||||
$('.rank-a .progress-box').hide();
|
||||
$('.rank-a .progress-box .progress .progress-bar').css({ width: '0%' });
|
||||
|
||||
if (activaVideoId == videoId) {
|
||||
activaVideoId = undefined;
|
||||
return;
|
||||
}
|
||||
|
||||
activaVideoId = videoId;
|
||||
|
||||
let progress = 0; //进度条进度
|
||||
|
||||
progressTimerB = setInterval(function (e) {
|
||||
progress += 0.1;
|
||||
progressBox.style.display = 'block';
|
||||
progressBar.style.width = `${progress}%`;
|
||||
if (progress >= 90) {
|
||||
clearInterval(progressTimerB);
|
||||
}
|
||||
}, 3);
|
||||
arrTimer.push(progressTimerB);
|
||||
|
||||
const img = new Image();
|
||||
if (sl.split('/')[5].search('m3u8') != -1) {
|
||||
img.src = `https://faimg.com/${sl.split('/')[4]}.jpg`;
|
||||
} else {
|
||||
img.src = `https://faimg.com/${sl.split('/')[5]}.jpg`;
|
||||
}
|
||||
img.onload = (e) => {
|
||||
let posterHeight = childrenImg.height;
|
||||
let posterClit = 0;
|
||||
let imgClit = img.width / 100 / img.height;
|
||||
let width = (posterHeight - posterClit) * imgClit;
|
||||
let posterBgPosition = 0;
|
||||
|
||||
// 加载进度条
|
||||
progressTimerA = setInterval(function (e) {
|
||||
progress += 0.8;
|
||||
progressBox.style.display = 'block';
|
||||
progressBar.style.width = `${progress}%`;
|
||||
if (progress >= 100) {
|
||||
progressBox.style.display = 'none';
|
||||
clearInterval(progressTimerA);
|
||||
}
|
||||
}, 3);
|
||||
arrTimer.push(progressTimerA);
|
||||
|
||||
// 动态预览图
|
||||
previewTimer = setInterval(function (e) {
|
||||
motionPreview.style.display = 'block';
|
||||
motionPreview.innerHTML = `<div style="width:${
|
||||
(posterHeight - posterClit) * imgClit
|
||||
}px;height:${posterHeight - posterClit}px;background-size:auto ${
|
||||
posterHeight - posterClit
|
||||
}px;background-image:url(${
|
||||
img.src
|
||||
});background-position:-${posterBgPosition}px 0;"></div>`;
|
||||
|
||||
posterBgPosition += width;
|
||||
|
||||
if (posterBgPosition > img.width) {
|
||||
posterBgPosition = 0;
|
||||
}
|
||||
}, 360);
|
||||
arrTimer.push(previewTimer);
|
||||
};
|
||||
img.onerror = (e) => {
|
||||
console.log('onerror:' + e);
|
||||
};
|
||||
} else {
|
||||
// 点击链接事件
|
||||
|
||||
let href = e.currentTarget.dataset.href;
|
||||
if (window.top === window) {
|
||||
location.href = href;
|
||||
} else {
|
||||
window.open(href);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
let ua = navigator.userAgent.toLocaleLowerCase();
|
||||
window.isVideoZindex = false;
|
||||
let videoZindexBrowser = [
|
||||
'ucbrowser',
|
||||
'quark',
|
||||
'baidu',
|
||||
'XiaoMi',
|
||||
'Miui',
|
||||
'mibrowser'
|
||||
];
|
||||
if (
|
||||
true ||
|
||||
videoZindexBrowser.some(function (u) {
|
||||
return ua.indexOf(u) > -1;
|
||||
})
|
||||
) {
|
||||
window.isVideoZindex = true;
|
||||
}
|
||||
|
||||
// 视频BOX高度自动计算,css中自行处理
|
||||
/*try {
|
||||
let rankDom = document.getElementsByClassName('rank-a')[0];
|
||||
let clientWidth = rankDom.clientWidth;
|
||||
let clientHeight = rankDom.clientHeight;
|
||||
$('.rank-a').css('height', `${clientWidth * 0.67}px`)
|
||||
} catch (e) {
|
||||
}*/
|
||||
Reference in New Issue
Block a user