Skip to content

libai / footseen-large-website

Go to a project
Commit 8a7eb2f7 by libai
Options

测试

parent 4274d24e
Inline Side-by-side
Showing with 905 additions and 7 deletions
mTest/css/index.css
...@@ -493,15 +493,16 @@ ...@@ -493,15 +493,16 @@
} }
.zone-content-box1-card { .zone-content-box1-card {
margin-left: 0.2rem; margin-left: 0.2rem;
margin-top: 0.45rem; margin-top: 0.3rem;
} }
.zone-content-box1-card > div { .zone-content-box1-card > div {
font-size: 0.3rem; font-size: 0.3rem;
padding: 0.05rem 0.15rem; padding: 0.05rem 0.15rem;
border: 0.05rem solid #F3D3D5; border: 0.05rem solid #F3D3D5;
border-radius: 1rem; border-radius: 1rem;
display: inline-block; float: left;
margin-right: 0.15rem; margin-right: 0.15rem;
margin-top: 0.2rem;
} }
.zone-content-box1-tips { .zone-content-box1-tips {
text-indent: 0.3rem; text-indent: 0.3rem;
......
mTest/css/index.less
...@@ -506,14 +506,16 @@ ...@@ -506,14 +506,16 @@
} }
.zone-content-box1-card{ .zone-content-box1-card{
margin-left: 0.2rem; margin-left: 0.2rem;
margin-top: 0.45rem; margin-top: 0.3rem;
>div{ >div{
font-size: 0.3rem; font-size: 0.3rem;
padding: 0.05rem 0.15rem; padding: 0.05rem 0.15rem;
border: 0.05rem solid #F3D3D5; border: 0.05rem solid #F3D3D5;
border-radius: 1rem; border-radius: 1rem;
display: inline-block;
float: left;
margin-right: 0.15rem; margin-right: 0.15rem;
margin-top: 0.2rem;
} }
} }
.zone-content-box1-tips{ .zone-content-box1-tips{
......
mTest/index.html
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
<div class="zone-content-box1"> <div class="zone-content-box1">
<div class="zone-content-box1-id"> <div></div></div> <div class="zone-content-box1-id"> <div></div></div>
<div class="zone-content-box1-poster"><img src="images/poster.png"></div> <div class="zone-content-box1-poster"><img src="images/poster.png"></div>
<div class="zone-content-box1-card"> <div class="zone-content-box1-card clearfix">
<div></div> <div></div>
<div></div> <div></div>
<div></div> <div></div>
...@@ -366,7 +366,7 @@ ...@@ -366,7 +366,7 @@
</body> </body>
<script src="layer-v3.1.0/layer/layer.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script>
<!-- <script src="lib/fingerprint2.js"></script> --> <!-- <script src="lib/fingerprint2.js"></script> -->
<script src="lib/login.js?v=2022111709"></script> <script src="lib/login.js?v=2022111710"></script>
<!-- <script src="index.js" defer></script> --> <!-- <script src="index.js" defer></script> -->
<!-- <link rel="manifest" href="manifest.webmanifest" /> --> <!-- <link rel="manifest" href="manifest.webmanifest" /> -->
......
mTest/pageImages.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link rel="canonical" href="https://www.footseen.xyz/room/imagesRoom.html">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3V6KZGW418"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3V6KZGW418');
</script>
<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-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>footseen-腳控足控天堂-超激情美女主播視訊-絲足影片</title>
<meta class="top-keywords" name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
<meta name="description" content="footseen，腳控足控天堂，絲足美腿視訊影片，台灣足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css2/base.css">
<link rel="stylesheet" href="css2/layer.css">
<link rel="stylesheet" href="css2/daily.css">
<link rel="stylesheet" href="css2/swiper.min.css">
<link rel="stylesheet" href="css2/index.css?v=20221109">
<style>
.recommend-swiper{
border-radius: 0.2rem;
}
.recommend-swiper .swiper-slide{
width: 9.35rem;
height: 5.05rem;
overflow: hidden;
}
</style>
</head>
<body style="background: #F3F3F3">
<div style="display: none;" class="big-img-box">
<div class="swiper shadowSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm/theme/2022-04-06/2f7e369b351c41afb49777951e73aabd.png" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm/theme/2022-04-06/2f7e369b351c41afb49777951e73aabd.png" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm/theme/2022-04-06/2f7e369b351c41afb49777951e73aabd.png" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm/theme/2022-04-06/2f7e369b351c41afb49777951e73aabd.png" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm/theme/2022-04-06/2f7e369b351c41afb49777951e73aabd.png" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm/theme/2022-04-06/2f7e369b351c41afb49777951e73aabd.png" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm/theme/2022-04-06/2f7e369b351c41afb49777951e73aabd.png" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm/theme/2022-04-06/2f7e369b351c41afb49777951e73aabd.png" alt=""></div>
<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm/theme/2022-04-06/2f7e369b351c41afb49777951e73aabd.png" alt=""></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="m-content">
<img class="back" src="images/back.png" alt="">
<div class="grap-swiper-box">
<div class="recommend-swiper">
<!-- <div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-04-02/253898d006be4ad1be5bf5acde410add.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="swiper-img"><div class="top-img-shadow"></div></div>
<p class="swiper-name">今天吃什么呢，打算吃什么呢</p>
<div class="swiper-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p>糖醋榴莲</p>
</div>
<div class="swiper-more">
<div class="swiper-more1"><img src="images/message.png" alt=""> 25</div>
</div> -->
</div>
</div>
<div class="grap-name-box">
<!-- <img class="grap-user-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p class="grap-name-p1">糖醋里脊</p>
<p class="grap-name-p2">2022年03月14日 22:22</p>
<div class="grap-like">追蹤</div> -->
</div>
<div class="grap-content">
<!-- <h1 class="grap-title">標題預留啊預留很多個字</h1>
<div class="grap-more">
<div class="grap-more1"><img src="images/message2.png" alt=""> 25</div>
<div class="grap-more2"><img src="images/good2.png" alt=""> 50</div>
</div>
<div class="tag-content">
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
</div> -->
</div>
<div class="grap-msg-box">
<p class="grap-msg-top">評論 (99+)</p>
<!-- <div class=grap-msg-content>
<img class="grap-msg-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<div class="grap-msg-text">
<p class="grap-msg-text-name">用戶名稱預留</p>
<p class="grap-msg-text-p">
我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論
</p>
</div>
</div>
<div class=grap-msg-content>
<img class="grap-msg-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<div class="grap-msg-text">
<p class="grap-msg-text-name">用戶名稱預留</p>
<p class="grap-msg-text-p">
我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論
</p>
</div>
</div>
<div class="grap-bottom-box">查看更多</div> -->
</div>
<div class="grap-text2">相關推薦</div>
<div class="add-video-big-box">
<!-- <div class="add-video-box">
<div class="add-shadow"></div>
<div class="add-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p>糖醋榴莲</p>
</div>
<div class="add-video-img"></div>
<div class="add-video-text-box">
<p>今天吃什么呢，打算吃什么呢</p>
<div class="tag-content">
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
</div>
</div>
</div> -->
</div>
<div class="bottom-nav">
<h1 class="bottom-nav-h1">美腿、美足、絲襪直播</h1>
<div class="bottom-nav-btn"></div>
<div class="bottom-close-btn"></div>
</div>
<div style="height: 2.5rem;"></div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/swiper.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/swiper.min.js"></script>
<script src="lib/default.js?v='20220418'"></script>
<script>
$(function(){
var browserLang = navigator.language
if(browserLang.indexOf("zh")==0){
$(".bottom-nav").css("background","url(images/bottom-nav-En.png) no-repeat")
$(".bottom-nav").css("background-size","100% 100%")
$(".txt1").text("video")
$(".txt2").text("Graphics")
$(".bottom-nav-h1").text()
}
$(".back").unbind("click").on("click",function(){
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
})
// if(sessionStorage.topicId==undefined||sessionStorage.topicId=="undefined"){
// window.location.href="GraphicPage.html"
// }
var scrollOk =true;
var pageNumber=1
var pageNum=2
var imgNum=Math.floor(Math.random()*15)
moreAspect(imgNum)
$(window).on("scroll",function(){
scrollTopNum=$(document).scrollTop()
if($(document).height()-$(document).scrollTop()-$(window).height()<=10){
if(scrollOk==false)return;
scrollOk=false
pageNumber+=1
listAdd(pageNumber,pageNum,sessionStorage.tag)
}
})
$.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)
// if(details.images==undefined)window.location.href='index.html'
if(details.images.length>1){
html+='<div class="swiper mySwiper">';
html+='<div class="swiper-wrapper">';
for(var i=0;i<details.images.length;i++){
html+='<div data-type="'+(i+1)+'" class="swiper-slide">'
html+='<div class="recommend-swiper">';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+details.images[i].url+')no-repeat;background-size: cover;" class="swiper-img"></div>';
html+='</div>'
html+='</div>'
}
html+='</div>';
html+='<div class="swiper-pagination"></div>'
html+='</div>';
$(".recommend-swiper").html(html)
var swiper = new Swiper(".mySwiper", {
pagination: {
el: ".swiper-pagination",
},
loop:true,
});
}
else{
var html=[];
html+='<div class="recommend-swiper">';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+details.images[0].url+')no-repeat;background-size: cover;" class="swiper-img"></div>';
html+='</div>';
$(".recommend-swiper").html(html)
}
var html=[];
for(var i=0;i<details.images.length;i++){
html+='<div class="swiper-slide"><img src="https://zhibocdn.yabolive.net/comm'+details.images[i].url+'" alt=""></div>';
}
$(".big-img-box .swiper-wrapper").html(html);
var swiperOne=true;
$(".swiper-img").unbind("click").on("click",function(){
$(".big-img-box").fadeIn(350)
if(swiperOne==false)return;
swiperOne=false
var swiper = new Swiper(".shadowSwiper", {
pagination: {
el: ".swiper-pagination",
},
loop:true,
});
})
$(".shadowSwiper").unbind("click").on("click",function(){
$(".big-img-box").fadeOut(350)
})
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]+'日 '+timeGet(list.updateTime)[3]+':'+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='download/download3.html?qd=ftsBH5TW'
})
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">';
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);
$("title").text(details.title)
$(".top-keywords").attr("content",tagsArr)
}
})
$.ajax({
url:$ip2+'/footSeen/h5/queryTopicComment',
data:{
topicId:sessionStorage.topicId,
page:pageNum,
size:20
},
success:function(data){
// console.log('查看贴文评论',data)
if(data.commentResult.length==0){
var html='<p class="grap-msg-top">評論 (0)</p><div class="grap-bottom-box">暫無評論</div>'
$(".grap-msg-box").html(html);
return;
}
// var list=data.commentResult
var html=[];
if(data.totalSize>99) var commentNum='99+'
else var commentNum=data.totalSize
html+='<p class="grap-msg-top">評論 ('+commentNum+')</p>';
for(var i=0;i<2;i++){
if(data.commentResult[i]==undefined)continue;
var list=JSON.parse(data.commentResult[i].content)
html+='<div class="grap-msg-content">';
html+='<img class="grap-msg-face" src="https://zhibocdn.yabolive.net/comm'+data.commentResult[i].face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<div class="grap-msg-text">';
html+='<p class="grap-msg-text-name">'+data.commentResult[i].nickname+'</p>';
html+='<p class="grap-msg-text-p">'+list.text+'</p>';
html+='</div>';
html+='</div>';
}
if(commentNum>2) html+='<div class="grap-bottom-box">查看更多</div>';
$(".grap-msg-box").html(html);
var moreClick=true
$(".grap-bottom-box").unbind("click").on("click",function(){
if(moreClick==false)return;
moreClick=false
$(this).hide()
addMsg(pageNum)
pageNum++
})
}
})
function addMsg(e){
$.ajax({
url:$ip2+'/footSeen/h5/queryTopicComment',
data:{
topicId:sessionStorage.topicId,
page:pageNum,
size:20
},
success:function(data){
// //console.log('更多贴文评论',data)
var html=[];
for(var i=0;i<20;i++){
if(e==1&&i<2)continue
if(data.commentResult[i]==undefined)break;
var list=JSON.parse(data.commentResult[i].content)
html+='<div class="grap-msg-content">';
html+='<img class="grap-msg-face" src="https://zhibocdn.yabolive.net/comm'+data.commentResult[i].face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<div class="grap-msg-text">';
html+='<p class="grap-msg-text-name">'+data.commentResult[i].nickname+'</p>';
html+='<p class="grap-msg-text-p">'+list.text+'</p>';
html+='</div>';
html+='</div>';
}
$(".grap-msg-box").append(html);
if(e*20>data.totalSize){
$(".grap-msg-box").append('<div class="grap-bottom-box">没有更多了</div>');
$(".grap-bottom-box").unbind("click")
}else{
$(".grap-msg-box").append('<div class="grap-bottom-box">加载更多</div>');
var moreClick=true
$(".grap-bottom-box").unbind("click").on("click",function(){
if(moreClick==false)return;
moreClick=false
$(this).hide()
addMsg(pageNum)
pageNum++
})
}
}
})
}
function moreAspect(e){
$.ajax({
url:$ip2+'/footSeen/h5/queryTopics',
data:{
page:e,
size:10,
type:2,
tag:sessionStorage.tag,
},
success:function(data){
// //console.log('獲取貼文列表',data)
var html=[];
var moreNum=0
for(var i=0;i<6;i++){
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
if(sessionStorage.topicId==list.topicId)continue;
if(data.dataList[i].type!=2)continue;
if(moreNum==3)continue;
moreNum++
html+='<a href="pageImages.html?topicId='+list.topicId+'&tag='+sessionStorage.tag+'"><div data-type="'+list.topicId+'" class="add-video-box">';
html+='<div class="add-shadow"></div>';
html+='<div class="add-face-name">';
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>';
html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.images[0].url+')no-repeat;background-size: cover;" class="add-video-img">';
html+='</div>';
html+='<div class="add-video-text-box">';
html+='<p>'+videoList.title+'</p>';
html+='<div class="tag-content">';
for(var j=0;j<list.tags.length;j++){
html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
}
html+='</div>';
html+='</div>';
html+='</div></a>';
}
$(".add-video-big-box").html(html);
// $(".add-video-box").unbind("click").on("click",function(){
// var _self=$(this).attr("data-type")
// window.location.href="Graphics.html?topicId="+_self+"&tag="+sessionStorage.tag+""
// })
}
})
}
function listAdd(pageNum,typeNum,tagNum){
$.ajax({
url:$ip2+'/footSeen/h5/queryTopics',
data:{
page:pageNum,
size:10,
type:typeNum,
tag:tagNum,
},
success:function(data){
// //console.log('獲取貼文列表',data)
for(var i=0;i<data.dataList.length;i++){
if(data.dataList[i]==undefined)continue
if(pageNum==1&&i<3)continue;
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
var html=[]
html+='<a href="pageImages.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" class="add-video-box">';
html+='<div class="add-shadow"></div>';
html+='<div class="add-face-name">';
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>';
html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.images[0].url+')no-repeat;background-size: cover;" class="add-video-img">';
html+='</div>';
html+='<div class="add-video-text-box">';
html+='<p>'+videoList.title+'</p>';
html+='<div class="tag-content">';
for(var j=0;j<list.tags.length;j++){
html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
}
html+='</div>';
html+='</div>';
html+='</div></a>';
$(".add-video-big-box").append(html)
}
setTimeout(function(){
scrollOk=true;
}, 500);
// $(".add-video-box").unbind("click").on("click",function(){
// var _self=$(this).attr("data-type")
// window.location.href="Graphics.html?topicId="+_self+"&tag="+tagNum+""
// })
}
})
}
})
</script>
</html>
\ No newline at end of file
mTest/pageVideo.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link class="m-href" rel="canonical" href="https://www.footseen.xyz/room/videoRoom.html">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3V6KZGW418"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3V6KZGW418');
</script>
<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-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>footseen-腳控足控天堂-超激情美女主播視訊-絲足影片</title>
<meta class="keywords-meta" name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
<meta name="description" content="footseen，腳控足控天堂，絲足美腿視訊影片，台灣足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
<meta class="Thumbnail" itemprop="thumbnailUrl" content="" />
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css2/base.css">
<link rel="stylesheet" href="css2/layer.css">
<link rel="stylesheet" href="css2/daily.css">
<link rel="stylesheet" href="css2/index.css?v=2022091501">
<script src="lib/flv.js"></script>
<style>
.recommend-swiper{
width: 9.35rem;
height: 5.5rem;
overflow: hidden;
font-size: 0;
}
.recommend-swiper .video{
border-radius: 0.2rem;
width: 9.35rem;
height: 5.5rem;
}
.swiper-slide{
width: 9.35rem;
height: 5.05rem;
overflow: hidden;
}
</style>
</head>
<body style="background: #F3F3F3">
<div class="m-content">
<img class="back" src="images/back.png" alt="">
<div class="grap-swiper-box">
<div class="recommend-swiper">
<!-- <div style="background: url(https://zhibocdn.yabolive.net/comm/theme/2022-04-02/253898d006be4ad1be5bf5acde410add.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,f_jpg)no-repeat;background-size: cover; background-position-y: center;" class="swiper-img"><div class="top-img-shadow"></div></div>
<p class="swiper-name">今天吃什么呢，打算吃什么呢</p>
<div class="swiper-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p>糖醋榴莲</p>
</div>
<div class="swiper-more">
<div class="swiper-more1"><img src="images/message.png" alt=""> 25</div>
</div> -->
</div>
</div>
<div class="grap-name-box">
<!-- <img class="grap-user-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p class="grap-name-p1">糖醋里脊</p>
<p class="grap-name-p2">2022年03月14日 22:22</p>
<div class="grap-like">追蹤</div> -->
</div>
<div class="grap-content">
<!-- <h1 class="grap-title">標題預留啊預留很多個字</h1>
<div class="grap-more">
<div class="grap-more1"><img src="images/message2.png" alt=""> 25</div>
<div class="grap-more2"><img src="images/good2.png" alt=""> 50</div>
</div>
<div class="tag-content">
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
</div> -->
</div>
<div class="grap-msg-box">
<p class="grap-msg-top">評論 (--)</p>
<!-- <div class=grap-msg-content>
<img class="grap-msg-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<div class="grap-msg-text">
<p class="grap-msg-text-name">用戶名稱預留</p>
<p class="grap-msg-text-p">
我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論
</p>
</div>
</div>
<div class=grap-msg-content>
<img class="grap-msg-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<div class="grap-msg-text">
<p class="grap-msg-text-name">用戶名稱預留</p>
<p class="grap-msg-text-p">
我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論我的評論是我的評論
</p>
</div>
</div>
<div class="grap-bottom-box">查看更多</div> -->
</div>
<div class="grap-text2">相關推薦</div>
<div class="add-video-big-box">
<!-- <div class="add-video-box">
<div class="add-shadow"></div>
<div class="add-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p>糖醋榴莲</p>
</div>
<div class="add-video-img"></div>
<div class="add-video-text-box">
<p>今天吃什么呢，打算吃什么呢</p>
<div class="tag-content">
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
</div>
</div>
</div> -->
</div>
<div class="bottom-nav">
<h1 class="bottom-nav-h1">美腿、美足、絲襪直播</h1>
<div class="bottom-nav-btn"></div>
<div class="bottom-close-btn"></div>
</div>
<div style="height: 2.5rem;"></div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/keywords.js"></script>
<script src="lib/default.js?v='20220418'"></script>
<script>
</script>
<script>
$(function(){
// if(sessionStorage.topicId==undefined||sessionStorage.topicId=="undefined"){
// window.location.href="index.html"
// }
if(sessionStorage.tag=="undefined"){
sessionStorage.tag=''
}
var scrollOk =true;
var pageNumber=1
var pageNum=Math.floor(Math.random()*10)
moreAspect()
$(".back").unbind("click").on("click",function(){
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
})
$(window).on("scroll",function(){
scrollTopNum=$(document).scrollTop()
if($(document).height()-$(document).scrollTop()-$(window).height()<=10){
if(scrollOk==false)return;
scrollOk=false
pageNumber+=1
listAdd(pageNumber,pageNum,sessionStorage.tag)
}
})
$(".m-href").attr("href","https://www.footseen.xyz/room/videoRoom.html?topicId="+sessionStorage.topicId)
$(".bottom-close-btn").on("click",function(){
$(".bottom-nav").fadeOut(350)
})
$.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='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({
url:$ip2+'/footSeen/h5/queryTopicComment',
data:{
topicId:sessionStorage.topicId,
page:1,
size:50
},
success:function(data){
// console.log('查看贴文评论',data)
if(data.commentResult.length==0){
var html='<p class="grap-msg-top">評論 (0)</p><div class="grap-bottom-box">暫無評論</div>'
$(".grap-msg-box").html(html);
return;
}
// var list=data.commentResult
var html=[];
if(data.totalSize>99) var commentNum='99+'
else var commentNum=data.totalSize
html+='<p class="grap-msg-top">評論 ('+commentNum+')</p>';
for(var i=0;i<data.commentResult.length;i++){
if(data.commentResult[i]==undefined)continue;
var list=JSON.parse(data.commentResult[i].content)
if(i>1)html+='<div style="display:none" class="grap-msg-content">';
else html+='<div class="grap-msg-content">';
html+='<img class="grap-msg-face" src="https://zhibocdn.yabolive.net/comm'+data.commentResult[i].face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<div class="grap-msg-text">';
html+='<p class="grap-msg-text-name">'+data.commentResult[i].nickname+'</p>';
html+='<p class="grap-msg-text-p">'+list.text+'</p>';
html+='</div>';
html+='</div>';
}
if(commentNum>2) html+='<div class="grap-bottom-box">查看更多</div>';
$(".grap-msg-box").html(html);
var moreClick=true
$(".grap-bottom-box").unbind("click").on("click",function(){
$(".grap-msg-content").css("display","block")
$(".grap-bottom-box").unbind("click").text("没有更多了")
// if(moreClick==false)return;
// moreClick=false
// $(this).hide()
// addMsg(pageNum)
// pageNum++
})
}
})
function addMsg(e){
$.ajax({
url:$ip2+'/footSeen/h5/queryTopicComment',
data:{
topicId:sessionStorage.topicId,
page:pageNum,
size:20
},
success:function(data){
// //console.log('更多贴文评论',data)
var html=[];
for(var i=0;i<20;i++){
if(e==1&&i<2)continue
if(data.commentResult[i]==undefined)break;
var list=JSON.parse(data.commentResult[i].content)
html+='<div class="grap-msg-content">';
html+='<img class="grap-msg-face" src="https://zhibocdn.yabolive.net/comm'+data.commentResult[i].face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<div class="grap-msg-text">';
html+='<p class="grap-msg-text-name">'+data.commentResult[i].nickname+'</p>';
html+='<p class="grap-msg-text-p">'+list.text+'</p>';
html+='</div>';
html+='</div>';
}
$(".grap-msg-box").append(html);
if(e*20>data.totalSize){
$(".grap-msg-box").append('<div class="grap-bottom-box">没有更多了</div>');
$(".grap-bottom-box").unbind("click")
}else{
$(".grap-msg-box").append('<div class="grap-bottom-box">加载更多</div>');
var moreClick=true
$(".grap-bottom-box").unbind("click").on("click",function(){
if(moreClick==false)return;
moreClick=false
$(this).hide()
addMsg(pageNum)
pageNum++
})
}
}
})
}
function moreAspect(){
$.ajax({
url:$ip2+'/footSeen/h5/queryTopics',
data:{
page:pageNum,
size:10,
type:1,
tag:sessionStorage.tag,
},
success:function(data){
console.log('獲取貼文列表',data)
var html=[];
var moreNum=0
for(var i=0;i<10;i++){
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
if(sessionStorage.topicId==list.topicId)continue;
if(data.dataList[i].type!=3)continue;
if(moreNum==11)continue;
moreNum++
html+='<a href="pageVideo.html?topicId='+list.topicId+'&tag='+sessionStorage.tag+'"><div data-type="'+list.topicId+'" class="add-video-box">';
html+='<div class="add-shadow"></div>';
html+='<div class="add-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
// html+='<div class="add-face-name">';
// html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
// html+='<p>'+list.nickname+'</p>';
// html+='</div>';
html+='<div class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='<img title="'+keyEArr[Math.floor(Math.random()*200)]+'" class="bg-img" src="https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_100000,f_jpg,w_400,h_0,m_fast,f_jpg">'
html+='</div>';
html+='<div class="add-video-text-box">';
html+='<p>'+videoList.title+'</p>';
html+='<div class="tag-content">';
for(var j=0;j<list.tags.length;j++){
html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
}
html+='</div>';
html+='</div>';
html+='</div></a>';
}
$(".add-video-big-box").html(html);
// $(".add-video-box").unbind("click").on("click",function(){
// var _self=$(this).attr("data-type")
// window.location.href="video.html?topicId="+_self+"&tag="+sessionStorage.tag+""
// })
}
})
}
function listAdd(pageNum,typeNum,tagNum){
$.ajax({
url:$ip2+'/footSeen/h5/queryTopics',
data:{
page:pageNum,
size:10,
type:typeNum,
tag:tagNum,
},
success:function(data){
// //console.log('獲取貼文列表',data)
for(var i=0;i<data.dataList.length;i++){
if(data.dataList[i]==undefined)continue
if(pageNum==1&&i<3)continue;
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
var html=[]
html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" class="add-video-box">';
html+='<div class="add-shadow"></div>';
html+='<div class="add-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
html+='<div class="add-face-name">';
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>';
html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_100000,f_jpg,w_400,h_0,m_fast,f_jpg)no-repeat;background-size: cover; background-position-y: center;" class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>';
html+='<div class="add-video-text-box">';
html+='<p>'+videoList.title+'</p>';
html+='<div class="tag-content">';
for(var j=0;j<list.tags.length;j++){
html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
}
html+='</div>';
html+='</div>';
html+='</div></a>';
$(".add-video-big-box").append(html)
}
setTimeout(function(){
scrollOk=true;
}, 500);
// $(".add-video-box").unbind("click").on("click",function(){
// var _self=$(this).attr("data-type")
// window.location.href="video.html?topicId="+_self+"&tag="+tagNum+""
// })
}
})
}
function flvPlay(e){
var player = document.getElementById('videoElement');
if (flvjs.isSupported()) {
var flvPlayer = flvjs.createPlayer({
type: 'flv',
enableWorker:true,
hasAudio:true,
hasVideo:true,
url: e
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load(); //加载
}
}
function flv_start() {
player.play();
}
function flv_pause() {
player.pause();
}
function flv_destroy() {
player.pause();
player.unload();
player.detachMediaElement();
player.destroy();
player = null;
}
})
</script>
</html>
\ No newline at end of file
mTest/room/liveRoom.html
...@@ -561,7 +561,7 @@ ...@@ -561,7 +561,7 @@
<script src="../layer-v3.1.0/layer/layer.js"></script> <script src="../layer-v3.1.0/layer/layer.js"></script>
<!-- <script src="../lib/inobounce.js"></script> --> <!-- <script src="../lib/inobounce.js"></script> -->
<!-- <script src="lib/fingerprint2.js"></script> --> <!-- <script src="lib/fingerprint2.js"></script> -->
<script src="../lib/login.js?v=2022111702"></script> <script src="../lib/login.js?v=2022111711"></script>
<script> <script>
$(function(){ $(function(){
var dHeight=$(document).height() var dHeight=$(document).height()
......
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