Skip to content

libai / footseen-large-website

Go to a project
Commit 6b2bc363 by libai
Options

测试

parent 0d53009f
Inline Side-by-side
Showing with 190 additions and 45 deletions
mTest/Graphics.html
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
<script src="layer-v3.1.0/layer/layer.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/swiper.min.js"></script> <script src="lib/swiper.min.js"></script>
<script src="lib/spark-md5.min.js"></script> <script src="lib/spark-md5.min.js"></script>
<script src="lib/default.js?v=2022120502"></script> <script src="lib/default.js?v=2022120901"></script>
<script> <script>
$(function(){ $(function(){
var browserLang = navigator.language var browserLang = navigator.language
......
mTest/css2/index.css
...@@ -121,6 +121,9 @@ ...@@ -121,6 +121,9 @@
background: url(../images/nav-img.png) no-repeat; background: url(../images/nav-img.png) no-repeat;
background-size: cover; background-size: cover;
} }
.swiper-img > img {
width: 9.35rem;
}
.swiper-img .top-img-shadow { .swiper-img .top-img-shadow {
width: 9.35rem; width: 9.35rem;
height: 5.05rem; height: 5.05rem;
...@@ -306,17 +309,20 @@ ...@@ -306,17 +309,20 @@
.videos-box { .videos-box {
width: 7.35rem; width: 7.35rem;
height: 4.3rem; height: 4.3rem;
background: url(../images/video-bg.png) no-repeat;
background-size: cover;
border-radius: 0.2rem; border-radius: 0.2rem;
margin-left: 0.3rem; margin-left: 0.3rem;
float: left; float: left;
position: relative; position: relative;
overflow: hidden;
} }
.videos-box .play-icon { .videos-box .play-icon {
left: 3.15rem; left: 3.15rem;
top: 1.35rem; top: 1.35rem;
} }
.videos-box-mc-face {
width: 7.35rem;
border-radius: 0.2rem;
}
.videos-shadow { .videos-shadow {
border-radius: 0.2rem; border-radius: 0.2rem;
width: 7.35rem; width: 7.35rem;
...@@ -422,6 +428,12 @@ ...@@ -422,6 +428,12 @@
position: relative; position: relative;
background-position-y: center; background-position-y: center;
} }
.add-video-img .play-mc-face {
width: 9.35rem;
position: absolute;
bottom: 0;
left: 0;
}
.add-video-text-box { .add-video-text-box {
height: 1.65rem; height: 1.65rem;
width: 9.35rem; width: 9.35rem;
......
mTest/css2/index.less
...@@ -124,6 +124,9 @@ ...@@ -124,6 +124,9 @@
border-radius: 0.2rem; border-radius: 0.2rem;
background: url(../images/nav-img.png)no-repeat; background: url(../images/nav-img.png)no-repeat;
background-size: cover; background-size: cover;
>img{
width: 9.35rem;
}
.top-img-shadow{ .top-img-shadow{
width: 9.35rem; width: 9.35rem;
height: 5.05rem; height: 5.05rem;
...@@ -315,17 +318,22 @@ ...@@ -315,17 +318,22 @@
.videos-box{ .videos-box{
width: 7.35rem; width: 7.35rem;
height: 4.3rem; height: 4.3rem;
background: url(../images/video-bg.png) no-repeat; // background: url(../images/video-bg.png) no-repeat;
background-size: cover; // background-size: cover;
border-radius: 0.2rem; border-radius: 0.2rem;
margin-left: 0.3rem; margin-left: 0.3rem;
float: left; float: left;
position: relative; position: relative;
overflow: hidden;
.play-icon{ .play-icon{
left: 3.15rem; left: 3.15rem;
top: 1.35rem; top: 1.35rem;
} }
} }
.videos-box-mc-face{
width: 7.35rem;
border-radius: 0.2rem;
}
.videos-shadow{ .videos-shadow{
border-radius: 0.2rem; border-radius: 0.2rem;
width: 7.35rem; width: 7.35rem;
...@@ -431,6 +439,12 @@ ...@@ -431,6 +439,12 @@
position: relative; position: relative;
background-position-y: center; background-position-y: center;
.play-mc-face{
width: 9.35rem;
position: absolute;
bottom: 0;
left: 0;
}
} }
.add-video-text-box{ .add-video-text-box{
height: 1.65rem; height: 1.65rem;
......
mTest/index.html
...@@ -407,9 +407,23 @@ ...@@ -407,9 +407,23 @@
<script> <script>
$(function(){ $(function(){
//判斷渠道 //判斷渠道
liveList(1)
if(sessionStorage.pmt!=undefined&&sessionStorage.pmt!='undefined'){ if(sessionStorage.pmt!=undefined&&sessionStorage.pmt!='undefined'){
if(sessionStorage.pmt=="other"){
$.ajax({
url:$ip+'activeLog/h5Active',
data:{
pmt:'other',
pageID:localStorage.canvasCode
},
success:function(data){
history.pushState('','','/mobile/');
sessionStorage.pmt='undefined'
}
})
return;
}
var pmtNumber=sessionStorage.pmt.split('/d/')[1] var pmtNumber=sessionStorage.pmt.split('/d/')[1]
console.log(pmtNumber)
$.ajax({ $.ajax({
url:$ip+'frontPage/queryLinkNumberCid', url:$ip+'frontPage/queryLinkNumberCid',
type: 'get', type: 'get',
...@@ -423,7 +437,6 @@ $(function(){ ...@@ -423,7 +437,6 @@ $(function(){
// console.log(data) // console.log(data)
if(data.code==1){ if(data.code==1){
myCid=data.h5Cid myCid=data.h5Cid
} }
} }
}) })
...@@ -433,10 +446,24 @@ $(function(){ ...@@ -433,10 +446,24 @@ $(function(){
pmt:myCid, pmt:myCid,
pageID:localStorage.canvasCode pageID:localStorage.canvasCode
}, },
async:false,
success:function(data){ success:function(data){
history.pushState('','','/mobile/'); // history.pushState('','','/mobile/');
sessionStorage.pmt='undefined' // sessionStorage.pmt='undefined'
sessionStorage.myCid=myCid sessionStorage.myCid=myCid
$.ajaxSetup({
global: false,
type: 'get',
data: {
lang:2,
os:'h5',
cid:sessionStorage.myCid,
webVersion:'1000',
uid: localStorage.uid,
token: localStorage.token,
},
dataType: "JSON"
})
} }
}) })
} }
...@@ -693,8 +720,8 @@ $(function(){ ...@@ -693,8 +720,8 @@ $(function(){
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
}, },
success:function(data){ success:function(data){
if(sessionStorage.myCid!=undefined&&sessionStorage.myCid!="undefined") window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"" window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"&os=h5&appversion=7"
else window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr=ftsH5"
} }
}) })
...@@ -716,7 +743,7 @@ $(function(){ ...@@ -716,7 +743,7 @@ $(function(){
$(".right-nav").on("touchmove",function(event){ $(".right-nav").on("touchmove",function(event){
event.preventDefault(); event.preventDefault();
}); });
liveList(1)
function userInfo(){ function userInfo(){
$.ajax({ $.ajax({
url:$ip+'user/queryUserBaseInfo', url:$ip+'user/queryUserBaseInfo',
...@@ -764,8 +791,8 @@ $(function(){ ...@@ -764,8 +791,8 @@ $(function(){
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
}, },
success:function(data){ success:function(data){
if(sessionStorage.myCid!=undefined&&sessionStorage.myCid!="undefined") window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"" window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&os=h5&appversion=7"
else window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr=ftsH5&uid="+localStorage.uid+""
} }
}) })
...@@ -845,7 +872,7 @@ $(function(){ ...@@ -845,7 +872,7 @@ $(function(){
pageID:localStorage.canvasCode pageID:localStorage.canvasCode
}, },
success:function(data){ success:function(data){
console.log('直播列表',data) // console.log('直播列表',data)
if(data.code==-5008){ if(data.code==-5008){
setTimeout(function() { setTimeout(function() {
liveList(1) liveList(1)
...@@ -1219,8 +1246,23 @@ $(function(){ ...@@ -1219,8 +1246,23 @@ $(function(){
$(".nav-shadow").hide() $(".nav-shadow").hide()
} }
} }
if(startY<e.changedTouches[0].clientY){
//向下
// var ua = window.navigator.userAgent.toLowerCase();
// if (/iphone|ipad|ipod/.test(ua)) {
// if(sessionStorage.type!="pwa")return;
// if($("body").offset().top!=0)return;
// if(zwidth>3){
// setTimeout(function(){
// window.location.reload()
// },300)
// }
// }
}
}) })
function asinGo(x,y){ function asinGo(x,y){
return degNum=Math.round(180*Math.asin(x/Math.sqrt(x*x+y*y))/Math.PI*10)/10 return degNum=Math.round(180*Math.asin(x/Math.sqrt(x*x+y*y))/Math.PI*10)/10
} }
......
mTest/lib/default.js
...@@ -27,8 +27,8 @@ sessionStorage.topicId=data.topicId ...@@ -27,8 +27,8 @@ sessionStorage.topicId=data.topicId
if(data.tag==undefined)data.tag='' if(data.tag==undefined)data.tag=''
sessionStorage.tag=data.tag sessionStorage.tag=data.tag
sessionStorage.qd=data.qd sessionStorage.qd=data.qd
if(sessionStorage.myCid==undefined||sessionStorage.myCid=="undefined")sessionStorage.myCid='ftsH5'
if(data.go!=undefined)sessionStorage.go=data.go if(data.go!=undefined)sessionStorage.go=data.go
if(sessionStorage.type==undefined||sessionStorage.type=="undefined"){ if(sessionStorage.type==undefined||sessionStorage.type=="undefined"){
sessionStorage.type=data.type; sessionStorage.type=data.type;
} }
...@@ -78,7 +78,7 @@ if(data.back!=undefined)backGo=data.back; ...@@ -78,7 +78,7 @@ if(data.back!=undefined)backGo=data.back;
data: { data: {
lang:2, lang:2,
os:'h5', os:'h5',
cid:'ftsH5', cid:sessionStorage.myCid,
webVersion:'1000', webVersion:'1000',
uid: localStorage.uid, uid: localStorage.uid,
token: localStorage.token, token: localStorage.token,
......
mTest/pageImages.html
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
<script src="layer-v3.1.0/layer/layer.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/swiper.min.js"></script> <script src="lib/swiper.min.js"></script>
<script src="lib/spark-md5.min.js"></script> <script src="lib/spark-md5.min.js"></script>
<script src="lib/default.js?v=2022120502"></script> <script src="lib/default.js?v=2022120901"></script>
<script> <script>
$(function(){ $(function(){
var browserLang = navigator.language var browserLang = navigator.language
......
mTest/pageVideo.html
...@@ -51,6 +51,7 @@ ...@@ -51,6 +51,7 @@
<body style="background: #F3F3F3"> <body style="background: #F3F3F3">
<div class="m-content"> <div class="m-content">
<img class="back" src="images/back.png" alt=""> <img class="back" src="images/back.png" alt="">
<div style="height: 0.8rem;"></div>
<div class="grap-swiper-box"> <div class="grap-swiper-box">
<div class="recommend-swiper"> <div class="recommend-swiper">
...@@ -140,7 +141,7 @@ ...@@ -140,7 +141,7 @@
<script src="layer-v3.1.0/layer/layer.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/keywords.js"></script> <script src="../lib/keywords.js"></script>
<script src="lib/spark-md5.min.js"></script> <script src="lib/spark-md5.min.js"></script>
<script src="lib/default.js?v=2022120502"></script> <script src="lib/default.js?v=2022120901"></script>
<script> <script>
</script> </script>
...@@ -176,8 +177,11 @@ $(function(){ ...@@ -176,8 +177,11 @@ $(function(){
$(".bottom-nav").fadeOut(350) $(".bottom-nav").fadeOut(350)
}) })
$.ajax({ $.ajax({
url:$ip2+'/footSeen/h5/queryTopicInfo', url:$ip+'frontPage/queryTopicInfo',
data:{ data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
topicId:sessionStorage.topicId topicId:sessionStorage.topicId
}, },
success:function(data){ success:function(data){
...@@ -351,7 +355,9 @@ $(function(){ ...@@ -351,7 +355,9 @@ $(function(){
html+='</div></a>'; html+='</div></a>';
} }
$(".add-video-big-box").html(html); $(".add-video-big-box").html(html);
$(".bg-img").on("error",function(){
$(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
})
// $(".add-video-box").unbind("click").on("click",function(){ // $(".add-video-box").unbind("click").on("click",function(){
// var _self=$(this).attr("data-type") // var _self=$(this).attr("data-type")
// window.location.href="video.html?topicId="+_self+"&tag="+sessionStorage.tag+"" // window.location.href="video.html?topicId="+_self+"&tag="+sessionStorage.tag+""
......
mTest/revise.html
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</script> </script>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/spark-md5.min.js"></script> <script src="lib/spark-md5.min.js"></script>
<script src="lib/default.js?v=2022120502"></script> <script src="lib/default.js?v=2022120901"></script>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
......
mTest/room/liveRoom.html
...@@ -625,7 +625,7 @@ $(function(){ ...@@ -625,7 +625,7 @@ $(function(){
// pass: true, // pass: true,
}, },
success:function(data){ success:function(data){
console.log('进入直播间', data) // console.log('进入直播间', data)
var html=[] var html=[]
$("title").text(data.roomBaseInfo.nickname+'的直播間-footseen直播') $("title").text(data.roomBaseInfo.nickname+'的直播間-footseen直播')
if(data.code==-20060){ if(data.code==-20060){
...@@ -925,8 +925,8 @@ $(function(){ ...@@ -925,8 +925,8 @@ $(function(){
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
}, },
success:function(data){ success:function(data){
if(sessionStorage.myCid!=undefined&&sessionStorage.myCid!="undefined") window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"" window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&os=h5&appversion=7"
else window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr=ftsH5&uid="+localStorage.uid+""
} }
}) })
}) })
...@@ -1771,9 +1771,8 @@ $(function(){ ...@@ -1771,9 +1771,8 @@ $(function(){
pageID:localStorage.canvasCode, pageID:localStorage.canvasCode,
}, },
success:function(data){ success:function(data){
if(sessionStorage.myCid!=undefined&&sessionStorage.myCid!="undefined")window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"" window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&os=h5&appversion=7"
else window.location.href="https://www.footseen.com/footseen/phonepay/applepay.html?lang=2&gofrom=web&cidStr=ftsH5&uid="+localStorage.uid+""
} }
}) })
}, 1000); }, 1000);
......
mTest/userRoom.html
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</script> </script>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/spark-md5.min.js"></script> <script src="lib/spark-md5.min.js"></script>
<script src="lib/default.js?v=2022120502"></script> <script src="lib/default.js?v=2022120901"></script>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
......
mTest/video.html
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
<script src="layer-v3.1.0/layer/layer.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/keywords.js"></script> <script src="../lib/keywords.js"></script>
<script src="lib/spark-md5.min.js"></script> <script src="lib/spark-md5.min.js"></script>
<script src="lib/default.js?v=2022120502"></script> <script src="lib/default.js?v=2022120901"></script>
<script> <script>
</script> </script>
...@@ -175,12 +175,19 @@ $(function(){ ...@@ -175,12 +175,19 @@ $(function(){
$(".bottom-nav").fadeOut(350) $(".bottom-nav").fadeOut(350)
}) })
$.ajax({ $.ajax({
url:$ip2+'/footSeen/h5/queryTopicInfo', url:$ip+'frontPage/queryTopicInfo',
data:{ data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
topicId:sessionStorage.topicId topicId:sessionStorage.topicId
}, },
// async:false,
success:function(data){ success:function(data){
// //// console.log('查看帖文详情',data) console.log('查看帖子详情',data)
// if(msg.code!=1){
// return;
// }
var html=[]; var html=[];
var list=data.topic; var list=data.topic;
var details=JSON.parse(list.content) var details=JSON.parse(list.content)
...@@ -221,6 +228,54 @@ $(function(){ ...@@ -221,6 +228,54 @@ $(function(){
$(".keywords-meta").attr("content",tagsArr) $(".keywords-meta").attr("content",tagsArr)
} }
}) })
$.ajax({
url:$ip2+'/footSeen/h5/queryTopicInfo',
data:{
topicId:sessionStorage.topicId
},
success:function(data){
// //// console.log('查看帖文详情',data)
// var html=[];
// var list=data.topic;
// var details=JSON.parse(list.content)
// $("title").text(details.title)
// $(".Thumbnail").attr("content",'https://zhibocdn.yabolive.net/comm'+details.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_100000,f_jpg,w_1280,h_0,m_fast,f_jpg')
// var ua = window.navigator.userAgent.toLowerCase();
// if (/iphone|ipad|ipod/.test(ua)) {
// var iosUrl=details.videos[0].url.replace("flv","mp4")
// $(".recommend-swiper").html('<video poster="https://zhibocdn.yabolive.net/comm'+details.videos[0].cover+'" autoplay playsinline class="video" src="https://zhibocdn.yabolive.net/comm'+iosUrl+'" id="videoElement" controls loop></video>')
// }else{
// $(".recommend-swiper").html('<video poster="https://zhibocdn.yabolive.net/comm'+details.videos[0].cover+'" autoplay class="video" src="" id="videoElement" controls loop></video>')
// flvPlay('https://zhibocdn.yabolive.net/comm'+details.videos[0].url+'')
// }
// // //// console.log('https://zhibocdn.yabolive.net/comm'+details.videos[0].url+'')
// var html=[];
// var tagsArr=[]
// html+='<img class="grap-user-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
// html+='<p class="grap-name-p1">'+list.nickname+'</p>';
// html+='<p class="grap-name-p2">'+timeGet(list.updateTime)[0]+'年'+timeGet(list.updateTime)[1]+'月'+timeGet(list.updateTime)[2]+'日 '+add0(timeGet(list.updateTime)[3])+':'+add0(timeGet(list.updateTime)[5])+'</p>';
// html+='<div class="grap-like">追蹤</div>';
// $(".grap-name-box").html(html);
// $(".bottom-nav-btn,.grap-like").unbind("click").on("click",function(){
// window.location.href='https://www.footseen.xyz/download/download2.html'
// })
// var html=[];
// html+='<h1 class="grap-title">'+details.title+'</h1>';
// html+='<div class="grap-more">';
// html+='<div class="grap-more1"><img src="images/message2.png" alt=""> '+list.comment+'</div>';
// html+='</div>';
// html+='<div class="tag-content clearfix">';
// for(var j=0;j<list.tags.length;j++){
// html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
// if(j+1==list.tags.length) tagsArr+=''+list.tags[j].tagName+''
// else tagsArr+=''+list.tags[j].tagName+','
// }
// html+='</div>';
// $(".grap-content").html(html);
// $(".keywords-meta").attr("content",tagsArr)
}
})
$.ajax({ $.ajax({
url:$ip2+'/footSeen/h5/queryTopicComment', url:$ip2+'/footSeen/h5/queryTopicComment',
data:{ data:{
...@@ -350,7 +405,9 @@ $(function(){ ...@@ -350,7 +405,9 @@ $(function(){
html+='</div></a>'; html+='</div></a>';
} }
$(".add-video-big-box").html(html); $(".add-video-big-box").html(html);
$(".bg-img").on("error",function(){
$(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
})
// $(".add-video-box").unbind("click").on("click",function(){ // $(".add-video-box").unbind("click").on("click",function(){
// var _self=$(this).attr("data-type") // var _self=$(this).attr("data-type")
// window.location.href="video.html?topicId="+_self+"&tag="+sessionStorage.tag+"" // window.location.href="video.html?topicId="+_self+"&tag="+sessionStorage.tag+""
......
mTest/videoPage.html
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</script> </script>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/spark-md5.min.js"></script> <script src="lib/spark-md5.min.js"></script>
<script src="lib/default.js?v=2022120502"></script> <script src="lib/default.js?v=2022120901"></script>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<link rel="stylesheet" href="css2/base.css"> <link rel="stylesheet" href="css2/base.css">
<link rel="stylesheet" href="css2/layer.css"> <link rel="stylesheet" href="css2/layer.css">
<link rel="stylesheet" href="css/login.css"> <link rel="stylesheet" href="css/login.css">
<link rel="stylesheet" href="css2/index.css?v=20220615"> <link rel="stylesheet" href="css2/index.css?v=2022121201">
<script async defer src="lib/hello.js"></script> <script async defer src="lib/hello.js"></script>
<script src="https://accounts.google.com/gsi/client" async defer></script> <script src="https://accounts.google.com/gsi/client" async defer></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
...@@ -333,7 +333,7 @@ $(function(){ ...@@ -333,7 +333,7 @@ $(function(){
$(".txt4").text("Hot Videos") $(".txt4").text("Hot Videos")
} }
var tagStr='' var tagStr=''
var pageNumber=1 var pageNumber=Math.ceil(Math.random()*10)
var typeNumber=1 var typeNumber=1
var scrollOk=true; var scrollOk=true;
var scrollTopNum=0 var scrollTopNum=0
...@@ -407,7 +407,7 @@ $(function(){ ...@@ -407,7 +407,7 @@ $(function(){
}) })
function getLive(){ function getLive(){
$.ajax({ $.ajax({
url:'https://cpapi.footseen.xyz/frontPage/queryLiveUsers?lang=2&os=pc_web&cid=ftsweb&webVersion=1000&pageNum=1&pageSize=100&pageID=c0bc8998f192ed39e98dc97a6170186e', url:''+$ip+'frontPage/queryLiveUsers?lang=2&os=pc_web&cid=ftsweb&webVersion=1000&pageNum=1&pageSize=100&pageID=c0bc8998f192ed39e98dc97a6170186e',
success:function(data){ success:function(data){
// // console.log('直播列表',data) // // console.log('直播列表',data)
if(data.roomList.length==0){ if(data.roomList.length==0){
...@@ -420,7 +420,8 @@ $(function(){ ...@@ -420,7 +420,8 @@ $(function(){
var html=[]; var html=[];
for(var i=0;i<data.roomList.length;i++){ for(var i=0;i<data.roomList.length;i++){
var list=data.roomList[i] var list=data.roomList[i]
html+='<a href="index.html"><div class="live-box">'; console.log(list.roomId)
html+='<a href="room/liveRoom.html?roomId='+list.roomId+'"><div class="live-box">';
html+='<div class="live-face-box"><img src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_180" alt=""></div>'; html+='<div class="live-face-box"><img src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_180" alt=""></div>';
html+='<div class="live-box-name">'+list.nickname+'</div>'; html+='<div class="live-box-name">'+list.nickname+'</div>';
html+='</div></a>'; html+='</div></a>';
...@@ -448,8 +449,9 @@ $(function(){ ...@@ -448,8 +449,9 @@ $(function(){
var topList=JSON.parse(data.dataList[0].content) var topList=JSON.parse(data.dataList[0].content)
//// console.log(topList) //// console.log(topList)
// duration // duration
html+='<a href="video.html?topicId='+data.dataList[0].topicId+'&tag='+tagNum+'"><div style="background: url(https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="swiper-img">'; html+='<a href="video.html?topicId='+data.dataList[0].topicId+'&tag='+tagNum+'"><div style="" class="swiper-img">';
html+='<div class="top-img-shadow"></div>'; html+='<div class="top-img-shadow"></div>';
html+='<img src="https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg">'
html+='</div>'; html+='</div>';
html+='<div class="swiper-time">'+add0(Math.floor(topList.videos[0].duration/1000/60))+':'+add0(Math.floor(topList.videos[0].duration/1000)%60)+'</div>'; html+='<div class="swiper-time">'+add0(Math.floor(topList.videos[0].duration/1000/60))+':'+add0(Math.floor(topList.videos[0].duration/1000)%60)+'</div>';
html+='<img class="play-icon" src="images/play-icon.png" alt="">'; html+='<img class="play-icon" src="images/play-icon.png" alt="">';
...@@ -463,12 +465,15 @@ $(function(){ ...@@ -463,12 +465,15 @@ $(function(){
html+='</div></a>'; html+='</div></a>';
$(".recommend-swiper").html(html); $(".recommend-swiper").html(html);
$(".recommend-swiper").attr("data-type",data.dataList[0].topicId) $(".recommend-swiper").attr("data-type",data.dataList[0].topicId)
$(".swiper-img >img").on("error",function(){
$(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
})
var html=[]; var html=[];
for(var i=1;i<5;i++){ for(var i=1;i<5;i++){
var list=data.dataList[i] var list=data.dataList[i]
var videoList=JSON.parse(list.content) var videoList=JSON.parse(list.content)
html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_360,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="videos-box">'; html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" style="background-position-y: center;" class="videos-box">';
html+='<img class="videos-box-mc-face" src="https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_360,h_0,m_fast,f_jpg">'
html+='<img class="play-icon" src="images/play-icon.png" alt="">'; html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='<div class="video-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>'; html+='<div class="video-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
html+='<div class="video-more">'; html+='<div class="video-more">';
...@@ -480,7 +485,9 @@ $(function(){ ...@@ -480,7 +485,9 @@ $(function(){
html+='</div></a>'; html+='</div></a>';
} }
$(".videos-content").html(html); $(".videos-content").html(html);
$(".videos-box-mc-face").on("error",function(){
$(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
})
$(".add-video-content").html('') $(".add-video-content").html('')
for(var i=5;i<10;i++){ for(var i=5;i<10;i++){
if(data.dataList[i]==undefined)continue if(data.dataList[i]==undefined)continue
...@@ -494,7 +501,8 @@ $(function(){ ...@@ -494,7 +501,8 @@ $(function(){
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">'; html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>'; html+='<p>'+list.nickname+'</p>';
html+='</div>'; html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="add-video-img">'; html+='<div style="background-position-y: center;" class="add-video-img">';
html+='<img class="play-mc-face" src="https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg">'
html+='<img class="play-icon" src="images/play-icon.png" alt="">'; html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>'; html+='</div>';
html+='<div class="add-video-text-box">'; html+='<div class="add-video-text-box">';
...@@ -507,6 +515,9 @@ $(function(){ ...@@ -507,6 +515,9 @@ $(function(){
html+='</div>'; html+='</div>';
html+='</div></a>'; html+='</div></a>';
$(".add-video-content").append(html) $(".add-video-content").append(html)
$(".play-mc-face").on("error",function(){
$(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
})
// $(".videos-box,.recommend-swiper,.add-video-box").unbind("click").on("click",function(){ // $(".videos-box,.recommend-swiper,.add-video-box").unbind("click").on("click",function(){
// var _self=$(this).attr("data-type") // var _self=$(this).attr("data-type")
// window.location.href="video.html?topicId="+_self+"&tag="+tagNum+"" // window.location.href="video.html?topicId="+_self+"&tag="+tagNum+""
...@@ -538,7 +549,8 @@ $(function(){ ...@@ -538,7 +549,8 @@ $(function(){
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">'; html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>'; html+='<p>'+list.nickname+'</p>';
html+='</div>'; html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;background-position-y: center;" class="add-video-img">'; html+='<div style="" class="add-video-img">';
html+='<img class="play-mc-face" src="https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_90000,f_jpg,w_510,h_0,m_fast,f_jpg">'
html+='<img class="play-icon" src="images/play-icon.png" alt="">'; html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>'; html+='</div>';
html+='<div class="add-video-text-box">'; html+='<div class="add-video-text-box">';
...@@ -555,6 +567,9 @@ $(function(){ ...@@ -555,6 +567,9 @@ $(function(){
$(".detailed-box").append(html) $(".detailed-box").append(html)
} }
} }
$(".play-mc-face").on("error",function(){
$(this).attr("src","https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg")
})
setTimeout(function(){ setTimeout(function(){
scrollOk=true; scrollOk=true;
}, 500); }, 500);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment