<!DOCTYPE html>
<html lang="en">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QT401FZZ2K"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QT401FZZ2K');
</script>
<head>
<meta charset="utf-8" />
<meta data-hid="viewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1">
<meta name="renderer" content="webkit">
<meta name="applicable-device" content="pc">
<title>footseen-直播間-腳控足控天堂-超激情美女主播視訊</title>
<meta class="keywords-meta" name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
<meta class="description" name="description" content="footseen，腳控足控天堂，絲足美腿視訊影片，台灣足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
<link rel="stylesheet" href="../css/base.css?v=2023053101">
<link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" href="css/index.css?v=2023060603">
<link rel="stylesheet" href="css/room.css?v=2023081101">
<link rel="stylesheet" href="../css/login.css?v=2023060602">
<script src="../lib/flv.js"></script>
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script src="https://adodson.com/hello.js/dist/hello.all.js"></script>
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script src="https://www.footseen.xyz/lib/hello.js"></script>
</head>
<body id="body-click" style="background: #F0F1F4;">
<div class="big-room-box">
<div class="neck-nav">
<div class="neck-nav-content">
<a href="https://www.footseen.xyz/index.html"><img class="logo" src="../images/logo.png" alt=""></a>
<div class="nav-login-big-box"></div>
<div class="language-box">
<span>語言</span>
<div class="language-content">
<div data-type="2">繁體中文</div>
<div data-type="1">English</div>
</div>
</div>
</div>
</div>
<div class="live-m">
<div style="height: 60px;"></div>
<div class="mc-material-box">
<img class="mc-material-face" src="images/face.png" alt="絲襪美女直播">
<div class="mc-material-content">
<!-- <span class="mc-name">今天吃什麼呢</span>
<div class="like-btn"></div>
<span class="material-span-other1">個人資料</span>
<span class="material-span-other2">相冊(50)</span>
<span class="material-span-other3">熱舞女神熱舞不斷</span> -->
</div>
<div class="day-task-box"><span class="roomLang-txt4">每日任務</span>
<div class="day-task-content">
<div class="left-gift-jiao"></div>
<ul class="day-task-content-ul">
<li>
<p>分享直播間 <span><img src="images/dew.png" alt="">+200</span></p>
<p>分享你喜歡的直播間給好友</p>
<img class="task-btn" src="images/task1.png" alt="">
</li>
</ul>
</div>
</div>
</div>
<div class="live-content-box">
<div class="live-content-box-left">
<div style="display: none;" class="ticket-box1">
<div class="ticket-box-p1">TICKET ROOM</div>
<div class="ticket-box-p2"><span>04:49</span> <i class="ticketLang4">後開始</i></div>
<div class="ticket-box-p3">付費可以看我胸口碎大石哦!</div>
<div class="ticket-box-p4"><i class="ticketLang5">表演時長</i>：<span>20</span><i class="ticketLang6">分鐘</i></div>
<div class="ticket-box-btn">購票看秀</div>
<div style="height: 20px;"></div>
</div>
<div style="display: none;" class=" ticket-box2">
<div class="box2-ticket-box-p1">TICKET ROOM</div>
<div class="box2-ticket-box-p2">表演中</div>
<div class="box2-ticket-box-p3"><i class="ticketLang20">剩余时间</i> <span>15:26</span></div>
<div class="box2-ticket-box-p4">付費可以看我胸口碎大石哦</div>
<!-- <div class="ticket-box-btn">Ticket</div> -->
<div style="height: 20px;"></div>
</div>
<div class="live-stop-box"></div>
<div class="gift-track-box"></div>
<div style="display: none;" class="secret-room">
<div class="secret-shadow"></div>
<div class="secret-content">
<p class="secret-p1">TICKET ROOM</p>
<p class="secret-p2">表演中</p>
<p class="secret-p3"><i class="ticketLang2">剩餘時間</i> <span>15:26</span></p>
<p class="secret-p4">付費可以看我胸口碎大石哦！</p>
<div class="secret-num-box">
<div class="secret-num-box-content1"> <img src="images/card.png" alt=""> </div>
<div class="secret-num-box-content2"> <img src="images/diamond.png" alt=""> 200</div>
</div>
<div class="secret-btn">購票看秀</div>
<div class="secret-btn-tips">背包剩餘<img src="images/card.png" alt="">5</div>
</div>
</div>
<div class="gift-show-box">
<!-- <div class="gift-show-content"> -->
<!-- <img src="https://zhibocdn.yabolive.net/comm/gift/292ce5538035464cb2c55f7fa37732ef.png?x-oss-process=image/resize,w_52" alt="">
<div class="gift-show-text">
<img class="gift-show-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/210101/1619077767204/C443AB7E-5DB8-439B-914B-1C880E3011D5.jpeg?oversea=1?mainland=1?x-oss-process=image/resize,w_45" alt="">
<p class="gift-show-p1">用戶暱稱預留</p>
<p class="gift-show-p2">送出豪華遊艇x888</p>
</div> -->
<!-- </div> -->
</div>
<div class="guard-show-box">
<!-- <img class="guard-show-webp" src="images/guard-show.webp" alt="">
<img class="guard-show-face" src="https://zhibocdn.yabolive.net/comm/user/img/11136355/8e908aec05c04ea89542943b350958b8.jpg?oversea=1?mainland=1?x-oss-process=image/resize,w_45" alt="">
<p class="guard-name">用户昵称预留</p>
<img class="guard-tips" src="images/guard-tips.png" alt=""> -->
</div>
<img class="gift-open" src="images/gift-open.png" alt="">
<div class="live-content-box-left-content">
<div class="active-box">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<!-- <div class="swiper-slide"><img src="http://zhibocdn.yabolive.net/comm/res/d4af7f40-e083-469a-b93d-bc7719d98669.jpg" alt=""></div> -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="hot-box">
<span></span>
<div class="hot-list-box">
<div style="top: 168px;" class="rich-list-box-jiao"></div>
<img class="list-floor-left" src="images/list-floor.png" alt="">
<img class="list-floor-right" src="images/list-floor.png" alt="">
<div class="hot-list-box-top">人氣榜</div>
<ul class="hot-list-ul">
<!-- <li>
<div class="hot-list-li-box1">4</div>
<div class="hot-list-li-box2">
<img class="rich-list-king" src="images/r1.png" alt="">
<img class="rich-list-face"
src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_44"
alt="">
<p class="hot-list-p1">Mlonghoursus</p>
<p class="hot-list-p2">123124</p>
</div>
</li> -->
</ul>
</div>
</div>
<div class="hot-box2">
<span></span>
<div class="hot-list-box2">
<div style="top: 258px;" class="rich-list-box-jiao"></div>
<img class="list-floor-left2" src="images/list-floor.png" alt="">
<img class="list-floor-right2" src="images/list-floor.png" alt="">
<div class="hot-list-box-top2">互動榜</div>
<ul class="hot-list-ul2">
<li>
<div class="hot-list-li-box1">4</div>
<div class="hot-list-li-box2">
<img class="rich-list-king" src="images/r1.png" alt="">
<img class="rich-list-face"
src=""
alt="">
<p class="hot-list-p1">Mlonghoursus</p>
<p class="hot-list-p2">123124</p>
</div>
</li>
</ul>
</div>
</div>
<div class="rich-box">
<!-- <div class="rich-add-box richAddShow-go">+5</div> -->
<span></span>
<div class="rich-list-box">
<div class="rich-list-top">
<img class="list-floor-left" src="images/list-floor.png" alt="">
<img class="list-floor-right" src="images/list-floor.png" alt="">
<ul class="rich-list-top-ul">
<li data-type="0" class="rich-list-top-click"><i class="roomLang-txt26">日榜</i><div></div>
</li>
<li data-type="1"><i class="roomLang-txt27">周榜</i><div></div>
</li>
<li data-type="2"><i class="roomLang-txt28">月榜</i><div></div>
</li>
</ul>
</div>
<div style="top: 346px;" class="rich-list-box-jiao"></div>
<ul class="rich-list-ul">
<!-- <li>
<div class="rich-list-li-box1">1</div>
<div class="rich-list-li-box2">
<img class="rich-list-king" src="images/r1.png" alt="">
<img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_44" alt="">
<span>糖醋里脊肉</span>
</div>
<div class="rich-list-li-box3">12345<img src="images/rich-icon.png" alt=""></div>
</li> -->
</ul>
<div class="rich-shadow"></div>
</div>
</div>
<div style="display:none;" class="guard-list">
<ul class="guard-list-ul">
<!-- <li>
<div class="guard-list-li-content">
<img class="guard-king" src="images/g-king.png" alt="">
<img class="guard-face"
src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_45"
alt="">
<span>哈士奇大叔</span>
</div>
</li> -->
</ul>
<div class="guard-btn">守護她</div>
</div>
</div>
<div class="live-content-box-left-roombox">
<div style="display: none;" class="ticket-tips1">
<div class="ticket-tips1-box1"><i class="ticketLang16">集滿</i> <img src="images/card.png"> 5</div>
<div class="ticket-tips1-box2"><i class="ticketLang17">達成提前開始條件</i></div>
<div class="ticket-tips1-box3">
<img class="ticket-light" src="images/light.png" alt="">
<p>5</p>
</div>
<div class="ticket-tips1-box4"><i class="ticketLang18">TICKET ROOM表演馬上開始</i></div>
</div>
<div style="display: none;" class="ticket-tips2">
<div class="ticket-tips2-box1"><i class="ticketLang19">倒計時結束</i></div>
<div class="ticket-tips2-box2">
<img class="ticket-light" src="images/light.png" alt="">
<p>5</p>
</div>
<div class="ticket-tips2-box3"><i class="ticketLang18">Ticket room 表演馬上開始</i></div>
<!-- <p class="ticker-tips2-p2">倒計時結束</p>
<div class="ticket-tips2-content">
<img src="images/light.png" alt="">
<div class="ticker-tips2-num">5</div>
</div>
<div class="ticker-tips2-text">Ticket room 表演馬上開始</div> -->
</div>
<div class="content-box-left-roombox-video">
<video disablePictureInPicture style="opacity: 0;" class="live-video" autoplay src=""></video>
</div>
</div>
<div class="left-gift-box">
<ul class="left-gift-ul">
<!-- <li class="left-gift-li-click"><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li> -->
</ul>
<img class="more-gift" src="images/more-gift.png" alt="">
</div>
<div class="big-gift-box">
<img class="gift-close" src="images/gift-close.png" alt="">
<div class="big-gift-content">
<div class="big-gift-bottom-box">
<span class="big-gift-diamond"><img src="images/diamond.png" alt=""><span>--</span></span>
<span class="big-gift-dew"><img src="images/dew.png" alt=""><span>--</span></span>
<!-- <span class="big-gift-reg">儲值></span> -->
<div class="gift-num-box">
<ul class="gift-num-list">
<li>1</li>
<li>10</li>
<li>66</li>
<li>1314</li>
</ul>
<i class="room46">數量</i> <div class="gift-num-exc"><span>1</span> <img src="images/arrow.png" alt=""></div></div>
<div class="gift-send-btn">贈送</div>
</div>
<div class="big-gift-content-top">
<div data-type="1" class="gift-content-top-click"><i class="roomLang-txt38">禮物</i><img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div data-type="2"><i class="roomLang-txt39">活動</i><img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div data-type="3"><i class="roomLang-txt40">爆獎</i><img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
<div data-type="4"><i class="roomLang-txt41">背包</i><img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
</div>
<div style="height: 20px;"></div>
<div class="big-gift-content-ulBox">
<ul class="big-gift-content-ul">
<!-- <li>
<div class="big-gift-li-top"><img src="images/gift-case.png" alt=""></div>
<p class="big-gift-li-p1">禮物名稱</p>
<p class="big-gift-li-p2"><img src="images/diamond.png" alt=""> 1999</p>
</li> -->
</ul>
</div>
</div>
</div>
</div>
<div class="live-content-box-right">
<div class="msg-rich-go-box">
<!-- <div class="msg-rich-go go8"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了，来自中華人民共和國</div>
<div class="msg-rich-go go7"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了，来自中華人民共和國</div>
<div class="msg-rich-go go6"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了，来自中華人民共和國</div>
<div class="msg-rich-go go5"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了，来自中華人民共和國</div>
<div class="msg-rich-go go4"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了，来自中華人民共和國</div>
<div class="msg-rich-go go3"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了，来自中華人民共和國</div> -->
</div>
<div class="content-box-right-top">
<div data-type="1" class="box-right-top-click"><i class="roomLang-txt7">聊天</i><img class="jiao" src="images/jiao.png" alt="">
</div>
<div data-type="2"><i class="roomLang-txt8">在線</i>(<span class="online-num">--</span>)<img class="jiao" src="images/jiao.png" alt=""></div>
</div>
<div class="msg-big-box">
<ul class="live-msg-ul">
<li class="live-msg-li live-msg-li-top">限制火辣級 辣妹、曖昧輔導級 正妹、清純普遍級 妹妹，你想看的類型應有盡有。撫慰你的心靈，滿足你的慾望，各式互動讓你興奮，追求快感，刺激無限。</li>
</ul>
<div class="live-send-box">
<input type="text"
auto-complete='new-password'
autocomplete='off'
autocomplete='new-password'
placeholder="請輸入要發送的內容" class="live-send-input">
<div class="live-send-btn">發送</div>
</div>
<input style="width: 0;height:0" type="text">
</div>
<div style="display: none;" class="online-list-box">
<div style="height: 20px;"></div>
<ul class="online-list-ul">
<!-- <li>
<div class="online-li-content">
<img src="https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_50"
alt="">
<span>主播昵称预留</span>
</div>
</li> -->
</ul>
</div>
</div>
</div>
<div class="mc-means-content clearfix">
<div class="mc-means-box clearfix">
<div class="mc-means-title">
<div></div><i class="roomLang-txt1">主播資料</i>
</div>
<div class="mc-tips clearfix"><div></div></div>
<div class="mc-more-means clearfix">
<!-- <div><span>暱稱:</span> 泡芙小姐</div>
<div><span>ID:</span> 4045021</div>
<div><span>來自:</span> 台灣</div>
<div><span>年齡:</span> 24</div>
<div><span>身高:</span> 168cm</div>
<div><span>體重:</span> 50kg</div>
<div><span>星座:</span> 巨蟹座</div>
<div><span>學歷:</span> 幼稚園</div>
<div><span>職業:</span> 老司機</div> -->
</div>
<div class="mc-rich-p">
<p><span>收穫羽毛:</span> <img src="images/rich-icon.png" alt=""></p>
<p><span>贈出寶石:</span> <img style="margin-top: -4px;" src="images/diamond.png" alt=""></p>
</div>
<div class="mc-car-box">
<i class="roomLang-txt22">當前座駕</i>:
<ul class="mc-car-ul">
<!-- <li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li>
<li><img src="images/gift-case.png" alt=""></li> -->
</ul>
</div>
<div class="mc-title-box"><i class="roomLang-txt23">獲得勛章</i>:
<span>
<!-- <img src="images/gift-case.png" alt="">
<img src="images/gift-case.png" alt="">
<img src="images/gift-case.png" alt=""> -->
</span>
</div>
</div>
<div class="mc-images-box">
<div class="mc-means-title">
<div></div><i class="roomLang-txt29">相冊</i>
</div>
<ul class="mc-images-ul">
<!-- <li style="background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">
<div class="mc-images-li-bottom">
<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
<span class="mc-images-li-span3">10:34</span>
</div>
<div class="mc-images-li-shadow"></div>
</li> -->
</ul>
<div class="mc-images-shadow"></div>
</div>
</div>
</div>
</div>
<div class="more-live-box">
<h2 class="more-live-title">絲足美女</h2>
<ul class="more-live-ul clearfix">
<!-- <li style="background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_268);background-size: cover;">
<img class="move-live-online" src="images/live.png" alt="">
<div class="more-live-name">氣質清純小雨</div>
<div class="more-live-li-shadow"></div>
</li> -->
</ul>
</div>
<div style="height: 80px;"></div>
<div style="display: none;" class="guard-layer-box">
<div class="guard-layer-top">
<img class="gurad-layer-face"
src=""
alt="">
<p class="gurad-layer-p1"><img src="images/big-diamond.png" alt=""><span>10000</span><i class="roomLang-txt36">寶石/月</i></p>
<p class="gurad-layer-p2">開通守護即刻尊享守護特權</p>
</div>
<div class="guard-layer-content">
<div class="guard-layer-btn"></div>
<p class="guard-layer-text">查看守護玩法說明</p>
</div>
</div>
<div class="guard-rule">
<span>X</span>
</div>
<!-- <video muted controls src=""></video> -->
<div class="layer-space-box">
<img class="layer-space-face" src="images/face.png" alt="">
<div class="layer-space">
<img class="space-close" src="images/close.png" alt="">
<p class="layer-space-p1"></p>
<p class="layer-space-p2">Footseen ID:12345678</p>
<div class="layer-space-icon">
<img class="space-vip" src="https://app.ixiulive.com/static/vip/9.png" alt="">
<span class="space-sex-box"><img src="images/sex1.png" alt="">20</span>
<img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
<img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
<img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
</div>
<div class="layer-space-tag">
<span></span>
<span></span>
<span></span>
</div>
<div class="space-text"></div>
<ul class="space-num-ul">
<li class="space-num-li1">
<p>5</p>
<p>追蹤</p>
</li>
<li class="space-num-li2">
<p>103</p>
<p>粉絲</p>
</li>
<li class="space-num-li3">
<p><img src="images/diamond.png"> 0</p>
<p>送出</p>
</li>
<li class="space-num-li4">
<p><img src="images/rich-icon.png">12345</p>
<p>收到</p>
</li>
</ul>
<div class="space-bottom-box">
<ul class="space-bottom-ul">
<li>追蹤</li>
<li>@他</li>
<li>主頁</li>
</ul>
</div>
</div>
</div>
<div style="display: none;" class="layer-ticket-box">
<div class="layer-ticket-close">X</div>
<div class="layer-ticket-box-p1">TICKET ROOM</div>
<div class="layer-ticket-box-p2"><i class="ticketLang7">距離開始</i> <span>15:26</span></div>
<div class="layer-ticket-box-p3">付費可以看我胸口碎大石哦</div>
<div class="layer-ticket-box-p4"><i class="ticketLang5">表演時長</i>：<span>20</span><i class="ticketLang6">分鐘</i></div>
<ul class="layer-ticket-ul">
<li class="layer-ticket-li-click">
<div class="layer-ticket-li1">
<img class="ticket-card" src="images/card.png" alt=""> <span>x1</span>
</div>
<div class="layer-ticket-li2">
<img src="images/big-diamond.png" alt=""> <span> 200 </span>
</div>
</li>
<li >
<div class="layer-ticket-li1">
<img class="ticket-card" src="images/card.png" alt=""> <span>x1</span>
</div>
<div class="layer-ticket-li2">
<img src="images/big-diamond.png" alt=""> <span>200</span>
</div>
</li>
</ul>
<ul class="layer-ticket-time-ul">
<li class="ticket-time-li-ok"></li>
<li class="ticket-time-li-ok"></li>
<li class="ticket-time-li-ok"></li>
<li class="ticket-time-li-ing"></li>
<li></li>
</ul>
<div class="ticket-time-btn">購票看秀</div>
</div>
<div class="layer-photo">
<img class="photo-arrow-left" src="images/photo-arrow.png" alt="">
<img class="photo-arrow-right" src="images/photo-arrow.png" alt="">
<div class="layer-photo-content">
<div class="layer-photo-content-left">
<img class="photo-content-left-img" src="" alt="">
</div>
<div class="layer-photo-content-right">
<div class="photo-content-top">
<img class="photo-content-top-face" src="" alt="">
<div class="photo-content-name"> <span class="photo-name-like">+追蹤</span></div>
</div>
<div class="photo-content-center">
<p class="photo-time-p"></p>
<div class="photo-content-speak"></div>
<div class="photo-content-like">
<span><img src="images/icon1.png" alt="">25</span>
<span><img src="images/icon2.png" alt="">25</span>
</div>
</div>
<ul class="photo-content-right-ul">
<!-- <li>
<img class="photo-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="photo-message-name">用戶暱稱預留</p>
<p class="photo-message-content">阿薩德鬧翻那傻逼噶搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實</p>
<p class="photo-message-time">12小時前 <span>回復</span></p>
<div class="photo-more-message">
<div class="more-message-box">
<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p class="more-message-time">12小時前 <span>回復</span></p>
</div>
<div class="more-message-box">
<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
<p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p class="more-message-time">12小時前 <span>回復</span></p>
</div>
</div>
</li> -->
</ul>
<div class="photo-content-msg">
<input placeholder="請輸入要發送的內容" class="photo-content-input" type="text">
<div class="photo-msg-btn">發送</div>
</div>
</div>
</div>
</div>
<div class="login-content"></div>
<div class="left-big-gift-more2">
<div class="left-gift-more">
<div class="gift-more-icon">
<img src="https://zhibocdn.yabolive.net/comm/gift/3178eb7d8f5a4b0fb550a4043081ce22.png?x-oss-process=image/resize,w_52">
</div>
<p class="gift-more-p1">羽毛</p><p class="gift-more-p2">
<img src="images/diamond.png">1</p><p class="gift-more-p3">可得5螢火，同时增加100熱力值。
</p>
<div class="left-gift-jiao"></div>
</div>
</div>
<div style="display: none;" class="layer-last-timeBox">
<div class="layer-last-close">X</div>
<div class="layer-last-timeBox-p1">TICKET ROOM</div>
<div class="layer-last-timeBox-p2">15:03</div>
<div class="layer-last-timeBox-p3"><i class="ticketLang7">距離開始</i></div>
<div class="layer-last-timeBox-p4">
<div class="last-timeBox-p4-box1"><img src="images/card.png" alt=""></div>
<div class="last-timeBox-p4-box2">x 1</div>
</div>
<div class="last-timeBox-btn">購票看秀</div>
<p class="last-timeBox-tips"><i class="ticketLang9">背包剩余</i> <img src="images/card.png" alt="">5</p>
</div>
<div style="display: none;" class="layer-ticket-tips">
<p class="layer-ticket-tips-p1 ticketLang12">系統提示</p>
<p class="layer-ticket-tips-p2"><i class="ticketLang10">當前TICKET ROOM表演剩餘</i> <span>01:35</span> <i class="ticketLang11">結束，是否確定送出TICKET加入</i></p>
<div class="layer-ticket1 ticketLang14">取消</div>
<div class="layer-ticket2 ticketLang13">確定</div>
</div>
<div style="display: none;" class="layer-gift-box">
<div class="layer-gift-box1"><img src="images/gift-case.png" alt=""></div>
<div class="layer-gift-box2">撩一撩主播</div>
<div class="layer-gift-box3">本次消費需要支付1寶石，確定支付？</div>
<div class="layer-gift-btn1">取消</div>
<div class="layer-gift-btn2">確定</div>
</div>
<div style="height: 50px;"></div>
<!-- <div class="layer-ticket-buy-box">
<div class="layer-ticket-buy-tips1">TICKET ROOM</div>
<div class="layer-ticket-buy-tips2">距離開始 <span>15:26</span></div>
<div class="layer-ticket-buy-tips3">付費可以看我胸口碎大石哦</div>
<div class="layer-ticket-buy-tips4">表演時長: <span>20</span> 分鐘</div>
</div> -->
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/keywords.js"></script>
<script src="../lib/swiper.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/default.js?v=2023060101"></script>
<script src="../lib/qrcode.min.js"></script>
<script src="../lib/login.js?v=2023111001"></script>
<script src="lib/roomLang.js?v=2023082101"></script>
<script src="../lib/fingerprint2.js"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
<script>
$(function () {
if(localStorage.canvasCode==undefined){
localStorage.canvasCode='oneEnter'
}
// if(sessionStorage.roomId==undefined||sessionStorage.roomId=='undefined')window.location.href='../index.html'
if(sessionStorage.lang!=2){
$("body").addClass("body-lang"+sessionStorage.lang+"")
$(".more-gift").attr("src","images/more-gift-en.png")
$(".roomLang-txt1").text(langList[sessionStorage.lang].room1)
$(".roomLang-txt4").text(langList[sessionStorage.lang].room4)
$(".live-msg-li-top").text(langList[sessionStorage.lang].room6)
$(".roomLang-txt7").text(langList[sessionStorage.lang].room7)
$(".roomLang-txt8").text(langList[sessionStorage.lang].room8)
$(".live-send-input,.photo-content-input").attr("placeholder",langList[sessionStorage.lang].room9)
$(".live-send-btn,.photo-msg-btn").text(langList[sessionStorage.lang].room10)
$(".roomLang-txt22").text(langList[sessionStorage.lang].room22)
$(".roomLang-txt23").text(langList[sessionStorage.lang].room23)
$(".guard-btn").text(langList[sessionStorage.lang].room24)
$(".hot-list-box-top").text(langList[sessionStorage.lang].room25)
$(".hot-list-box-top2").text(langList[sessionStorage.lang].room51)
$(".roomLang-txt26").text(langList[sessionStorage.lang].room26)
$(".roomLang-txt27").text(langList[sessionStorage.lang].room27)
$(".roomLang-txt28").text(langList[sessionStorage.lang].room28)
$(".roomLang-txt29").text(langList[sessionStorage.lang].room29)
$(".more-live-title").text(langList[sessionStorage.lang].room30)
$(".gurad-layer-p2").text(langList[sessionStorage.lang].room35)
$(".roomLang-txt36").text(langList[sessionStorage.lang].room36)
$(".guard-layer-text").text(langList[sessionStorage.lang].room37)
$(".roomLang-txt38").text(langList[sessionStorage.lang].room38)
$(".roomLang-txt39").text(langList[sessionStorage.lang].room39)
$(".roomLang-txt40").text(langList[sessionStorage.lang].room40)
$(".roomLang-txt41").text(langList[sessionStorage.lang].room41)
$(".gift-send-btn").text(langList[sessionStorage.lang].room42)
$(".room46").text(langList[sessionStorage.lang].room46)
$(".secret-btn").text(langList[sessionStorage.lang].jsTxt16)
$(".ticket-time-btn,.last-timeBox-btn").text(langList[sessionStorage.lang].jsTxt16)
$(".language-box span").text(langList[sessionStorage.lang].pcIndex37)
$(".box2-ticket-box-p2,.secret-p2").text(langList[sessionStorage.lang].ticketLang1)
$(".ticketLang2").text(langList[sessionStorage.lang].ticketLang2)
$(".ticket-box-btn,.ticket-time-btn,.secret-btn,.last-timeBox-btn").text(langList[sessionStorage.lang].ticketLang3)
$(".ticketLang4").text(langList[sessionStorage.lang].ticketLang4)
$(".ticketLang5").text(langList[sessionStorage.lang].ticketLang5)
$(".ticketLang6").text(langList[sessionStorage.lang].ticketLang6)
$(".ticketLang7").text(langList[sessionStorage.lang].ticketLang7)
$(".ticketLang9").text(langList[sessionStorage.lang].ticketLang9)
$(".ticketLang10").text(langList[sessionStorage.lang].ticketLang10)
$(".ticketLang11").text(langList[sessionStorage.lang].ticketLang11)
$(".ticketLang12").text(langList[sessionStorage.lang].ticketLang12)
$(".ticketLang13").text(langList[sessionStorage.lang].ticketLang13)
$(".ticketLang14").text(langList[sessionStorage.lang].ticketLang14)
$(".ticketLang15").text(langList[sessionStorage.lang].ticketLang15)
$(".ticketLang16").text(langList[sessionStorage.lang].ticketLang16)
$(".ticketLang17").text(langList[sessionStorage.lang].ticketLang17)
$(".ticketLang18").text(langList[sessionStorage.lang].ticketLang18)
$(".ticketLang19").text(langList[sessionStorage.lang].ticketLang19)
$(".ticketLang20").text(langList[sessionStorage.lang].ticketLang20)
$(".layer-gift-box2").text(langList[sessionStorage.lang].room52)
$(".layer-gift-box3").text(langList[sessionStorage.lang].room53)
$(".layer-gift-btn1").text(langList[sessionStorage.lang].ticketLang14)
$(".layer-gift-btn2").text(langList[sessionStorage.lang].ticketLang13)
}
var flvPlayer
var giftMd5=null;
var mouseOk=true;
var sendType=1;
var guardShowOk=null;
var richType=0
var layzT=true;
//首充彈窗
var newGiftOk=true;
liveList(1)
$(window).on("scroll",function(){
if(layzT==true){
layzT=false
if($(document).scrollTop()>400){
$(window).unbind("scroll")
for(var i=0;i<$(".more-live-ul li").length;i++){
$(".more-live-ul li").eq(i).children(".more-live-poster").attr("src",""+$(".more-live-ul li").eq(i).attr("data-type")+"")
}
$(".more-live-ul li").css("background-size","cover")
}
setTimeout(function() {
layzT=true;
}, 200);
}
})
$.ajax({
url: $ip + 'room/enterRoom',
data: {
uid: localStorage.uid,
token: localStorage.token,
roomId: sessionStorage.roomId,
pageID: localStorage.canvasCode,
lang:sessionStorage.lang
},
// async:false,
success: function (data) {
// if(data.code!=1){
// window.location.href='../index.html'
// }
// console.log('进入直播间', data)
if(data.code==-20060){
alert(langList[sessionStorage.lang].msg15)
window.location.href="../index.html"
return;
}
roomCId=data.ticketRoomInfo.channelId
roomRId=data.ticketRoomInfo.roundId
var mcKeyArr
if(data.room.rating==0||data.room.rating==1){
$("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyAArr[Number(sessionStorage.roomId)%200])
//A類
mcKeyArr=[keyAArr[Math.floor(Math.random()*keyAArr.length)],keyAArr[Math.floor(Math.random()*keyAArr.length)],keyAArr[Math.floor(Math.random()*keyAArr.length)]]
}
else if(data.room.rating==5){
$("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyEArr[Number(sessionStorage.roomId)%200])
//E類
if(data.room.specialRating==551)mcKeyArr=[keyE1Arr[Math.floor(Math.random()*keyE1Arr.length)],keyE1Arr[Math.floor(Math.random()*keyE1Arr.length)],keyE1Arr[Math.floor(Math.random()*keyE1Arr.length)]]
else if(data.room.specialRating==552)mcKeyArr=[keyE2Arr[Math.floor(Math.random()*keyE2Arr.length)],keyE2Arr[Math.floor(Math.random()*keyE2Arr.length)],keyE2Arr[Math.floor(Math.random()*keyE2Arr.length)]]
else mcKeyArr=[keyEArr[Math.floor(Math.random()*keyEArr.length)],keyEArr[Math.floor(Math.random()*keyEArr.length)],keyEArr[Math.floor(Math.random()*keyEArr.length)]]
}
else if(data.room.rating==6){
$("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyF1Arr[Number(sessionStorage.roomId)%200])
//F類
if(data.room.specialRating==661) mcKeyArr=[keyF1Arr[Math.floor(Math.random()*keyF1Arr.length)],keyF1Arr[Math.floor(Math.random()*keyF1Arr.length)],keyF1Arr[Math.floor(Math.random()*keyF1Arr.length)]]
else mcKeyArr=[keyFArr[Math.floor(Math.random()*keyFArr.length)],keyFArr[Math.floor(Math.random()*keyFArr.length)],keyFArr[Math.floor(Math.random()*keyFArr.length)]]
}
else if(data.room.rating==7){
$("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyZArr[Number(sessionStorage.roomId)%200])
//Z類
mcKeyArr=[keyZArr[Math.floor(Math.random()*keyZArr.length)],keyZArr[Math.floor(Math.random()*keyZArr.length)],keyZArr[Math.floor(Math.random()*keyZArr.length)]]
}
else if(data.room.rating==8){
$("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyHArr[Number(sessionStorage.roomId)%200])
//H類
mcKeyArr=[keyHArr[Math.floor(Math.random()*keyHArr.length)],keyHArr[Math.floor(Math.random()*keyHArr.length)],keyHArr[Math.floor(Math.random()*keyHArr.length)]]
}
else if(data.room.rating==22){
$("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyVArr[Number(sessionStorage.roomId)%200])
//V類
mcKeyArr=[keyVArr[Math.floor(Math.random()*keyVArr.length)],keyVArr[Math.floor(Math.random()*keyVArr.length)],keyVArr[Math.floor(Math.random()*keyVArr.length)]]
}
else {
$("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyEArr[Number(sessionStorage.roomId)%200])
mcKeyArr=[keyEArr[Math.floor(Math.random()*keyEArr.length)],keyEArr[Math.floor(Math.random()*keyEArr.length)],keyEArr[Math.floor(Math.random()*keyEArr.length)]]
}
$(".description").attr("content",''+langList[sessionStorage.lang].jsTxt19+''+data.roomBaseInfo.addr.replace(" 中國大陸","臺北")+'的'+data.roomBaseInfo.work+'-'+data.roomBaseInfo.sign.replace("Firefly Live","Footseen")+'-'+data.room.introduce)
$(".keywords-meta").attr("content",''+mcKeyArr[0]+','+mcKeyArr[1]+','+mcKeyArr[2]+','+data.roomBaseInfo.nickname +'')
var roomList = data.room;
flowUrl=data.pullFlowUrl
$(".mc-material-face,.gurad-layer-face").attr("src", "https://zhibocdn.yabolive.net/comm" + roomList.face.split('?')[0] + "?x-oss-process=image/resize,w_40")
$(".mc-material-face,.gurad-layer-face").unbind("error").on("error",function(){
$(this).attr("src","images/face.png")
})
var html = [];
html += '<span class="mc-name">' + roomList.roomName + '</span>';
if(roomList.isLike==0)html += '<div data-type="'+roomList.uid+'" class="like-btn"></div> ';
html += '<span class="material-span-other1">'+langList[sessionStorage.lang].room1+'</span>';
html += '<span class="material-span-other2">'+langList[sessionStorage.lang].room2+'('+data.roomOtherInfo.topicCount+')</span>';
html += '<span class="material-span-other3">' + roomList.introduce + '</span>';
html += '<span class="next-mc">'+langList[sessionStorage.lang].room3+'</span>'
$(".mc-material-content").html(html);
liveListBtn()
if(data.room.liveState==1&&!(data.room.liveScope==3&&data.room.selfLock==0&&localStorage.uid!=sessionStorage.roomId)){
online()
WebSocketGo()
var promise = document.querySelector('video').play();
if (promise !== undefined) {
promise.then(_ => {
var html = [];
html += '<video disablePictureInPicture controls webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video" src="" id="videoElement" loop="" ></video>';
$(".content-box-left-roombox-video").html(html)
flvPlay(data.pullFlowUrl)
// Autoplay started!
}).catch(error => {
var myVideo=document.querySelector(".live-video")
var html = [];
if(sessionStorage.ref==1) html += '<video disablePictureInPicture controls muted webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video" src="" id="videoElement" loop="" ></video>';
else html += '<video disablePictureInPicture controls webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video" src="" id="videoElement" loop="" ></video>';
$(".content-box-left-roombox-video").html(html)
flvPlay(data.pullFlowUrl)
// Autoplay was prevented.
// Show a "Play" button so that user can start playback.
});
}
}
else if(data.room.liveScope==3&&localStorage.uid!=sessionStorage.roomId){
online()
WebSocketGo()
TicketRoom(roomCId,roomRId)
var promise = document.querySelector('video').play();
if (promise !== undefined) {
promise.then(_ => {
var html = [];
html += '<video disablePictureInPicture controls webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video" src="" id="videoElement" loop="" ></video>';
$(".content-box-left-roombox-video").html(html)
flvPlay(data.pullFlowUrl)
// Autoplay started!
}).catch(error => {
var myVideo=document.querySelector(".live-video")
var html = [];
if(sessionStorage.ref==1) html += '<video disablePictureInPicture controls muted webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video" src="" id="videoElement" loop="" ></video>';
else html += '<video disablePictureInPicture controls webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video" src="" id="videoElement" loop="" ></video>';
$(".content-box-left-roombox-video").html(html)
flvPlay(data.pullFlowUrl)
// Autoplay was prevented.
// Show a "Play" button so that user can start playback.
});
}
}
else{
$(".live-content-box-left-roombox").append("<img class='mc-out' src='"+langList[sessionStorage.lang].roomSrc4+"'>")
}
if(data.room.newPayRegister){
if(data.room.liveScope!=3){
if(sessionStorage.newLogin==1&&localStorage.uid!=undefined){
sessionStorage.newLogin=0
newGift()
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: "yourclass5",
area: ["328px","auto"],
content: $(".layer-gift-box"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
$(".layer-gift-btn1").unbind("click").on("click",function(){
layer.closeAll()
})
$(".layer-gift-btn2").unbind("click").on("click",function(){
window.open("../reg/index.html")
})
}else{
setTimeout(function(){
newGift()
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: "yourclass5",
area: ["328px","auto"],
content: $(".layer-gift-box"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
$(".layer-gift-btn1").unbind("click").on("click",function(){
layer.closeAll()
})
if(localStorage.uid==undefined){
sessionStorage.newLogin=1
$(".layer-gift-btn2").unbind("click").on("click",function(){
layer.closeAll()
setTimeout(function() {
loginLayer()
}, 500);
return;
})
}else{
$(".layer-gift-btn2").unbind("click").on("click",function(){
window.open("../reg/index.html")
})
}
},30000)
}
}
}
$(".hot-box >span").text(data.roomOtherInfo.popularNum)
$(".hot-box2 >span").text(data.roomOtherInfo.interacNum)
$(".rich-box >span").text(data.roomOtherInfo.charm)
$(".mc-tips div").text(data.roomBaseInfo.sign.replace("Firefly Live","Footseen"))
var html = [];
html += '<div><span>'+langList[sessionStorage.lang].room12+':</span> ' + data.roomBaseInfo.nickname + '</div>';
html += '<div><span>ID:</span> ' + data.roomBaseInfo.uid + '</div>';
//地址
if (data.roomBaseInfo.addr != '') html += '<div><span>'+langList[sessionStorage.lang].room13+':</span> ' + data.roomBaseInfo.addr + '</div>';
else html += '<div><span>'+langList[sessionStorage.lang].room13+':</span> 未知</div>';
//年龄
if(data.roomBaseInfo.age==0) html += '<div><span>'+langList[sessionStorage.lang].room14+':</span> '+langList[sessionStorage.lang].room44+'</div>';
else html += '<div><span>'+langList[sessionStorage.lang].room14+':</span> ' + data.roomBaseInfo.age + '</div>';
//身高
if(data.roomBaseInfo.height=='')html += '<div><span>'+langList[sessionStorage.lang].room15+':</span> '+langList[sessionStorage.lang].room44+'</div>';
else html += '<div><span>'+langList[sessionStorage.lang].room15+':</span> ' + data.roomBaseInfo.height + 'cm</div>';
//体重
if(data.roomBaseInfo.weight=='') html += '<div><span>'+langList[sessionStorage.lang].room16+':</span> '+langList[sessionStorage.lang].room44+'</div>';
else html += '<div><span>'+langList[sessionStorage.lang].room16+':</span> ' + data.roomBaseInfo.weight + 'kg</div>';
html += '<div><span>'+langList[sessionStorage.lang].room17+':</span> ' + data.roomBaseInfo.constellation + '</div>';
html += '<div><span>'+langList[sessionStorage.lang].room18+':</span> ' + data.roomBaseInfo.culture + '</div>';
html += '<div><span>'+langList[sessionStorage.lang].room19+':</span> ' + data.roomBaseInfo.work + '</div>';
$(".mc-more-means").html(html)
var html = [];
html += '<p><span>'+langList[sessionStorage.lang].room20+':</span> <img src="images/rich-icon.png" alt="">' + data.roomOtherInfo.charm + '</p>';
html += '<p><span>'+langList[sessionStorage.lang].room21+':</span> <img style="margin-top: -4px;" src="images/diamond.png" alt="">' + data.roomOtherInfo.rich + '</p>';
$(".mc-rich-p").html(html);
var html = [];
if(data.roomOtherInfo.motoring.resource!=undefined)html += '<li><img src="https://zhibocdn.yabolive.net/comm' + data.roomOtherInfo.motoring.resource + '?x-oss-process=image/resize,w_45" alt=""></li>';
else html += '<p>'+langList[sessionStorage.lang].room45+'</p>'
$(".mc-car-ul").html(html);
var html=[];
for(var i=0;i<data.roomOtherInfo.medals.length;i++){
var list=data.roomOtherInfo.medals[i]
html+='<img src="https://zhibocdn.yabolive.net/comm' + data.roomOtherInfo.medals[i] + '?x-oss-process=image/resize,w_45" alt="">';
}
if(data.roomOtherInfo.medals.length==0) html+='  暫無勛章'
$(".mc-title-box >span").html(html);
$(".material-span-other1 ,.material-span-other2").unbind("click").on("click",function(){
scrollTo($(".mc-means-box"),200)
})
$(".like-btn").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle5)
loginLayer()
return;
}
var _self=$(this);
mcLike(_self.attr("data-type"),1)
// mcLike(_self.attr("data-type"))
})
},
error: function (msg) {
// window.location.href = '../index.html'
}
})
loginGo()
hotList()
popular()
richGuard(0)
giftList(1)
richMouse()
hotMouse()
//守护废弃
// guardList()
zoneList()
activeGet()
setInterval(function(){
online()
richGuard(richType)
hotList()
popular()
},60000)
if(localStorage.uid!=undefined){
myDiamond()
task(1)
taskMouse()
}
else{
$(".left-gift-send,.live-send-btn").on("click",function(){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle1)
loginLayer()
})
$(".day-task-box").on("click",function(){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle6)
loginLayer()
})
$(".guard-btn").on("click",function(){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle7)
loginLayer()
})
}
var lDown=null
$(".language-box").on("mouseover",function(){
clearInterval(lDown)
$(".language-content").fadeIn(150)
})
$(".language-box").on("mouseout",function(){
lDown = setTimeout(function () {
$(".language-content").fadeOut(150)
}, 350)
})
for(var i=0;i<$(".language-content div").length;i++){
if(sessionStorage.lang==$(".language-content div").eq(i).attr("data-type"))$(".language-content div").eq(i).addClass("language-click")
}
$(".language-content div").on("click",function(){
var _self=$(this)
sessionStorage.lang=_self.attr("data-type")
window.location.reload()
})
$(".big-gift-content-top div").on("click",function(){
if(localStorage.uid==undefined){
loginLayer()
return;
}
$(".big-gift-content-top div").removeClass("gift-content-top-click")
var _self=$(this)
_self.addClass("gift-content-top-click")
sendType=1
if(_self.attr("data-type")==3){
$(".big-gift-diamond").hide()
$(".big-gift-dew").show()
}else{
$(".big-gift-dew").hide()
$(".big-gift-diamond").show()
}
if(_self.attr("data-type")==4){
backPack()
sendType=2
}else{
giftList(_self.attr("data-type"))
}
})
$(".more-gift,.gift-open").on("click",function(){
if($(".big-gift-box").css("display")=='block'){
$(".big-gift-box").fadeOut(350)
}else{
$(".big-gift-box").fadeIn(350)
}
})
$(".gift-close").on("click",function(){
$(".big-gift-box").fadeOut(350)
})
$(".rich-list-top-ul li").on("click", function () {
var _self = $(this)
richType=_self.attr("data-type")
$(".rich-list-top-ul li").removeClass("rich-list-top-click")
_self.addClass("rich-list-top-click")
richGuard(richType)
})
$(".guard-btn").on("click", function () {
if(localStorage.uid==undefined)return;
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["498px", "550px"],
content: $(".guard-layer-box"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
})
$(".live-send-btn").on("click",function(){
if(localStorage.uid==undefined)return;
if($(".live-send-input").val()==''||$(".live-send-input").val().split(" ").join("").length == 0){
layer.msg(langList[sessionStorage.lang].room9)
return;
}
var myMsg= $(".live-send-input").val()
msgSend(myMsg)
})
$(".live-send-input").on("keydown",function(){
if (event.keyCode == "13") {
if(localStorage.uid==undefined){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle1)
loginLayer()
return;
}
if($(".live-send-input").val()==''||$(".live-send-input").val().split(" ").join("").length == 0){
layer.msg(langList[sessionStorage.lang].room9)
return;
}
var myMsg= $(".live-send-input").val()
msgSend(myMsg)
}
})
$(".content-box-right-top div").on("click", function () {
var _self = $(this);
$(".content-box-right-top div").removeClass("box-right-top-click")
_self.addClass("box-right-top-click")
if (_self.attr("data-type") == 1) {
$(".online-list-box").hide()
$(".msg-big-box").show()
} else {
$(".msg-big-box").hide()
$(".online-list-box").show()
}
})
$(".guard-layer-btn").on("click",function(){
openGuard()
})
$(".guard-layer-text").on("click",function(){
layer.closeAll()
setTimeout(function() {
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["866px", "845px"],
content: $(".guard-rule"),
end: function () {
layer.closeAll()
setTimeout(function() {
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["498px", "550px"],
content: $(".guard-layer-box"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}, 200);
}
})
}, 200);
})
$(".guard-rule span").on("click",function(){
layer.closeAll()
})
var ticketTerval=null
var sendClock=null
var sendClockOk=true
var turnNumber2Ok=true
function TicketRoom(chId,rId){
if(localStorage.token==undefined||localStorage.token=="undefined")var mytoken='footseen'
else var mytoken=localStorage.token
$.ajax({
url:$ip+'ticketRoom/getTicketRoomInfo',
data:{
roomId:sessionStorage.roomId,
channelId:chId,
roundId:rId,
pageID:localStorage.canvasCode,
uid:localStorage.uid,
token:mytoken
},
// async:false,
success:function(data){
// console.log('获取TickeRoom信息',data)
clearInterval(ticketTerval)
clearInterval(sendClock)
if(data.progressBar.state>3){
$(".ticket-box1").hide()
$(".ticket-box2").hide()
$(".secret-room").fadeOut(200)
$(".live-video").css("filter","blur(0px)")
return
}
turnNumberOk=true;
$(".ticket-box-p3,.box2-ticket-box-p4,.secret-p4,.layer-ticket-box-p3").text(data.progressBar.showTopic)
TicketStage=data.progressBar.state
$(".layer-ticket-close,.layer-last-close").unbind("click").on("click",function(){
layer.closeAll()
})
if(data.progressBar.state==1||data.progressBar.state==2){
$(".ticket-box1").fadeIn(200)
$(".ticket-box-p2 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'')
if(data.inBuyTotal!=0) $(".ticket-box-btn").text(langList[sessionStorage.lang].ticketLang15)
else $(".ticket-box-btn").text(langList[sessionStorage.lang].ticketLang3)
$(".ticket-box-p4 span").text(Math.floor(data.tollconfig.showTime/60000))
$(".ticket-box-btn").unbind("click").on("click",function(){
$(".ticket-box1").fadeOut(200)
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["332px", "474px"],
content: $(".layer-ticket-box"),
end: function () {
$(".layui-layer-shade").hide()
// layer.closeAll()
$(".ticket-box1").fadeIn(200)
}
})
})
/****最后20秒弹框****/
$(".last-timeBox-btn").unbind("click").on("click",function(){
buyTicker(chId,rId,ticketNum)
})
ticketTerval=setInterval(function(){
data.progressBar.leftTime-=1000
if(data.progressBar.leftTime<0){
layer.closeAll()
TicketRoom(chId,rId)
clearInterval(ticketTerval)
}
$(".ticket-box-p2 span,.layer-ticket-box-p2 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'')
if(data.progressBar.leftTime<20000){
if(sendClockOk==false)return;
sendClockOk=false
if(data.inBuyTotal>0)return;
layer.closeAll()
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["332px", "358px"],
content: $(".layer-last-timeBox"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
if(data.backpack>0){
$(".last-timeBox-tips").html(''+langList[sessionStorage.lang].ticketLang9+' <img src="images/card.png" alt="">'+data.backpack+'')
$(".last-timeBox-p4-box2").html('x 1')
}else{
$(".last-timeBox-tips").hide()
$(".last-timeBox-p4-box2").html('<img src="images/diamond.png" alt=""> '+data.tollconfig.tollPrice+'')
}
var sendClockNum=data.progressBar.leftTime
sendClock=setInterval(function(){
sendClockNum-=30
if(sendClockNum<0){
layer.closeAll()
TicketRoom(chId,rId)
clearInterval(ticketTerval)
clearInterval(sendClock)
return;
}
$(".layer-last-timeBox-p2").text(''+Math.floor(sendClockNum%60000/1000)+'.'+add0(Math.floor(sendClockNum%1000/10))+'s')
},30)
}
/****最后20秒弹框end****/
},1000)
}
if(data.progressBar.state==3){
$(".ticket-box1").hide()
if(data.inBuyTotal!=0){
$(".ticket-box2").show()
$(".secret-room").fadeOut(200)
$(".live-video").css("filter","blur(0px)")
}else{
$(".live-video").css("filter","blur(14px)")
$(".secret-room").fadeIn(200)
}
if(data.backpack>0){
$(".secret-btn-tips").html(''+langList[sessionStorage.lang].ticketLang9+'<img src="images/card.png" alt="">'+data.backpack+'').show()
$(".secret-num-box-content2").html('x 1')
}else{
$(".secret-btn-tips").hide()
$(".secret-num-box-content2").html('<img src="images/diamond.png" alt=""> '+data.tollconfig.tollPrice+'')
}
$(".secret-btn").unbind("click").on("click",function(){
if(data.progressBar.leftTime<120000){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["328px", "auto"],
content: $(".layer-ticket-tips"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
$(".layer-ticket1").unbind("click").on("click",function(){
layer.closeAll()
})
$(".layer-ticket2").unbind("click").on("click",function(){
buyTicker(chId,rId,1)
})
}else{
buyTicker(chId,rId,1)
}
})
$(".secret-p4").text(data.progressBar.showTopic)
$(".secret-p3 span,.box2-ticket-box-p3 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'')
ticketTerval=setInterval(function(){
data.progressBar.leftTime-=1000
if(data.progressBar.leftTime<=0){
clearInterval(ticketTerval)
$(".secret-room,.ticket-box1,.ticket-box2").fadeOut(200)
$(".live-video").css("filter","blur(0px)")
return;
}
$(".secret-p3 span,.box2-ticket-box-p3 span,.layer-ticket-tips-p2 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'')
if(data.progressBar.leftTime<=7000){
if(turnNumber2Ok==false)return;
turnNumber2Ok=false
if(data.inBuyTotal!=0) turnNumber(2)
}
},1000)
}
//初始化买票
var html=[]
var allCard=(data.tollconfig.condTotal-data.progressBar.succ)
html+='<li class="layer-ticket-li-click" data-type='+1+'>';
html+='<div class="layer-ticket-li1">';
html+='<img class="ticket-card" src="images/card.png" alt=""> <span>x1</span>';
html+='</div>';
html+='<div class="layer-ticket-li2">';
if(data.backpack>0) html+='<img class="my-card" src="images/card.png"> 1';
else html+='<img src="images/big-diamond.png" alt=""> <span>'+data.tollconfig.tollPrice+'</span>';
html+='</div>';
html+='</li>';
html+='<li data-type="'+allCard+'" >';
html+='<div class="layer-ticket-li1">';
html+='<span class="now">'+langList[sessionStorage.lang].ticketLang8+'</span>'
html+='<img class="ticket-card" src="images/card.png" alt=""> <span>x'+allCard+'</span>';
html+='</div>';
if(data.backpack>0&&data.backpack<allCard) html+='<div style="width:140px" class="layer-ticket-li2">';
else html+='<div class="layer-ticket-li2">';
// <img src="images/diamond.png">'+data.tollconfig.tollPrice*(allCard-data.backpack)+'
if(data.backpack>0){
if(data.backpack>=allCard) html+='<img class="my-card" src="images/card.png"> '+allCard+'';
else html+='<img src="images/big-diamond.png" alt=""> <span> '+data.tollconfig.tollPrice*(allCard-data.backpack)+' </span>+ <img class="my-card" src="images/card.png"> '+data.backpack+'';
}
else html+='<img src="images/big-diamond.png" alt=""> <span>'+data.tollconfig.tollPrice*allCard+'</span>';
html+='</div>';
html+='</li>';
$(".layer-ticket-ul").html(html);
$(".layer-ticket-time-ul li").removeClass("ticket-time-li-ok ticket-time-li-ing")
$(".layer-ticket-time-ul li").eq(data.progressBar.succ).addClass("ticket-time-li-ing")
ticketNum=1
for(var i=0;i<data.progressBar.succ;i++){
$(".layer-ticket-time-ul li").eq(i).addClass("ticket-time-li-ok")
}
$(".layer-ticket-ul li").unbind("click").on("click",function(){
$(".layer-ticket-time-ul li").removeClass("ticket-time-li-ing")
$(".layer-ticket-ul li").removeClass("layer-ticket-li-click")
var _self=$(this);
_self.addClass("layer-ticket-li-click")
ticketNum=_self.attr("data-type")
setTimeout(function() {
for(var i=0;i<_self.attr("data-type");i++){
$(".layer-ticket-time-ul li").eq(data.progressBar.succ+i).addClass("ticket-time-li-ing")
}
},500);
})
$(".ticket-time-btn").unbind("click").on("click",function(){
buyTicker(chId,rId,ticketNum)
})
}
})
}
var buyTickerOk=true;
function buyTicker(chId,rId,n){
if(localStorage.token==undefined||localStorage.token=='undefined'){
$(".layer-shadow").show()
loginLayer()
return;
}
if(buyTickerOk==false)return;
buyTickerOk=false
$.ajax({
url:$ip+'ticketRoom/ticket/buy',
type:'post',
data:{
channelId:chId,
roundId:rId,
num:n,
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
roomId:sessionStorage.roomId,
lang:sessionStorage.lang
},
success:function(data){
// console.log('用户购票',data)
if(data.code==-100){
buyTickerOk=true
window.open("../reg/index.html")
return;
}
if(data.code!=1){
layer.msg(data.msg)
buyTickerOk=true
}
if(data.code==1){
layer.closeAll()
// layer.msg(data.msg)
setTimeout(function() {
buyTickerOk=true
}, 500);
$(".ticket-box-btn").text(langList[sessionStorage.lang].ticketLang15)
TicketRoom(chId,rId)
backPack()
myDiamond()
return;
}
}
})
}
turnNumberOk=true;
function turnNumber(e){
if(turnNumberOk==false)return;
turnNumberOk=false
var turnClock=null
if(e==1){
$(".ticket-tips1").fadeIn(200)
turnNum=5
turnClock=setInterval(function(){
$(".ticket-tips1 .ticket-tips1-box3 p").text(turnNum)
turnNum--
if(turnNum<0){
$(".ticket-tips1").fadeOut(200)
TicketRoom(roomCId,roomRId)
clearInterval(turnClock)
setTimeout(function() {
$(".ticket-tips1 .ticket-tips1-box3 p").text(5)
turnNumberOk=true;
}, 500);
}
},1000)
}
if(e==2){
$(".ticket-tips2").fadeIn(200)
turnNum=5
turnClock=setInterval(function(){
$(".ticket-tips2 .ticket-tips2-box2 p").text(turnNum)
turnNum--
if(turnNum<0){
$(".ticket-tips2").fadeOut(200)
TicketRoom(roomCId,roomRId)
clearInterval(turnClock)
setTimeout(function() {
$(".ticket-tips2 .ticket-tips2-box2 p").text(5)
turnNumberOk=true;
turnNumber2Ok=true
}, 500);
}
},1000)
}
}
function liveListBtn(){
$(".next-mc").unbind("click").on("click",function(){
$.ajax({
url:$ip+'frontPage/queryLiveUsers/v2',
data:{
pageNum:1,
pageSize:100,
//,
pageID:localStorage.canvasCode
},
success:function(data){
//console.log('直播列表',data)
var newList=''
newList+='['
var j=0
for(var i=0;i<data.normalRoomList.length;i++){
var list=data.normalRoomList[i]
if(i%2==0&&i!=0){
if(data.vipRoomList[j]!=undefined){
list2=data.vipRoomList[j]
newList+=(JSON.stringify(list2)+',')
j++;
}
}
if(i!=(data.normalRoomList.length-1))newList+=(JSON.stringify(list)+',')
else newList+=(JSON.stringify(list))
}
if(data.vipRoomList.length>j){
for(var i=0;i<data.vipRoomList.length-j;i++){
list2=data.vipRoomList[j+i]
if(i==0)newList+=(','+JSON.stringify(list2))
else if((i+j+1)==data.vipRoomList.length)newList+=(','+JSON.stringify(list2))
else newList+=(JSON.stringify(list2)+',')
}
}
newList+="]"
newList=JSON.parse(newList)
var html=[];
var myNum=null
for(var i=0;i<newList.length;i++){
var list=newList[i]
if(list.roomId==sessionStorage.roomId){
myNum=i
continue;
}
}
if(myNum==null){
window.location.href="liveRoom.html?roomId="+newList[0].roomId
return;
}
if((myNum+1)!=newList.length)window.location.href="liveRoom.html?roomId="+newList[(myNum+1)].roomId
else window.location.href="liveRoom.html?roomId="+newList[0].roomId
}
})
})
}
function activeGet(){
$.ajax({
url:$ip+'setting/activeCenter/queryActivityV2',
data:{
roomId:sessionStorage.roomId,
lang:sessionStorage.lang,
uid:localStorage.uid,
token:localStorage.token,
},
success:function(data){
// console.log('首充活动',data)
var html=[];
// for(var i=0;i<data.dataList.activitys.length;i++){
// var list=data.dataList.activitys[i]
// if(list.url=='https://activity.yazhaiyabo.com/active2020/newFistCharge/firstChargeFootseen/index.html'){
// list.url='https://activity.yazhaiyabo.com/activeFt/firstCharge/firstChargeFootseen/index.html'
// html+='<div class="swiper-slide"><img data-type="'+list.url+'" data-type2="'+list.urlType+'" class="act-btn" src="https://zhibocdn.yabolive.net/comm'+list.webIcon+'?x-oss-process=image/resize,w_174" alt=""></div>';
// }
// }
if(data.code==1){
if(data.dataList.is_show==1){
if(sessionStorage.lang==2) var regImg='https://zhibocdn.yabolive.net/comm/activity/8069de6c48ca4ed4a924f99ff6901e24.jpg?x-oss-process=image/resize,w_174'
else var regImg='images/regImg.png'
html+='<div class="swiper-slide"><img data-type="https://activity.yazhaiyabo.com/activeFt/newCharge/index3.html" data-type2="3" class="act-btn" src="'+regImg+'" alt=""></div>';
}
}
if(sessionStorage.pmt==undefined||sessionStorage.pmt=='undefined')html+='<div class="swiper-slide"><img data-type="https://www.footseen.xyz/mobile/download/downApp.html?v=2022091601" data-type2="1" class="act-btn" src="'+langList[sessionStorage.lang].roomSrc5+'" alt=""></div>';
else html+='<div class="swiper-slide"><img data-type="https://www.footseen.xyz/mobile/download/downApp.html?v=2022101101" data-type2="1" class="act-btn" src="'+langList[sessionStorage.lang].roomSrc5+'" alt=""><p id="room-qrcode"></p><img class="footseen-icon" src="../images/footseen-icon.png"></div>'
$(".swiper-wrapper").html(html);
if(sessionStorage.pmt!=undefined&&sessionStorage.pmt!='undefined')new QRCode(document.getElementById("room-qrcode"),sessionStorage.pmt+'&from=pc');
var swiper = new Swiper(".mySwiper", {
pagination: {
el: ".swiper-pagination",
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (index + 1) + "</span>";
},
},
autoplay: {
delay: 8000,
},
loop:true,
});
$(".act-btn").unbind("click").on("click",function(){
var _self=$(this)
if(localStorage.token==undefined){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle2)
loginLayer()
return;
}
if(_self.attr("data-type2")==3){
layer.open({
type: 2,
title: false,
shadeClose: true,
skin: "active-layer",
area: ["360px", "360px"],
content: _self.attr("data-type")+'?uid='+localStorage.uid+'&token='+localStorage.token+'&roomid='+sessionStorage.roomId+'&os=pc&v='+Math.floor(Math.random()*100)+'&lang='+sessionStorage.lang+'&pageID='+localStorage.canvasCode+'',
})
$(".layui-layer-shade").hide()
return
}
if(_self.attr("data-type2")==1){
layer.open({
type: 2,
title: false,
shadeClose: true,
skin: "active-layer",
area: ["360px", "634px"],
content: _self.attr("data-type")+'?uid='+localStorage.uid+'&token='+localStorage.token+'&roomid='+sessionStorage.roomId+'&os=pc&lang='+sessionStorage.lang+'&v='+Math.floor(Math.random()*100)+'',
})
}else{
layer.open({
type: 2,
title: false,
shadeClose: true,
skin: "active-layer",
area: ["360px", "634px"],
content: _self.attr("data-type")+'?uid='+localStorage.uid+'&token='+localStorage.token+'&roomid='+sessionStorage.roomId+'&os=pc&v='+Math.floor(Math.random()*100)+'&lang='+sessionStorage.lang+'&pageID='+localStorage.canvasCode+'',
})
}
$(".layui-layer-shade").hide()
})
}
})
// $.ajax({
// url:$ip+'setting/activeCenter/queryActivity',
// data:{
// roomId:sessionStorage.roomId,
// pageNum:1,
// pageSize:99,
// pageID: localStorage.canvasCode,
// },
// success:function(data){
// // console.log('获取活动中心列表',data)
// var html=[];
// // for(var i=0;i<data.dataList.activitys.length;i++){
// // var list=data.dataList.activitys[i]
// // if(list.url=='https://activity.yazhaiyabo.com/active2020/newFistCharge/firstChargeFootseen/index.html'){
// // list.url='https://activity.yazhaiyabo.com/activeFt/firstCharge/firstChargeFootseen/index.html'
// // html+='<div class="swiper-slide"><img data-type="'+list.url+'" data-type2="'+list.urlType+'" class="act-btn" src="https://zhibocdn.yabolive.net/comm'+list.webIcon+'?x-oss-process=image/resize,w_174" alt=""></div>';
// // }
// // }
// html+='<div class="swiper-slide"><img data-type="https://activity.yazhaiyabo.com/activeFt/newCharge/index3.html" data-type2="3" class="act-btn" src="https://zhibocdn.yabolive.net/comm/activity/8069de6c48ca4ed4a924f99ff6901e24.jpg?x-oss-process=image/resize,w_174" alt=""></div>';
// if(sessionStorage.pmt==undefined||sessionStorage.pmt=='undefined')html+='<div class="swiper-slide"><img data-type="https://www.footseen.xyz/mobile/download/downApp.html?v=2022091601" data-type2="3" class="act-btn" src="'+langList[sessionStorage.lang].roomSrc5+'" alt=""></div>';
// else html+='<div class="swiper-slide"><img data-type="https://www.footseen.xyz/mobile/download/downApp.html?v=2022101101" data-type2="3" class="act-btn" src="'+langList[sessionStorage.lang].roomSrc5+'" alt=""><p id="room-qrcode"></p><img class="footseen-icon" src="../images/footseen-icon.png"></div>'
// $(".swiper-wrapper").html(html);
// if(sessionStorage.pmt!=undefined&&sessionStorage.pmt!='undefined')new QRCode(document.getElementById("room-qrcode"),sessionStorage.pmt+'&from=pc');
// if(data.dataList.activitys.length>=0){
// var swiper = new Swiper(".mySwiper", {
// pagination: {
// el: ".swiper-pagination",
// clickable: true,
// renderBullet: function (index, className) {
// return '<span class="' + className + '">' + (index + 1) + "</span>";
// },
// },
// autoplay: {
// delay: 8000,
// },
// loop:true,
// });
// }
// $(".act-btn").unbind("click").on("click",function(){
// var _self=$(this)
// if(_self.attr("data-type2")==3){
// layer.open({
// type: 2,
// title: false,
// shadeClose: true,
// skin: "active-layer",
// area: ["360px", "360px"],
// content: _self.attr("data-type")+'?uid='+localStorage.uid+'&token='+localStorage.token+'&roomid='+sessionStorage.roomId+'&os=pc&v='+Math.floor(Math.random()*100)+'&lang='+sessionStorage.lang+'&pageID='+localStorage.canvasCode+'',
// })
// $(".layui-layer-shade").hide()
// return
// }
// if(localStorage.token==undefined){
// $(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle2)
// loginLayer()
// return;
// }
// if(_self.attr("data-type2")==1){
// layer.open({
// type: 2,
// title: false,
// shadeClose: true,
// skin: "active-layer",
// area: ["360px", "634px"],
// content: _self.attr("data-type")+'?uid='+localStorage.uid+'&token='+localStorage.token+'&roomid='+sessionStorage.roomId+'&os=pc&lang='+sessionStorage.lang+'&v='+Math.floor(Math.random()*100)+'',
// })
// }else{
// layer.open({
// type: 2,
// title: false,
// shadeClose: true,
// skin: "active-layer",
// area: ["360px", "634px"],
// content: _self.attr("data-type")+'?uid='+localStorage.uid+'&token='+localStorage.token+'&roomid='+sessionStorage.roomId+'&os=pc&v='+Math.floor(Math.random()*100)+'&lang='+sessionStorage.lang+'&pageID='+localStorage.canvasCode+'',
// })
// }
// $(".layui-layer-shade").hide()
// })
// }
// })
}
function mcLike(e,type){
if(localStorage.uid==undefined){
loginLayer()
return;
}
$.ajax({
url:$ip+'room/likeOpt',
data:{
roomId:e,
optType:1,
uid:localStorage.uid,
token:localStorage.token,
pageID: localStorage.canvasCode,
},
success:function(data){
//console.log('關注',data)
if(data.code==1){
if(type==1)$(".like-btn").hide()
layer.msg(langRoom[sessionStorage.lang].msg3)
}else{
layer.msg(data.msg)
}
}
})
}
function msgSend(e){
$.ajax({
url:$ip+'speak/sendSpeak',
data:{
uid:localStorage.uid,
token:localStorage.token,
roomid:sessionStorage.roomId,
barrageType:101,
message:e,
danmu:0,
pass: true,
pageID: localStorage.canvasCode,
},
success:function(data){
//console.log('发言接口',data)
if(data.code!=1){
layer.msg(data.msg);
return;
}
if(data.code==1){
$(".live-send-input").val("")
}
}
})
}
function taskMouse(){
var tTask = null
$(".day-task-box ").on("mouseover",function(){
clearInterval(tTask)
$(".day-task-content").fadeIn(150)
})
$(".day-task-box ").on("mouseout",function(){
tTask = setTimeout(function () {
$(".day-task-content").fadeOut(150)
}, 350)
})
}
function richMouse() {
var tRich = null
$(".rich-box").on("mouseover", function () {
clearInterval(tRich)
$(".rich-list-box").fadeIn(150)
$(".hot-list-box").fadeOut(0)
})
$(".rich-box").on("mouseout", function () {
tRich = setTimeout(function () {
$(".rich-list-box").fadeOut(150)
}, 350)
})
}
function hotMouse() {
var tHot = null
$(".hot-box").on("mouseover", function () {
clearInterval(tHot)
$(".hot-list-box").fadeIn(150)
$(".rich-list-box").fadeOut(0)
})
$(".hot-box").on("mouseout", function () {
tHot = setTimeout(function () {
$(".hot-list-box").fadeOut(150)
}, 350)
})
var tHot2 = null
$(".hot-box2").on("mouseover", function () {
clearInterval(tHot2)
$(".hot-list-box2").fadeIn(150)
$(".rich-list-box2").fadeOut(0)
})
$(".hot-box2").on("mouseout", function () {
tHot2 = setTimeout(function () {
$(".hot-list-box2").fadeOut(150)
}, 350)
})
}
function richGuard(e) {
$.ajax({
url: $ip + 'rank/guard',
data: {
uid: sessionStorage.roomId,
page: 1,
type: e,
pass: true,
pageID: localStorage.canvasCode,
},
success: function (data) {
//console.log('萤火榜单', data)
if(data.code==-7002){
$(".rich-list-ul").html('')
}
if(data.code!=1)return;
var html = [];
for (var i = 0; i < data.ranklist.length; i++) {
var list = data.ranklist[i]
html += '<li>';
html += '<div class="rich-list-li-box1">' + (i + 1) + '</div>';
html += '<div data-type="'+list.uid+'" class="rich-list-li-box2 name-span">';
if (i < 3) html += '<img class="rich-list-king" src="images/r' + (i + 1) + '.png" alt="">';
html += '<img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm' + list.face + '?x-oss-process=image/resize,w_44" alt="">';
if(list.level>0)html += '<span>' + list.nickname + '<img src="https://app.ixiulive.com/static/vip/'+list.level+'.png"></span>';
else html += '<span>' + list.nickname + '</span>';
html += '</div>';
html += '<div class="rich-list-li-box3">' + list.score + '<img src="images/rich-icon.png" alt=""></div>';
html += '</li>';
}
$(".rich-list-ul").html(html)
$(".rich-list-face").on("error",function(){
$(this).attr("src","images/face.png")
})
$(".name-span").unbind("click").on("click",function(){
var _self=$(this)
cardUp( _self.attr("data-type"))
})
}
})
}
function hotList() {
$.ajax({
url: $ip + 'rank/popular/list',
data: {
pageID: localStorage.canvasCode,
},
success: function (data) {
//console.log("热门榜单", data)
var html = [];
for (var i = 0; i < data.rankList.length; i++) {
var list=data.rankList[i]
if(list.uid==sessionStorage.roomId)html += '<a href="javascript:;"><li>';
else html += '<a target="_blank" href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.uid+'"><li>';
html += '<div class="hot-list-li-box1">' + (i + 1) + '</div>';
html += '<div class="hot-list-li-box2">';
if (i < 3) html += '<img class="rich-list-king" src="images/r' + (i + 1) + '.png" alt="">';
html += '<img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm' + list.face + '?x-oss-process=image/resize,w_44" alt="">';
html += '<p class="hot-list-p1">' + list.nickname + '</p>';
html += '<p class="hot-list-p2">' + list.score + '</p>';
html += '</div>';
html += '</li></a>';
}
$(".hot-list-ul").html(html)
$(".rich-list-face").on("error",function(){
$(this).attr("src","images/face.png")
})
}
})
}
function hotList() {
$.ajax({
url: $ip + 'rank/popular/list',
data: {
pageID: localStorage.canvasCode,
},
success: function (data) {
//console.log("热门榜单", data)
var html = [];
for (var i = 0; i < data.rankList.length; i++) {
var list=data.rankList[i]
if(list.uid==sessionStorage.roomId)html += '<a href="javascript:;"><li>';
else html += '<a target="_blank" href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.uid+'"><li>';
html += '<div class="hot-list-li-box1">' + (i + 1) + '</div>';
html += '<div class="hot-list-li-box2">';
if (i < 3) html += '<img class="rich-list-king" src="images/r' + (i + 1) + '.png" alt="">';
html += '<img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm' + list.face + '?x-oss-process=image/resize,w_44" alt="">';
html += '<p class="hot-list-p1">' + list.nickname + '</p>';
html += '<p class="hot-list-p2">' + list.score + '</p>';
html += '</div>';
html += '</li></a>';
}
$(".hot-list-ul").html(html)
$(".rich-list-face").on("error",function(){
$(this).attr("src","images/face.png")
})
}
})
}
function popular(){
$.ajax({
url:$ip+'rank/interac/list',
data:{
pageID: localStorage.canvasCode,
},
success:function(data){
// console.log('人氣榜单',data)
var html = [];
for (var i = 0; i < data.rankList.length; i++) {
var list=data.rankList[i]
if(list.uid==sessionStorage.roomId)html += '<a href="javascript:;"><li>';
else html += '<a target="_blank" href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.uid+'"><li>';
html += '<div class="hot-list-li-box1">' + (i + 1) + '</div>';
html += '<div class="hot-list-li-box2">';
if (i < 3) html += '<img class="rich-list-king" src="images/r' + (i + 1) + '.png" alt="">';
html += '<img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm' + list.face + '?x-oss-process=image/resize,w_44" alt="">';
html += '<p class="hot-list-p1">' + list.nickname + '</p>';
html += '<p class="hot-list-p2">' + list.score + '</p>';
html += '</div>';
html += '</li></a>';
}
$(".hot-list-ul2").html(html)
$(".rich-list-face").on("error",function(){
$(this).attr("src","images/face.png")
})
}
})
}
function backPack(){
$.ajax({
url:$ip+'gift/getBackpack',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID: localStorage.canvasCode,
roomid:sessionStorage.roomId,
},
success:function(data){
//console.log('背包查询',data)
dataObj=data
var html=[];
if(data.data.length==0){
html+='<div class="no-back-box"><img src="images/no-back.png"><p>'+langList[sessionStorage.lang].room43+'</p></div>'
$(".big-gift-content-ul").html(html);
}else{
for(var i=0;i<data.data.length;i++){
var list=data.data[i]
html+='<li data-type="'+i+'" data-type3="'+list.total+'" data-type2="'+list.gid+'">';
if(list.subimg!=undefined)html+='<img class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_18">'
html+='<div class="big-gift-li-top"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_62" alt=""></div>';
html+='<p class="big-gift-li-p1">'+list.name+'</p>';
html+='<p class="big-gift-li-p2">x <span class="big-gift-total">'+list.total+'</span></p>';
html+='</li>';
}
$(".big-gift-content-ul").html(html);
}
$(".big-gift-content-ul li").unbind("click").on("click",function(){
$(".big-gift-li-top").removeClass("big-gift-li-top-click")
var _self=$(this)
_self.children(".big-gift-li-top").addClass("big-gift-li-top-click")
giftGid=_self.attr("data-type2");
if(data.data[_self.attr("data-type")].batchs.length!=0){
$(".gift-num-box").show()
$(".gift-num-exc span").text("1")
var html=[];
//console.log(data.data[_self.attr("data-type")].batchs.length)
for(var i=0;i<data.data[_self.attr("data-type")].batchs.length;i++){
html+='<li>'+data.data[_self.attr("data-type")].batchs[i]+'</li>';
}
$(".gift-num-list").html(html);
$(".gift-num-list li").unbind("click").on("click",function(){
var _self=$(this)
$(".gift-num-list").fadeOut(350)
$(".gift-num-exc span").text(_self.text())
})
}else{
$(".gift-num-box").hide()
$(".gift-num-exc span").text("1")
}
})
$(".gift-send-btn").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle3)
loginLayer()
return;
}
backGiftSend(giftGid,$(".gift-num-exc span").text())
})
$(".gift-num-exc").unbind("click").on("click",function(){
$(".gift-num-list").fadeIn(350)
})
$(".big-gift-content-ul li .big-gift-li-top").on("mouseover",function(){
if(mouseOk==false)return;
mouseOk=false
var _self=$(this);
var html=[];
var list=dataObj.data[_self.parent().attr("data-type")]
if(list.currency==3){
var imgIcon='images/diamond.png'
}
if(list.currency==5){
var imgIcon='images/dew.png'
}
html+='<div class="left-gift-more">';
html+='<div class="gift-more-icon"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52"></div>';
html+='<p class="gift-more-p1">'+list.name+'</p>';
// html+='<p class="gift-more-p2"><img src="'+imgIcon+'">'+list.price+'</p>';
html+='<p class="gift-more-p-back-tips">'+list.remark+'</p>'
html+='<p style="top:55px" class="gift-more-p3">'+list.giftdesc+'</p>';
html+='<div class="left-gift-jiao"></div>';
$(".left-big-gift-more2").html(html);
$(".left-big-gift-more2").show()
$(".left-big-gift-more2").css("top",_self.offset().top-120+"px").css("left",_self.offset().left-85+"px")
})
$(".big-gift-content-ul li .big-gift-li-top").on("mouseout",function(){
mouseOk=true
$(".left-big-gift-more2").hide()
})
}
})
}
function giftList(e) {
$.ajax({
url: $ip + 'gift/getGiftResInfo',
data: {
uid:localStorage.uid,
token:localStorage.token,
pass: true,
pageID: localStorage.canvasCode,
},
success: function (data) {
//console.log('禮物面板', data)
dataObj=data
giftMd5=data.md5;
var html=[];
for(var i=0;i<8;i++){
if(data.data[i]==undefined)break;
var list=data.data[i];
html+='<li >';
if(list.subimg!=undefined)html+='<img class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_18">'
html+='<div class="left-big-gift-more">';
html+='<div class="left-gift-more">';
html+='<div class="gift-more-icon"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52"></div>';
html+='<p class="gift-more-p1">'+list.name+'</p>';
html+='<p class="gift-more-p2"><img src="images/diamond.png">'+list.price+'</p>';
html+='<p class="gift-more-p3">'+list.giftdesc+'</p>';
html+='<div class="left-gift-jiao"></div>';
html+='</div>';
html+='</div>';
html+='<img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52" alt="">';
html+='<div data-type="'+list.gid+'" class="left-gift-send">赠送</div>';
html+='</li>';
}
$(".left-gift-ul").html(html);
var tGift = null
$(".left-gift-ul li").on("mouseover", function () {
var _self=$(this)
_self.children(".left-big-gift-more").show()
})
$(".left-gift-ul li").on("mouseout", function () {
$(".left-big-gift-more").hide()
})
$(".left-gift-ul li").unbind("click").on("click",function(){
$(".left-gift-ul li").removeClass("left-gift-li-click")
var _self=$(this);
_self.addClass("left-gift-li-click")
})
$(".left-gift-send").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle3)
loginLayer()
return;
}
var _self=$(this);
if(localStorage.token!=undefined&&localStorage.token!='undefined'){
giftSend(_self.attr("data-type"))
}else{
}
})
//更多打賞
var html=[];
for(var i=0;i<data.data.length;i++){
var list=data.data[i];
if(e==1&&list.category!=0)continue
if(e==2&&list.category!=1004)continue
if(e==3&&list.category!=1)continue
// var
if(list.currency!=3&&list.currency!=5){
continue;
}
if(list.currency==3){
var imgIcon='images/diamond.png'
}
if(list.currency==5){
var imgIcon='images/dew.png'
}
html+='<li data-type="'+i+'" data-type2="'+list.gid+'">';
// if(i==0){
// html+='<div style="display:block" class="left-big-gift-more">';
// html+='<div class="left-gift-more">';
// html+='<div class="gift-more-icon"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52"></div>';
// html+='<p class="gift-more-p1">'+list.name+'</p>';
// html+='<p class="gift-more-p2"><img src="images/diamond.png">'+list.price+'</p>';
// html+='<p class="gift-more-p3">'+list.giftdesc+'</p>';
// html+='<div class="left-gift-jiao"></div>';
// html+='</div>';
// html+='</div>';
// }
if(list.subimg!=undefined)html+='<img class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_18">'
html+='<div class="big-gift-li-top"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_62" alt=""></div>';
html+='<p class="big-gift-li-p1">'+list.name+'</p>';
html+='<p class="big-gift-li-p2"><img src="'+imgIcon+'" alt=""> '+list.price+'</p>';
html+='</li>';
}
$(".big-gift-content-ul").html(html);
$(".big-gift-content-ul li").unbind("click").on("click",function(){
$(".big-gift-li-top").removeClass("big-gift-li-top-click")
var _self=$(this)
_self.children(".big-gift-li-top").addClass("big-gift-li-top-click")
giftGid=_self.attr("data-type2");
if(data.data[_self.attr("data-type")].batchs.length!=0){
$(".gift-num-box").show()
$(".gift-num-exc span").text("1")
var html=[];
for(var i=0;i<data.data[_self.attr("data-type")].batchs.length;i++){
html+='<li>'+data.data[_self.attr("data-type")].batchs[i]+'</li>';
}
$(".gift-num-list").html(html);
$(".gift-num-list li").unbind("click").on("click",function(){
var _self=$(this)
$(".gift-num-list").fadeOut(350)
$(".gift-num-exc span").text(_self.text())
})
}else{
$(".gift-num-box").hide()
$(".gift-num-exc span").text("1")
}
})
$(".gift-send-btn").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle3)
loginLayer()
return;
}
giftSend(giftGid,$(".gift-num-exc span").text())
})
$(".gift-num-exc").unbind("click").on("click",function(){
$(".gift-num-list").fadeIn(350)
})
$(".big-gift-content-ul li .big-gift-li-top").on("mouseover",function(){
if(mouseOk==false)return;
mouseOk=false
var _self=$(this);
var html=[];
var list=dataObj.data[_self.parent().attr("data-type")]
if(list.currency==3){
var imgIcon='images/diamond.png'
}
if(list.currency==5){
var imgIcon='images/dew.png'
}
html+='<div class="left-gift-more">';
html+='<div class="gift-more-icon"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52"></div>';
html+='<p class="gift-more-p1">'+list.name+'</p>';
html+='<p class="gift-more-p2"><img src="'+imgIcon+'">'+list.price+'</p>';
if(list.giftdesc!=undefined)html+='<p class="gift-more-p3">'+list.giftdesc+'</p>';
html+='<div class="left-gift-jiao"></div>';
$(".left-big-gift-more2").html(html);
$(".left-big-gift-more2").show()
$(".left-big-gift-more2").css("top",_self.offset().top-120+"px").css("left",_self.offset().left-85+"px")
})
$(".big-gift-content-ul li .big-gift-li-top").on("mouseout",function(){
mouseOk=true
$(".left-big-gift-more2").hide()
})
}
})
}
function backGiftSend(e,giftNum){
$.ajax({
url:$ip+'gift/doBackPackGiftSend',
data:{
uid:localStorage.uid,
token:localStorage.token,
fid:sessionStorage.roomId,
md5:giftMd5,
gift:e,
pass: true,
num:giftNum,
pageID: localStorage.canvasCode,
lang:sessionStorage.lang,
},
type:"post",
success:function(data){
//console.log("贈送禮物",data)
if(data.code!=1){
layer.msg(data.msg);
return
}
var remainNum=$(".big-gift-li-top-click").siblings(".big-gift-li-p2").children(".big-gift-total").text()-giftNum
//console.log(remainNum)
$(".big-gift-li-top-click").siblings(".big-gift-li-p2").children(".big-gift-total").text(remainNum)
if(remainNum==0){
$(".big-gift-li-top-click").parent().remove()
}
}
})
}
function giftSend(e,giftNum){
$.ajax({
url:$ip+'gift/doGiftSend',
data:{
uid:localStorage.uid,
token:localStorage.token,
fid:sessionStorage.roomId,
md5:giftMd5,
gift:e,
pass: true,
num:giftNum,
pageID: localStorage.canvasCode,
},
type:"post",
success:function(data){
//console.log("贈送禮物",data)
if(data.code==-201){
layer.msg(langList[sessionStorage.lang].msg5)
setTimeout(function(){
window.location.reload()
},1000)
return
}
if(data.code==-100){
layer.msg(data.msg)
setTimeout(function() {
window.open("../reg/index.html")
}, 500);
return
}
if(data.code!=1){
layer.msg(data.msg);
return
}
myDiamond()
}
})
}
function flvPlay(e) {
var player = document.getElementById('videoElement');
var mutedOk=true;
if (flvjs.isSupported()) {
flvPlayer = flvjs.createPlayer({
type: 'flv',
isLive:true,
// enableWorker:true,
// hasAudio:true,
// hasVideo:true,
url: e,
enableWorker: false, //不启用分离线程
enableStashBuffer: false, //关闭IO隐藏缓冲区
reuseRedirectedURL: true, //重用301/302重定向url，用于随后的请求，如查找、重新连接等。
autoCleanupSourceBuffer: true //自动清除缓存
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load(); //加载
$("body").on("click",function(){
if(mutedOk==false)return;
mutedOk=false
$("#videoElement").prop('muted', false)
flvPlayer.play()
})
}
player.addEventListener("click", mouseHandler, false);
player.addEventListener("keydown", mouseHandler2, false);
function mouseHandler(event) {
// 阻止视频默认点击事件
event.preventDefault()
}
function mouseHandler2(event) {
event.preventDefault()
setTimeout(function(){
flvPlayer.play()
}, 300);
}
}
function flvPlayVideo(e) {
var player = document.getElementById('videoElement2');
var mutedOk=true;
if (flvjs.isSupported()) {
flvPlayer2 = flvjs.createPlayer({
type: 'flv',
isLive:true,
// enableWorker:true,
// hasAudio:true,
// hasVideo:true,
url: e,
enableWorker: false, //不启用分离线程
enableStashBuffer: false, //关闭IO隐藏缓冲区
reuseRedirectedURL: true, //重用301/302重定向url，用于随后的请求，如查找、重新连接等。
autoCleanupSourceBuffer: true //自动清除缓存
});
flvPlayer2.attachMediaElement(videoElement2);
flvPlayer2.load(); //加载
flvPlayer2.play()
}
}
function myDiamond(){
$.ajax({
url:$ip+'gift/getUserDiamondNum',
data:{
uid:localStorage.uid,
token:localStorage.token,
pass: true,
pageID: localStorage.canvasCode
},
success:function(data){
//console.log('剩余寶石数',data)
$(".big-gift-diamond span").text(data.diamond_num)
$(".big-gift-dew span").text(data.chip_num)
}
})
}
function online(){
$.ajax({
url:$ip+'room/queryOnlineUser',
data:{
roomId:sessionStorage.roomId,
pageSize:30,
pageNum:1,
pass: true,
pageID: localStorage.canvasCode
},
success:function(data){
// console.log('用戶在線列表',data);
$(".online-num").text(data.count)
var richLv=0
var html=[];
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
if(list.face=='/user/boy.png')var faceImg='https://www.footseen.xyz/images/boy.png';
else var faceImg='https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_50';
html+='<li>';
if(list.richLevel>=0&&list.richLevel<11){
richLv=1
}
else if(list.richLevel>=11&&list.richLevel<21){
richLv=2
}
else if(list.richLevel>=21&&list.richLevel<31){
richLv=3
}
else if(list.richLevel>=31&&list.richLevel<41){
richLv=4
}
else if(list.richLevel>=41&&list.richLevel<46){
richLv=5
}
else if(list.richLevel>=46&&list.richLevel<51){
richLv=6
}
else if(list.richLevel==51){
richLv=7
}
else if(list.richLevel==52){
richLv=8
}
if(richLv>1&&list.isVip==1){
html+='<div class="vip-frame vip-frame'+(richLv-1)+'"><span>'+list.richLevel+'</span></div>'
}
// html+='<>'
html+='<div class="online-li-content">';
if(list.richLevel!=0&&list.isVip==1)html+='<img class="vip-num" src="https://app.ixiulive.com/static/vip/'+list.richLevel+'.png">'
html+='<img class="onlie-face name-span" data-type='+list.uid+' src="'+faceImg+'" alt="">';
html+='<span class="name-span" data-type='+list.uid+'>'+list.nickName+'</span>';
if(list.medals[0]!=undefined)html+='<img class="medals-img" src="https://zhibocdn.yabolive.net/comm'+list.medals[0]+'?x-oss-process=image/resize,w_50">'
if(list.isTollRoomPay==true)html+='<img class="online-img" src="images/card.png">'
html+='</div>';
html+='</li>';
}
$(".online-list-ul").html(html);
$(".onlie-face").one("error", function(){
$(this).attr("src", "images/face.png");
});
$(".name-span").unbind("click").on("click",function(){
var _self=$(this)
cardUp( _self.attr("data-type"))
})
}
})
}
function newGift(){
$.ajax({
url:$ip+'gift/getGiftGuidelineInfo',
data:{
pageID: localStorage.canvasCode,
},
success:function(data){
// console.log('獲取引導禮物',data)
$(".layer-gift-box1 img").attr("src","https://zhibocdn.yabolive.net/comm"+data.giftInfo.giftIcon+"?x-oss-process=image/resize,w_100")
}
})
}
function cardUp(e){
if(e<0){
layer.msg(langList[sessionStorage.lang].msg6)
return
}
$.ajax({
url:$ip+'zone/userInfo/dataCard',
data:{
fid:e,
lang:sessionStorage.lang,
pageID: localStorage.canvasCode,
uid:localStorage.uid,
token:localStorage.token
},
success:function(data){
// console.log('用户资料卡',data)
var html=[];
//头像
if(data.zoneInfo.face=='/user/boy.png')var faceImg='https://www.footseen.xyz/images/boy.png';
else var faceImg='https://zhibocdn.yabolive.net/comm'+data.zoneInfo.face+'?x-oss-process=image/resize,w_50';
//年龄
if(data.zoneInfo.age!=0)var myAge=data.zoneInfo.age;
else var myAge=''+langList[sessionStorage.lang].jsTxt1+''
html+='<img class="layer-space-face" src="'+faceImg+'" alt="">';
html+='<div class="layer-space">';
// html+='<img class="space-close" src="images/close.png" alt="">';
html+='<p class="layer-space-p1">'+data.zoneInfo.nickname+'</p>';
html+='<p class="layer-space-p2">Footseen ID:'+data.zoneInfo.uid+'</p>';
html+='<div class="layer-space-icon">';
if(data.zoneInfo.level!=0&&data.zoneInfo.privilege.vip==true)html+='<img class="space-vip" src="https://app.ixiulive.com/static/vip/'+data.zoneInfo.level+'.png" alt="">';
if(data.zoneInfo.sex==1)html+='<span class="space-sex-box"><img src="images/sex1.png" alt="">'+myAge+'</span>';
else html+='<span class="space-sex-box"><img src="images/sex2.png" alt="">'+myAge+'</span>';
for(var i=0;i<data.zoneData.medals.length;i++){
html+='<img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm'+data.zoneData.medals[i]+'?x-oss-process=image/resize,w_30">';
}
html+='</div>';
html+='<div class="layer-space-tag">';
html+='<span>'+data.zoneInfo.constellation+'</span>';
html+='<span>'+data.zoneInfo.culture+'</span>';
html+='<span>'+data.zoneInfo.work+'</span>';
html+='</div>';
html+='<div class="space-text">'+data.zoneInfo.sign.replace("Firefly Live","Footseen")+'</div>';
html+='<ul class="space-num-ul">';
html+='<li class="space-num-li1">';
html+='<p>'+data.zoneData.myfollow+'</p>';
html+='<p>'+langList[sessionStorage.lang].jsTxt2+'</p>';
html+='</li>';
html+='<li class="space-num-li2">';
html+='<p>'+data.zoneData.followme+'</p>';
html+='<p>'+langList[sessionStorage.lang].room47+'</p>';
html+='</li>';
html+='<li class="space-num-li3">';
html+='<p><img src="images/diamond.png"> '+data.zoneData.rich+'</p>';
html+='<p>'+langList[sessionStorage.lang].jsTxt16+'</p>';
html+='</li>';
html+='<li class="space-num-li4">';
html+='<p><img src="images/rich-icon.png">'+data.zoneData.charm+'</p>';
html+='<p>'+langList[sessionStorage.lang].room48+'</p>';
html+='</li>';
html+='</ul>';
html+='<div class="space-bottom-box">';
html+='<ul class="space-bottom-ul">';
if(data.zoneData.isfollow==0)html+='<li data-type="'+data.zoneInfo.uid+'" class="space-btn1">'+langList[sessionStorage.lang].jsTxt2+'</li>';
else html+='<li class="space-btn1">'+langList[sessionStorage.lang].jsTxt3+'</li>';
html+='<li data-type="'+data.zoneInfo.nickname+'" class="space-btn2">@'+langList[sessionStorage.lang].room50+'</li>';
html+='<a target="_blank" href="https://www.footseen.xyz/space/index.html?fid='+data.zoneInfo.uid+'&lang='+sessionStorage.lang+'"><li class="space-btn3">'+langList[sessionStorage.lang].room49+'</li></a>';
html+='</ul>';
html+='</div>';
html+='</div>';
var richLv=0
if(data.zoneInfo.privilege.vip==true){
if(data.zoneInfo.level>=0&&data.zoneInfo.level<11){
richLv=1
}
else if(data.zoneInfo.level>=11&&data.zoneInfo.level<21){
richLv=2
}
else if(data.zoneInfo.level>=21&&data.zoneInfo.level<31){
richLv=3
}
else if(data.zoneInfo.level>=31&&data.zoneInfo.level<41){
richLv=4
}
else if(data.zoneInfo.level>=41&&data.zoneInfo.level<46){
richLv=5
}
else if(data.zoneInfo.level>=46&&data.zoneInfo.level<51){
richLv=6
}
else if(data.zoneInfo.level==51){
richLv=7
}
else if(data.zoneInfo.level==52){
richLv=8
}
if(richLv>1){
html+='<img class="level-bg" src="images/l'+richLv+'.png">'
html+='<div class="vip-frame vip-frame'+(richLv-1)+'"><span>'+data.zoneInfo.level+'</span></div>'
}
}
$(".layer-space-box").html(html);
$(".layer-space-face").unbind("error").on("error",function(){
$(".layer-space-face").attr("src","images/boy.png")
})
if(richLv>1)$(".layer-space").css("background","#fff")
else{
$(".layer-space").css("background","url(../images/layer-space.png) no-repeat;")
$(".layer-space").css("background-size","100% 100%")
}
$(".space-close").unbind("click").on("click",function(){
layer.closeAll()
})
if(data.zoneData.isfollow==0){
if(localStorage.uid==$(".space-btn1").attr("data-type")){
$(".space-btn1").css("color","#aaa")
$(".space-btn2").css("color","#aaa")
return;
}
$(".space-btn1").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){ loginLayer()},300)
return
}
var _self=$(this)
$.ajax({
url:$ip+'room/likeOpt',
data:{
roomId:_self.attr("data-type"),
optType:1,
uid:localStorage.uid,
token:localStorage.token,
pageID: localStorage.canvasCode,
},
success:function(data){
//console.log('關注',data)
if(data.code==1){
_self.text("已追蹤")
_self.unbind("click")
layer.msg(langList)
}else{
layer.msg(data.msg)
}
}
})
})
}
$(".space-btn2").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){ loginLayer()},300)
return
}
var _self=$(this)
$(".live-send-input").focus()
$(".live-send-input").val('@'+_self.attr("data-type")+';')
layer.closeAll()
})
}
})
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["400px", "430px"],
content: $(".layer-space-box"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}
function liveList(e){
$.ajax({
url:$ip+'frontPage/queryLiveUsers/v2',
data:{
pageNum:e,
pageSize:100,
//,
pageID:localStorage.canvasCode
},
success:function(data){
//console.log('直播列表',data)
if(data.code==-5008){
setTimeout(function() {
liveList(e)
}, 500);
return;
}
var html=[];
for(var i=0;i<data.normalRoomList.length;i++){
var list=data.normalRoomList[i]
if(list.roomId==sessionStorage.roomId)continue;
html+='<a title='+keyEArr[Math.floor(Math.random()*200)]+' href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.roomId+'"><li data-type="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_268" style="background:#E5E5E5;background-size: cover;">';
if(list.liveScope==3&&list.selfLock==1)html+='<img class="lock" src="../images/Lock-no.png?v=2022102001">';
else if(list.liveScope==3&&list.selfLock==0)html+='<img class="lock" src="../images/Lock-no.png?v=2022102001">';
html+='<img class="move-live-online" src="images/live.png" alt="直播中">';
html+='<img class="more-live-poster" src="images/face.png" alt="'+list.introduce+'">'
html+='<div class="more-live-name">'+list.nickname+'</div>';
html+='<div class="more-live-li-shadow"></div>';
html+='<div class="live-top-shadow2"></div>'
html+='</li></a>';
}
$(".more-live-ul").html(html);
}
})
}
function zoneList(){
$.ajax({
url:$ip+'zone/dynamic/album/getList',
data:{
zoneId:sessionStorage.roomId,
pageNum:1,
pageSize:99,
pageID:localStorage.canvasCode
},
success:function(data){
dataArr=data
//console.log('获取相册列表',data)
var html=[];
if(data.dataList.length==0){
html+="<div class='images-no-box'><img src='images/no-icon.png'><p>"+langList[sessionStorage.lang].jsTxt4+"</p></div>"
}
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var content=JSON.parse(list.content)
if(list.type==3){
html+='<li data-type2='+i+' data-type='+list.topicId+' style="background: url(https://zhibocdn.yabolive.net/comm'+content.videos[0].cover+'?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">';
html+='<div class="mc-images-li-bottom">';
html+='<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">'+list.comment+'</span>';
html+='<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">'+list.up+'</span>';
html+='<span class="mc-images-li-span3">'+add0(Math.ceil(content.videos[0].duration/60000))+':'+add0(Math.ceil(content.videos[0].duration%60000/1000))+'</span>';
html+='</div>';
html+='<div class="mc-images-li-shadow"></div>';
html+='</li>';
}else{
html+='<li data-type2='+i+' data-type='+list.topicId+' style="background: url(https://zhibocdn.yabolive.net/comm'+content.images[0].url+'?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">';
html+='<div class="mc-images-li-bottom">';
html+='<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">'+list.comment+'</span>';
if(list.selfUp==1) html+='<span class="mc-images-li-span2"><img src="images/images-icon2-click.png" alt="">'+list.up+'</span>';
else html+='<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">'+list.up+'</span>';
html+='</div>';
html+='<div class="mc-images-li-shadow"></div>';
html+='</li>';
}
}
$(".mc-images-ul").html(html);
$(".mc-images-ul li").unbind("click").on("click",function(){
var _self=$(this);
pid=_self.attr("data-type")
photo(pid,_self.attr("data-type2"))
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["1300px", "900px"],
content: $(".layer-photo"),
end: function () {
$(".layui-layer-shade").hide()
$(".layer-photo-content-left video").remove()
layer.closeAll()
}
})
// $(".photo-arrow-left").unbind("click").on("click",function(){
// var photoNum= _self.attr("data-type2")
// if(photoNum!=0){
// //console.log(dataArr.dataList[photoNum-1].topicId)
// }
// // photo(_self.attr("data-type"))
// })
// $(".photo-arrow-right").unbind("click").on("click",function(){
// // photo(_self.attr("data-type"))
// })
})
}
})
}
function photo(e,num){
$.ajax({
url:$ip+'frontPage/queryTopicInfo',
async:false,
data:{
topicId:e,
pageID:localStorage.canvasCode,
uid:localStorage.uid,
token:localStorage.token,
},
success:function(data){
//console.log('查看帖子详情',data)
var list=data.topic
var myTopicId=list.topicId
var imagesList=JSON.parse(list.content);
if(list.type==2){
//console.log(imagesList)
var html=[];
if(imagesList.images.length>1){
var ulWidth=126*imagesList.images.length
var ulLeft=63*imagesList.images.length
html+='<ul style="width:'+ulWidth+'px;margin-left:'+-ulLeft+'px" class="photo-content-left-ul">';
for(var i=0;i<imagesList.images.length;i++){
if(i==0) html+='<li data-type='+imagesList.images[i].url+' class="photo-li-click" style="background:url(https://zhibocdn.yabolive.net/comm'+imagesList.images[i].url+'?x-oss-process=image/resize,w_105);background-size:cover"></li>';
else html+='<li data-type='+imagesList.images[i].url+' style="background:url(https://zhibocdn.yabolive.net/comm'+imagesList.images[i].url+'?x-oss-process=image/resize,w_105);background-size:cover"></li>';
}
html+='</ul>';
}
if(imagesList.images[0].high>900){
if(imagesList.images[0].high>imagesList.images[0].wide)html+='<img style="height:900px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
else html+='<img style="width:775px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
}
else if(imagesList.images[0].wide>775)html+='<img style="width:775px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
else html+='<img style="height:'+imagesList.images[0].high+'px;width:'+imagesList.images[0].wide+'px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
$(".layer-photo-content-left").html(html);
if(imagesList.images.length>1){
$(".photo-content-left-ul li").unbind("click").on("click",function(){
var _self=$(this);
$(".photo-content-left-ul li").removeClass("photo-li-click")
_self.addClass("photo-li-click")
$(".photo-content-left-img").attr("src","https://zhibocdn.yabolive.net/comm"+_self.attr("data-type")+"?x-oss-process=image/resize,w_775")
})
}
}else if(list.type==3){
var html=[];
if(imagesList.videos[0].wide>imagesList.videos[0].high) html+='<video style="width:775px;max-height: 900px" controls src="https://zhibocdn.yabolive.net/comm'+imagesList.videos[0].url.replace(".flv",".mp4")+'">';
else html+='<video id="videoElement2" style="height: 900px;max-width: 775px;" controls src="">';
$(".layer-photo-content-left").html(html);
flvPlayVideo('https://zhibocdn.yabolive.net/comm'+imagesList.videos[0].url)
}
var html=[];
html+='<img class="photo-content-top-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_50" alt="">';
html+='<div class="photo-content-name">'+list.nickname+'';
if(list.isLikeRoom==0)html+='<span data-type="'+list.uid+'" class="photo-name-like">+'+langList[sessionStorage.lang].jsTxt2+'</span>';
html+='</div>';
$(".photo-content-top").html(html);
var html=[];
// html+='<p class="photo-time-p">'+timeGet(list.updateTime)[0]+''+langList[sessionStorage.lang].jsTxt5+' '+timeGet(list.updateTime)[1]+''+langList[sessionStorage.lang].jsTxt6+''+timeGet(list.updateTime)[2]+''+langList[sessionStorage.lang].jsTxt7+'</p>';
html+='<p class="photo-time-p">'+timeGet(list.updateTime)[0]+'-'+timeGet(list.updateTime)[1]+'-'+timeGet(list.updateTime)[2]+'</p>';
html+='<div class="photo-content-speak">'+imagesList.title+'</div>';
html+='<div class="photo-content-like">';
html+='<span><img src="images/icon1.png" alt="">'+list.comment+'</span>';
if(list.selfUp==1)html+='<span><img data-type="1" class="up-click" src="images/icon2-click.png" alt=""><span>'+list.up+'</span></span>';
else html+='<span><img data-type="0" class="up-click" src="images/icon2.png" alt=""><span>'+list.up+'</span></span>';
html+='</div>';
$(".photo-content-center").html(html);
// setTimeout(function(){
// //console.log($(".photo-content-center").height())
// },50)
$(".photo-name-like").unbind("click").on("click",function(){
var _self=$(this)
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function() {
loginLayer()
}, 200);
}
$.ajax({
url:$ip+'room/likeOpt',
data:{
roomId:_self.attr("data-type"),
optType:1,
uid:localStorage.uid,
token:localStorage.token,
pageID: localStorage.canvasCode,
},
success:function(data){
//console.log('關注',data)
if(data.code==1){
$(".photo-name-like").hide()
$(".like-btn").hide()
layer.msg(langRoom[sessionStorage.lang].msg3)
}else{
layer.msg(data.msg)
}
}
})
})
$(".up-click").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){
$(".login-box1 .login-title").text(langList[sessionStorage.lang].loginTitle4)
loginLayer()
},300)
return;
}
if(data.selfUp==1){
return;
}
var _self=$(this)
$.ajax({
url:$ip+'dynamic/topic/up',
data:{
token:localStorage.token,
uid:localStorage.uid,
topicId:myTopicId,
cancel:_self.attr("data-type"),
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('動態點讚',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
if(_self.attr("data-type")==0){
$(".up-click").attr("data-type",'1');
$(".up-click").attr("src","images/icon2-click.png")
$(".up-click").siblings("span").text((Number($(".up-click").siblings("span").text())+1))
}
else if(_self.attr("data-type")==1){
$(".up-click").attr("data-type",'0');
$(".up-click").attr("src","images/icon2.png")
$(".up-click").siblings("span").text((Number($(".up-click").siblings("span").text())-1))
}
}
})
})
$(".photo-arrow-left").attr("data-type",""+(num-1)+"")
$(".photo-arrow-right").attr("data-type",""+(Number(num)+1)+"")
$(".photo-arrow-left").unbind("click").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")>-1){
var nextNum=_self.attr("data-type")
pid=dataArr.dataList[nextNum].topicId
photo(pid,nextNum)
}
})
$(".photo-arrow-right").unbind("click").on("click",function(){
var _self=$(this)
if(dataArr.dataList[_self.attr("data-type")]!=undefined){
var nextNum=Number(_self.attr("data-type"))
pid=dataArr.dataList[nextNum].topicId
photo(pid,nextNum)
}
})
$(".photo-msg-btn").unbind("click").on("click",function(){
if(localStorage.token==undefined){
layer.closeAll()
setTimeout(function(){
loginLayer()
}, 300);
return;
}
if($(".photo-content-input").val()==''||$(".photo-content-input").val().split(" ").join("").length == 0){
layer.msg(langList[sessionStorage.lang].msg8)
return;
}
if(comment1!=0&&comment2!=0){
commentSend(myTopicId,$(".photo-content-input").val(),comment1,comment2)
}else if(comment1!=0&&comment2==0){
commentSend(myTopicId,$(".photo-content-input").val(),comment1)
}else if(comment1==0&&comment2==0){
commentSend(myTopicId,$(".photo-content-input").val())
}
})
$(".good-btn").unbind("click").on("click",function(){
if(data.selfUp==1){
return;
}
var _self=$(this)
$.ajax({
url:$ip+'dynamic/topic/up',
data:{
token:localStorage.token,
uid:localStorage.uid,
topicId:myTopicId,
cancel:_self.attr("data-type"),
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('動態點讚',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
if(_self.attr("data-type")==0){
$(".good-btn").attr("data-type",'1');
$(".good-btn").attr("src","images/icon2-click.png")
$(".good-box span").text((Number($(".good-box span").text())+1))
}
else if(_self.attr("data-type")==1){
$(".good-btn").attr("data-type",'0');
$(".good-btn").attr("src","images/icon2.png")
$(".good-box span").text((Number($(".good-box span").text())-1))
}
}
})
})
}
})
commentList(e)
}
function commentList(e){
$.ajax({
url:$ip+'dynamic/comment/list',
data:{
topicId:e,
pageNum:1,
pageSize:99,
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('查看评论列表',data)
$(".photo-content-input").val("")
$(".photo-content-input").attr("placeholder",""+langList[sessionStorage.lang].msg8+"")
setTimeout(function() {
comment1=0
comment2=0
var rightHeight=900-$(".photo-content-center").height()-80-75
$(".photo-content-right-ul").height(rightHeight)
if(data.commentResult.length==0){
$(".photo-content-right-ul").html('');
return;
}
var html=[];
for(var i=0;i<data.commentResult.length;i++){
var list=data.commentResult[i]
if(data.systemDate-list.updateTime<86400000){
var outTime=Math.ceil((data.systemDate-list.updateTime)/3600000)+''+langList[sessionStorage.lang].jsTxt9+''
}else{
var outTime=timeGet(list.updateTime)[0]+''+langList[sessionStorage.lang].jsTxt5+''+timeGet(list.updateTime)[1]+''+langList[sessionStorage.lang].jsTxt6+''+timeGet(list.updateTime)[2]+''+langList[sessionStorage.lang].jsTxt7+' '+timeGet(list.updateTime)[2]+':'+timeGet(list.updateTime)[3]
}
html+='<li>';
html+='<img class="photo-message-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_50" alt="">';
html+='<p class="photo-message-name">'+list.nickname+'</p>';
if(JSON.parse(list.content).images!=undefined){
html+='<p class="photo-message-content">'+JSON.parse(list.content).text+'<br><img class="small-img" src="https://zhibocdn.yabolive.net/comm'+JSON.parse(list.content).images[0].url+'?x-oss-process=image/resize,w_300"></p>';
}
else html+='<p class="photo-message-content">'+JSON.parse(list.content).text+'</p>';
html+='<p class="photo-message-time">'+list.remark+' <span data-type='+list.commentId+' class="Reply-btn">'+langList[sessionStorage.lang].jsTxt8+'</span></p>';
if(list.replyResult.length!=0){
html+='<div class="photo-more-message">';
for(var j=0;j<list.replyResult.length;j++){
if(data.systemDate-list.replyResult[j].updateTime<86400000){
var outTime2=Math.ceil((data.systemDate-list.replyResult[j].updateTime)/3600000)+''+langList[sessionStorage.lang].jsTxt9+''
}else{
var outTime2=timeGet(list.replyResult[j].updateTime)[0]+''+langList[sessionStorage.lang].jsTxt5+''+timeGet(list.replyResult[j].updateTime)[1]+''+langList[sessionStorage.lang].jsTxt6+''+timeGet(list.replyResult[j].updateTime)[2]+''+langList[sessionStorage.lang].jsTxt7+' '+timeGet(list.replyResult[j].updateTime)[2]+':'+timeGet(list.replyResult[j].updateTime)[3]
}
html+='<div class="more-message-box">';
html+='<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm'+list.replyResult[j].face.split('?')[0]+'?x-oss-process=image/resize,w_50" alt="">';
if(list.replyResult[j].toNickname!=undefined)html+='<p class="more-message-content"><span>'+list.replyResult[j].nickname+'</span>'+langList[sessionStorage.lang].jsTxt8+''+list.replyResult[j].toNickname+':'+JSON.parse(list.replyResult[j].content).text+'</p>';
else html+='<p class="more-message-content"><span>'+list.replyResult[j].nickname+':</span> '+JSON.parse(list.replyResult[j].content).text+'</p>';
//插入图片
if(JSON.parse(list.replyResult[j].content).images!=undefined){
html+='<p style="width:250px" class="photo-message-content">'+JSON.parse(list.replyResult[j].content).text+'<br><img class="small-img" src="https://zhibocdn.yabolive.net/comm'+JSON.parse(list.replyResult[j].content).images[0].url+'?x-oss-process=image/resize,w_300"></p>'
}
html+='<p class="more-message-time">'+list.replyResult[j].remark+' <span data-type='+list.commentId+' data-type2='+list.replyResult[j].commentId+' class="Reply-btn2">'+langList[sessionStorage.lang].jsTxt8+'</span></p>';
html+='</div>';
}
if(list.reply>2){
if(sessionStorage.lang==1)var replyTxt='A total of '+list.reply+' replies'
else if(sessionStorage.lang==2)var replyTxt='共'+list.reply+'條回復'
html+='<p class="more-replay">'+replyTxt+' <span data-type2="'+e+'" data-type='+list.commentId+' class="comment-more">'+langList[sessionStorage.lang].jsTxt10+'</span></p>'
}
html+='</div>';
}
html+='</li>';
}
$(".photo-content-right-ul").html(html);
$(".small-img").unbind("click").on("click",function(){
var _self=$(this)
if(_self.hasClass("big-img")){
_self.removeClass("big-img")
}else{
_self.addClass("big-img")
}
})
$(".Reply-btn").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){
loginLayer()
}, 300);
return;
}
var _self=$(this);
comment1=_self.attr("data-type")
$(".photo-content-input").attr("placeholder",''+langList[sessionStorage.lang].jsTxt8+''+_self.parent().siblings(".photo-message-name").text()+':')
$(".photo-content-input").val('')
$('.photo-content-input').focus()
})
$(".Reply-btn2").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){
loginLayer()
}, 300);
return;
}
var _self=$(this);
comment1=_self.attr("data-type")
comment2=_self.attr("data-type2")
$(".photo-content-input").attr("placeholder",''+langList[sessionStorage.lang].jsTxt8+''+_self.parent().siblings(".more-message-content").children("span").text()+':')
$(".photo-content-input").val('')
$('.photo-content-input').focus()
})
$(".comment-more").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
layer.closeAll()
setTimeout(function(){
loginLayer()
}, 300);
return;
}
_self=$(this)
$.ajax({
url:$ip+'dynamic/reply/getList',
data:{
topicId:_self.attr("data-type2"),
pageNum:1,
pageSize:99,
commentId:_self.attr("data-type"),
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('加載更多回復',data)
if(data.code!=1){
layer.msg(data.msg);
}
var html=[];
for(var i=0;i<data.replyList.length;i++){
var list=data.replyList[i]
html+='<div class="more-message-box">';
html+='<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_50" alt="">';
if(list.toNickname!=undefined)html+='<p class="more-message-content"><span>'+list.nickname+'</span>'+langList[sessionStorage.lang].jsTxt8+''+list.toNickname+':'+JSON.parse(list.content).text+'</p>';
else html+='<p class="more-message-content"><span>'+list.nickname+':</span> '+JSON.parse(list.content).text+'</p>';
html+='<p class="more-message-time">'+list.remark+' <span data-type='+_self.attr("data-type")+' data-type2='+list.commentId+' class="Reply-btn2">'+langList[sessionStorage.lang].jsTxt8+'</span></p>';
html+='</div>';
}
$(".more-replay").hide()
_self.parent().parent().html(html);
$(".Reply-btn2").unbind("click").on("click",function(){
if(localStorage.uid==undefined){
loginLayer()
return;
}
var _self=$(this);
comment1=_self.attr("data-type")
comment2=_self.attr("data-type2")
$(".photo-content-input").attr("placeholder",''+langList[sessionStorage.lang].jsTxt8+''+_self.parent().siblings(".more-message-content").children("span").text()+'')
$(".photo-content-input").val('')
$('.photo-content-input').focus()
})
}
})
})
}, 300);
}
})
}
function task(e){
$.ajax({
url:$ip+'task/getcenter',
data:{
uid:localStorage.uid,
token:localStorage.token,
type:e,
// //,
pageID:localStorage.canvasCode,
lang:sessionStorage.lang
},
success:function(data){
// console.log('獲取任務列表',data)
if(data.code!=1)return;
var html=[]
var taskIconArr=['','','','big-diamond.png','rich-icon.png','dew.png','pin.png','pin.png']
for(var i=0;i<data.tasks[0].tasklist.length;i++){
var list=data.tasks[0].tasklist[i];
if(list.state==3&&list.pid!='50007')continue;
html+='<li>';
html+='<p>'+list.taskName+' <span><img src="images/dew.png" alt="">+'+list.award+'</span></p>';
if(list.pid!='50007'||list.state!=3)html+='<p>'+list.taskDescription+'</p>';
else{
var date1 = new Date().getTime()+3600000;
html+='<p>'+timeGet(date1)[3]+':00'+langList[sessionStorage.lang].jsTxt11+'</p>';
}
if(list.state==0||list.state==1) html+='<img class="task-btn task-btn1" src="'+langList[sessionStorage.lang].roomSrc1+'" alt="">';
else if(list.state==2)html+='<img data-type="'+list.tid+'" class="task-btn task-btn2" src="'+langList[sessionStorage.lang].roomSrc2+'" alt="">';
else if(list.state==3)html+='<img class="task-btn " src="'+langList[sessionStorage.lang].roomSrc3+'" alt="">';
html+='</li>';
}
for(var i=0;i<data.tasks[1].tasklist.length;i++){
var list=data.tasks[1].tasklist[i];
if(list.state==3)continue;
html+='<li>';
html+='<p>'+list.taskName+' <span><img src="images/dew.png" alt="">+'+list.award+'</span></p>';
html+='<p>'+list.taskDescription+'</p>';
if(list.state==0||list.state==1) html+='<img class="task-btn task-btn1" src="'+langList[sessionStorage.lang].roomSrc1+'" alt="">';
else if(list.state==2)html+='<img data-type="'+list.tid+'" class="task-btn task-btn2" src="'+langList[sessionStorage.lang].roomSrc2+'" alt="">';
else if(list.state==3)html+='<img class="task-btn task-btn2" src="'+langList[sessionStorage.lang].roomSrc3+'" alt="">';
html+='</li>';
}
$(".day-task-content-ul").html(html);
$(".task-btn2").unbind("click").on("click",function(){
var _self=$(this)
$.ajax({
url:$ip+'task/receive',
data:{
uid:localStorage.uid,
token:localStorage.token,
tid:_self.attr('data-type'),
pageID:localStorage.canvasCode
},
success:function(data){
//console.log('领取任务奖励',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
if(data.code==1){
layer.msg(langList[sessionStorage.lang].msg9)
_self.attr("src",''+langList[sessionStorage.lang].roomSrc3+'')
if(_self.attr('data-type')!='50007')_self.unbind("click")
else{
var date1 = new Date().getTime()+3600000;
_self.siblings("p").eq(1).text(''+timeGet(date1)[3]+':00'+langList[sessionStorage.lang].jsTxt11+'')
_self.unbind("click")
}
}
}
})
})
}
})
}
function newGiftSend(){
$.ajax({
url:$ip+'room/doGiftGuidelineCheck',
data:{
roomid:sessionStorage.roomId,
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode
},
success:function(data){
// console.log('送礼引导前检测',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
if(data.isPay==true){
$.ajax({
url:$ip+'gift/doGiftGudielineSend',
data:{
roomid:sessionStorage.roomId,
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode
},
success:function(data){
// console.log('执行引导礼物送礼',data)
if(data.code!=1){
layer.closeAll()
layer.msg(data.msg)
return;
}
layer.closeAll()
}
})
}
else if(data.isPay==false){
layer.closeAll()
}
}
})
}
function guardList(){
$.ajax({
url:$ip+'guard/getRoomGuarders',
data:{
uid:localStorage.uid,
token:localStorage.token,
roomid:sessionStorage.roomId,
index:1,
pageSize:99,
//,
pageID:localStorage.canvasCode
},
success:function(data){
//console.log('主播的守护列表',data)
var html=[];
if(data.result.length==0){
html+='<img class="guard-face" src="images/guard-face.png">'
html+='<p class="guard-p1">'+langList[sessionStorage.lang].jsTxt12+'</p>'
html+='<p class="guard-p2">'+langList[sessionStorage.lang].jsTxt13+'</p>'
$(".guard-list-ul").html(html);
return;
}
for(var i=0;i<data.result.length;i++){
var list=data.result[i];
html+='<li data-type="'+list.uid+'" class="name-span">';
html+='<div class="guard-list-li-content">';
html+='<img class="guard-king" src="images/g-king.png" alt="">';
html+='<img class="guard-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_45" alt="">';
html+='<span>'+list.nickname+'</span>';
html+='</div>';
html+='</li>';
if(list.uid==localStorage.uid){
var endTime=data.systemDate+86400000*list.expireDays
$(".guard-btn").addClass("guard-btn2").html('<p>'+langList[sessionStorage.lang].jsTxt14+',</p><p>'+langList[sessionStorage.lang].jsTxt15+''+timeGet(endTime)[0]+'-'+timeGet(endTime)[1]+'-'+timeGet(endTime)[2]+'</p>')
$(".gurad-layer-p2").text(''+langList[sessionStorage.lang].jsTxt15+' '+timeGet(endTime)[0]+'-'+timeGet(endTime)[1]+'-'+timeGet(endTime)[2]+'')
$(".guard-layer-btn").addClass("guard-layer-btn2")
}
}
$(".guard-list-ul").html(html);
$(".name-span").unbind("click").on("click",function(){
var _self=$(this)
cardUp( _self.attr("data-type"))
})
}
})
}
function openGuard(){
if(localStorage.token==undefined||localStorage.token=='undefined'){
layer.msg(langList[sessionStorage.lang].msg10)
return;
}
if(localStorage.uid==sessionStorage.roomId){
layer.msg(langList[sessionStorage.lang].msg11)
return;
}
$.ajax({
url:$ip+'guard/openGuard',
data:{
uid:localStorage.uid,
token:localStorage.token,
roomid:sessionStorage.roomId,
//,
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log("開通守護",data);
if(data.code==1){
layer.closeAll()
layer.msg(langList[sessionStorage.lang].msg4)
guardList()
}else{
layer.msg(data.msg)
}
}
})
}
function commentSend(e,contentStr,comm,reId){
var obj={
"text": ""+contentStr+"",
}
$.ajax({
url:$ip+'dynamic/comment/send',
data:{
uid:localStorage.uid,
token:localStorage.token,
topicId:e,
commentId:comm,
replyId:reId,
content:JSON.stringify(obj),
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('發佈評論',data)
if(data.code==1){
layer.msg(langList[sessionStorage.lang].msg12)
$(".photo-content-input").val("")
setTimeout(function() {
commentList(pid)
},500);
}else{
layer.msg(data.msg)
}
}
})
}
//websocket
var ws;
var ReconnectionT=null
var Reconnection=0
var trackNum=0
//websocket相关
var outT=null
setInterval(function() {
//普通礼物相关
for(var i=0;i<5;i++){
if($(".gift-track-box .track-content").eq(i)==undefined)continue;
$(".gift-track-box .track-content").eq(i).attr("data-type",$(".gift-track-box .track-content").eq(i).attr("data-type")-500)
if($(".gift-track-box .track-content").eq(i).attr('data-type')<=0){
$(".gift-track-box .track-content").eq(i).children(".track-bar").addClass("track-out")
}
if($(".gift-track-box .track-content").eq(i).attr('data-type')<=-500){
$(".gift-track-box .track-content").eq(i).remove()
}
}
//特效礼物相关
if($(".gift-show-box .gift-show-ing").eq(0).length!=0){
//出现并计时
if($(".gift-show-box .gift-show-ing").eq(0).attr("data-type2")==0){
$(".gift-show-box .gift-show-ing").eq(0).attr("data-type2",1)
$(".gift-show-box .gift-show-ing").eq(0).append('<img class="gift-show-img" src="'+$(".gift-show-box .gift-show-ing").eq(0).attr("data-type3")+'?'+Math.random()+'" alt="">')
}
var giftShowTime= $(".gift-show-box .gift-show-ing").eq(0).attr("data-type")-500
$(".gift-show-box .gift-show-ing").eq(0).fadeIn(500)
$(".gift-show-box .gift-show-ing").eq(0).attr("data-type",giftShowTime)
//消失
if($(".gift-show-box .gift-show-ing").eq(0).attr("data-type")<=0){
$(".gift-show-box .gift-show-ing").eq(0).fadeOut(500)
}
//删除dom
if($(".gift-show-box .gift-show-ing").eq(0).attr("data-type")<=-500){
$(".gift-show-box .gift-show-ing").eq(0).remove()
}
}
}, 500);
var systemMsg=true;
var msgGoTrack=0
function WebSocketGo() {
if ("WebSocket" in window) {
// 打开一个 web socket
if(localStorage.token==undefined||localStorage.token=='undefined')var url = ""+$ws+"ws?uid=" + localStorage.uid + "&token="+localStorage.canvasCode+"&roomid=" + sessionStorage.roomId + "&connType=2&lang="+sessionStorage.lang+"";
else var url = ""+$ws+"ws?uid=" + localStorage.uid + "&token="+localStorage.token+"&roomid=" + sessionStorage.roomId + "&connType=1&lang="+sessionStorage.lang+"";
ws = new WebSocket(url);
ws.onopen = function () {
typeof tHeart!='undefined'&&typeof tHeart!='null'?clearInterval(tHeart):tHeart=null;
clearInterval(ReconnectionT)
// Reconnection=0
heartbeat()
tHeart=setInterval(function(){
heartbeat()
}, 5000);
};
ws.onmessage = function (evt) {
var obj = JSON.parse(evt.data);
//充值完成通知
if (obj.cid == 8000){
if(newGiftOk==false)return;
newGiftOk=false;
layer.closeAll()
setTimeout(function() {
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: "yourclass5",
area: ["328px","auto"],
content: $(".layer-gift-box"),
end: function () {
$(".layui-layer-shade").hide()
layer.closeAll()
}
})
}, 500);
$(".layer-gift-btn1").unbind("click").on("click",function(){
layer.closeAll()
})
$(".layer-gift-btn2").unbind("click").on("click",function(){
newGiftSend()
})
}
//系統消息
if(JSON.parse(obj.content).content.roomid!=sessionStorage.roomId){
return;
}
if(obj.cid == 10000){
var list=JSON.parse(obj.content)
//console.log('系統消息',list);
var html=[];
html+='<li class="live-msg-li">'+list.content.msg+'</li>';
$(".live-msg-ul").append(html);
}
//刷獎送禮
if(obj.cid == 5300){
Reconnection=0;
var list=JSON.parse(obj.content)
//console.log('刷獎送禮',list)
if(list.content.isBigGift==false){
if(list.content.num!=1){
var numArr=list.content.num.toString().split("");
var html=[]
html+='<img style="height:20px" src="images/num/dx.png">';
for(var j=0;j<numArr.length;j++){
html+='<img class="num-img num-show" src="images/num/d'+numArr[j]+'.png">'
}
for(var i=0;i<$(".gift-track-box").children().length;i++){
if($(".track-content").hasClass('track'+list.content.uuid+'')){
$('.track'+list.content.uuid+'').attr("data-type",'5000')
if(list.content.lottery>0&&list.content.lottery<100) $('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get1">'+list.content.lottery+''+langList[sessionStorage.lang].jsTxt17+'</div>')
else if(list.content.lottery>=100&&list.content.lottery<500){
$('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get2"><span>'+list.content.lottery+''+langList[sessionStorage.lang].jsTxt17+'</span></div>')
}
else if(list.content.lottery>=500){
$('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get3"><span>'+list.content.lottery+''+langList[sessionStorage.lang].jsTxt17+'</span></div>')
}
$('.track'+list.content.uuid+'').children(".track-bar").children('.track-num').html(html)
return;
}
}
}
trackNum++
var html=[]
var numArr=list.content.num.toString().split("");
html+='<div data-type="5000" class="track-content track'+list.content.uuid+'">';
html+='<div class="track-bar track-dew trackId'+trackNum+'">';
html+='<img class="track-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_40" alt="">';
html+='<p class="track-p1">'+list.content.userInfo.nickname+'</p>';
html+='<p class="track-p2">'+langList[sessionStorage.lang].jsTxt16+''+list.content.giftname+'</p>';
html+='<img class="track-gift" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,w_52" alt="">';
html+='<span class="track-num"><img style="height:20px" src="images/num/dx.png">';
for(var i=0;i<numArr.length;i++){
html+='<img class="num-img" src="images/num/d'+numArr[i]+'.png">'
}
html+='</span>'
html+='<div class="dew-get-box"></div>'
html+='</div>';
html+='</div>';
$(".gift-track-box").append(html);
if(list.content.lottery>0&&list.content.lottery<100) $('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get1">'+list.content.lottery+''+langList[sessionStorage.lang].jsTxt17+'</div>')
else if(list.content.lottery>=100&&list.content.lottery<500){
$('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get2"><span>'+list.content.lottery+''+langList[sessionStorage.lang].jsTxt17+'</span></div>')
}
else if(list.content.lottery>=500){
$('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get3"><span>'+list.content.lottery+''+langList[sessionStorage.lang].jsTxt17+'</span></div>')
}
$('.trackId'+trackNum+'').addClass("track-go")
return;
}
if(list.content.isBigGift){
trackNum++
var html=[]
html+='<div data-type="5000" data-type2="0" data-type3="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="gift-show-ing gift-show-content show'+trackNum+'">';
html+='<div class="gift-show-text">';
html+='<img class="gift-show-face" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,h_18" alt="">';
html+='<p class="gift-show-p1">'+list.content.userInfo.nickname+'</p>';
html+='<p class="gift-show-p2">'+langList[sessionStorage.lang].jsTxt16+''+list.content.giftname+'x'+list.content.num+'</p>';
html+='</div>';
html+='</div>';
$(".gift-show-box").append(html)
}
}
//接收直播间礼物
if (obj.cid == 5200) {
Reconnection=0;
var list=JSON.parse(obj.content)
// console.log('直播间接收礼物',list)
if(list.content.isBigGift==false){
if(list.content.num!=1){
var numArr=list.content.num.toString().split("");
var html=[]
html+='<img src="images/num/x.png">';
for(var j=0;j<numArr.length;j++){
html+='<img class="num-img num-show" src="images/num/n'+numArr[j]+'.png">'
}
for(var i=0;i<$(".gift-track-box").children().length;i++){
if($(".track-content").hasClass('track'+list.content.uuid+'')){
if(list.content.giftDuration!==0&&list.content.giftDuration!=undefined)$('.track'+list.content.uuid+'').attr("data-type",''+list.content.giftDuration*1000+'')
else $('.track'+list.content.uuid+'').attr("data-type",'5000')
$('.track'+list.content.uuid+'').children(".track-bar").children('.track-num').html(html)
return;
}
}
}
trackNum++
var html=[]
var numArr=list.content.num.toString().split("");
if(list.content.giftDuration!==0&&list.content.giftDuration!=undefined)html+='<div data-type="'+list.content.giftDuration+'" class="track-content track'+list.content.uuid+'">';
else html+='<div data-type="5000" class="track-content track'+list.content.uuid+'">';
html+='<div class="track-bar track1-bg trackId'+trackNum+'">';
html+='<img class="track-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_40" alt="">';
html+='<p class="track-p1">'+list.content.userInfo.nickname+'</p>';
html+='<p class="track-p2">'+langList[sessionStorage.lang].jsTxt16+''+list.content.giftname+'</p>';
html+='<img class="track-gift" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,w_52" alt="">';
html+='<span class="track-num"><img src="images/num/x.png">';
for(var i=0;i<numArr.length;i++){
html+='<img class="num-img" src="images/num/n'+numArr[i]+'.png">'
}
html+='</span>';
html+='</div>';
html+='</div>';
$(".gift-track-box").append(html);
$('.trackId'+trackNum+'').addClass("track-go")
return;
}
if(list.content.isBigGift){
trackNum++
var html=[]
if(list.content.giftDuration!==0&&list.content.giftDuration!=undefined)html+='<div data-type="'+list.content.giftDuration*1000+'" data-type2="0" data-type3="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="gift-show-ing gift-show-content show'+trackNum+'">';
else html+='<div data-type="5000" data-type2="0" data-type3="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="gift-show-ing gift-show-content show'+trackNum+'">';
// html+='<img class="gift-show-img" src="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" alt="">';
html+='<div class="gift-show-text">';
html+='<img class="gift-show-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,h_50" alt="">';
html+='<p class="gift-show-p1">'+list.content.userInfo.nickname+'</p>';
html+='<p class="gift-show-p2">'+langList[sessionStorage.lang].jsTxt16+''+list.content.giftname+'x'+list.content.num+'</p>';
html+='</div>';
html+='</div>';
$(".gift-show-box").append(html)
// $(".show"+trackNum+" .gift-show-img").on("load",function(){
// $(".show"+trackNum+"").addClass("gift-show-ing")
// $(".show"+trackNum+" .gift-show-img").attr("src","")
// })
}
}
//聊天信息
if (obj.cid == 6200) {
Reconnection=0;
var list=JSON.parse(obj.content)
// console.log('直播间发言',list);
//进入直播间
if(list.content.type==1){
var html=[];
var richLv=0
//vip開通特效
if(list.content.vipInfo.isVip==true){
if(list.content.lv>0){
if(list.content.motor!='') html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span"><img src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png">'+list.content.nickname+'</span> '+langList[sessionStorage.lang].jsTxt18+'，'+langList[sessionStorage.lang].jsTxt19+''+list.content.country+'<img class="go-car" src="https://zhibocdn.yabolive.net/comm'+list.content.motor+'?x-oss-process=image/resize,w_45"></li>';
else html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span"><img src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png">'+list.content.nickname+'</span> '+langList[sessionStorage.lang].jsTxt18+'，'+langList[sessionStorage.lang].jsTxt19+''+list.content.country+'</li>';
}else{
if(list.content.motor!='') html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+'</span> '+langList[sessionStorage.lang].jsTxt18+'，'+langList[sessionStorage.lang].jsTxt19+''+list.content.country+'<img class="go-car" src="https://zhibocdn.yabolive.net/comm'+list.content.motor+'?x-oss-process=image/resize,w_45"></li>';
else html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+'</span> '+langList[sessionStorage.lang].jsTxt18+'，'+langList[sessionStorage.lang].jsTxt19+''+list.content.country+'</li>';
}
//vip进场特效
if(list.content.lv>=0&&list.content.lv<11)richLv=1
else if(list.content.lv>=11&&list.content.lv<21)richLv=2
else if(list.content.lv>=21&&list.content.lv<31)richLv=3
else if(list.content.lv>=31&&list.content.lv<41)richLv=4
else if(list.content.lv>=41&&list.content.lv<46)richLv=5
else if(list.content.lv>=46&&list.content.lv<51)richLv=6
else if(list.content.lv==51)richLv=7
else if(list.content.lv==52) richLv=8
if(richLv>1){
msgGoTrack++
if(msgGoTrack>4)msgGoTrack=1
var html2=[]
html2+='<div class="msg-rich-go msg-rich-go-track'+msgGoTrack+' go'+richLv+' goShow-go"><img src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png" alt=""><span>'+list.content.nickname+'</span>'+langList[sessionStorage.lang].jsTxt18+'，'+langList[sessionStorage.lang].jsTxt19+''+list.content.country+'</div>'
$(".msg-rich-go-box").append(html2)
setTimeout(function(){
$(".msg-rich-go").eq(0).remove()
}, 3700);
}
}else{
if(list.content.motor!='') html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+'</span> '+langList[sessionStorage.lang].jsTxt18+'，'+langList[sessionStorage.lang].jsTxt19+''+list.content.country+' <img class="go-car" src="https://zhibocdn.yabolive.net/comm'+list.content.motor+'?x-oss-process=image/resize,w_45"></li>';
else html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+'</span> '+langList[sessionStorage.lang].jsTxt18+'，'+langList[sessionStorage.lang].jsTxt19+''+list.content.country+'</li>';
}
$(".live-msg-ul").append(html);
}
//发言
if(list.content.type==2){
var html=[];
var richLv=0
if(list.content.vipInfo.isVip==true){
if(list.content.vip_lv>=0&&list.content.vip_lv<11)richLv=1
else if(list.content.vip_lv>=11&&list.content.vip_lv<21)richLv=2
else if(list.content.vip_lv>=21&&list.content.vip_lv<31)richLv=3
else if(list.content.vip_lv>=31&&list.content.vip_lv<41)richLv=4
else if(list.content.vip_lv>=41&&list.content.vip_lv<46)richLv=5
else if(list.content.vip_lv>=46&&list.content.vip_lv<51)richLv=6
else if(list.content.vip_lv==51)richLv=7
else if(list.content.vip_lv==52)richLv=8
}
if(richLv>3)html+='<li class="live-msg-li live-msg-li'+richLv+'">';
else html+='<li class="live-msg-li">';
// if(list.content.vip_lv>0)html+='<span data-type="'+list.content.uid+'" class="name-span"><img src="https://app.ixiulive.com/static/vip/'+list.content.vip_lv+'.png">'+list.content.uid_nick+'</span><span class="online-lv">'+list.content.live_lv+'</span>: '+list.content.content+'';
// else html+='<span data-type="'+list.content.uid+'" class="name-span">'+list.content.uid_nick+'</span><span class="online-lv">'+list.content.live_lv+'</span>: '+list.content.content+'';
html+='<span data-type="'+list.content.uid+'" class="name-span">';
if(list.content.vip_lv>0&&list.content.vipInfo.isVip==true)html+='<img src="https://app.ixiulive.com/static/vip/'+list.content.vip_lv+'.png">';
if(list.content.uid<0)html+='<img class="lv-secret" src="images/lv-secret.png">'
html+=''+list.content.uid_nick+'</span>';
// if(list.content.live_lv>0)html+='<span class="online-lv">'+list.content.live_lv+'</span>';
if(list.content.medal!="")html+='<img class="medal-icon" src="https://zhibocdn.yabolive.net/comm'+list.content.medal+'?x-oss-process=image/resize,w_24">';
html+=': '+list.content.content+'';
html+='</li>';
$(".live-msg-ul").append(html);
if($(".live-msg-ul li").length>50){
for(var i=0;i<$(".live-msg-ul li").length-50;i++){
$(".live-msg-ul li").eq(i).remove()
}
}
}
//点亮直播间
if(list.content.type==3){
var html=[];
html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+' </span> '+langList[sessionStorage.lang].jsTxt20+'</li>'
$(".live-msg-ul").append(html);
}
//追踪
if(list.content.type==4){
var html=[];
html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+' </span>'+langList[sessionStorage.lang].jsTxt21+'</li>'
$(".live-msg-ul").append(html);
}
//送礼信息
if(list.content.type==5){
var html=[];
html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.uid_nick+' </span>'+langList[sessionStorage.lang].jsTxt22+''+list.content.room_nick+'<span>'+list.content.gift_name+'x'+list.content.gift_num+'</span></li>'
$(".live-msg-ul").append(html);
}
$(".name-span").unbind("click").on("click",function(){
var _self=$(this)
cardUp( _self.attr("data-type"))
})
}
//主播數據變更
if (obj.cid == 4200){
var list=JSON.parse(obj.content)
//console.log('主播數據變更',list);
$(".rich-box >span").text(list.content.bonds)
$(".rich-box").append('<div class="rich-add-box richAddShow-go">+'+list.content.changebonds+'</div>')
setTimeout(function() {
$(".richAddShow-go").eq(0).remove()
}, 1000);
}
//热门值互动值
if(obj.cid == 4700){
var list=JSON.parse(obj.content)
if(list.content.popularNum>0)$(".hot-box >span").text(list.content.popularNum)
if(list.content.interacNum>0)$(".hot-box2 >span").text(list.content.interacNum)
}
//主播直播状态
if (obj.cid == 4300){
var list=JSON.parse(obj.content)
//console.log(list)
//正常直播
if(list.content.state==0){
//console.log("正常直播")
$(".live-stop-box").hide()
var player = document.getElementById('videoElement');
flvPlayer.unload();
setTimeout(function() {
var promise = document.querySelector('video').play();
if (promise !== undefined) {
promise.then(_ => {
var html = [];
html += '<video disablePictureInPicture controls webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video" src="" id="videoElement" loop="" ></video>';
$(".content-box-left-roombox-video").html(html)
flvPlay(flowUrl)
// Autoplay started!
}).catch(error => {
var myVideo=document.querySelector(".live-video")
var html = [];
html += '<video disablePictureInPicture controls webkit-playsinline ="true" muted playsinline ="true" autoplay ="" playsinline="true" class="live-video" src="" id="videoElement" loop="" ></video>';
$(".content-box-left-roombox-video").html(html)
flvPlay(flowUrl)
// Autoplay was prevented.
// Show a "Play" button so that user can start playback.
});
}
}, 3000);
// try{
// }catch (e) {
// //console.log(e)
// }
}
if(list.content.state==1){
//console.log("暂停直播")
layer.msg(langList[sessionStorage.lang].msg13)
$(".live-stop-box").html('<img src="images/stop.webp">').show()
var player = document.getElementById('videoElement');
player.pause()
flvPlayer.unload();
}
if(list.content.state==2){
//console.log("下播")
window.location.reload()
}
}
//主播切換付費房
if (obj.cid == 4400){
var list=JSON.parse(obj.content)
if(list.content.mode==0){
clearInterval(ticketTerval)
clearInterval(sendClock)
$(".ticket-box1").hide()
$(".ticket-box2").hide()
$(".secret-room").fadeOut(200)
$(".live-video").css("filter","blur(0px)")
online()
}else{
roomCId=list.content.channelId
roomRId=list.content.roundId
TicketRoom(roomCId,roomRId)
}
}
if (obj.cid == 7000){
var list=JSON.parse(obj.content)
online()
if(list.content.status==1||list.content.status==2){
if(list.content.succ==5)return;
TicketRoom(roomCId,roomRId)
}
}
//購票切換狀態
if (obj.cid == 7001){
var list=JSON.parse(obj.content)
if(list.content.status==3){
if(TicketStage!=list.content.status&&list.content.isPreSaleTimeEnd==false){
turnNumber(1)
backPack()
myDiamond()
}else{
sendClockOk=true;
setTimeout(function() {
TicketRoom(roomCId,roomRId)
online()
}, 500);
}
}
}
//用戶開通守護
if (obj.cid == 2200){
clearTimeout(guardShowOk)
var list=JSON.parse(obj.content)
var html=[];
html+='<img class="guard-show-webp" src="images/guard-show.webp?='+Math.random()+'" alt="">';
html+='<img class="guard-show-face" src="https://zhibocdn.yabolive.net/comm'+list.content.avatar+'?x-oss-process=image/resize,w_45" alt="">';
html+='<p class="guard-name">'+list.content.nickname+'</p>';
html+='<img class="guard-tips" src="images/guard-tips.png" alt="">';
$(".guard-show-box").html(html).fadeIn(350);
guardShowOk=setTimeout(function() {
$(".guard-show-box").fadeOut(350)
}, 3500);
}
//提出包房
if (obj.cid == 2400){
alert(langList[sessionStorage.lang].msg15)
window.location.href="../index.html"
}
if($(".live-msg-ul").height()-($(".msg-big-box").scrollTop()+$(".msg-big-box").height())<150){
$(".msg-big-box").scrollTop($(".live-msg-ul").height()-$(".msg-big-box").height()+30)
}
};
ws.onclose = function () {
typeof tHeart!='undefined'&&typeof tHeart!='null'?clearInterval(tHeart):tHeart=null;
// 关闭 websocket
//console.log("连接已关闭...");
//console.log(Reconnection)
clearInterval(ReconnectionT)
if(Reconnection>=3){
clearInterval(ReconnectionT)
return;
}
// Reconnection++
ReconnectionT=setTimeout(function() {
WebSocketGo()
Reconnection++
}, 3000);
};
}
else {
// 浏览器不支持 WebSocket
//console.log("您的浏览器不支持 WebSocket!");
}
}
function heartbeat(){
if(ws.readyState == 1){
var msg=new WsMsg(1000,"ping","");
// //console.log('心跳',msg)
ws.send(JSON.stringify(msg));
}
}
function WsMsg(cid,content,extend) {
this.time = new Date().getTime();
this.msgid=Math.random().toString(36).slice(-8);
this.cid = cid;
this.content = content;
this.extend = extend;
}
// function dewShow1(ele,num){
// setTimeout(function(){
// $(""+ele+" .dew-get2 img").attr("src","images/dew-get2/中奖-切图_"+imgAdd(num)+".png")
// num++
// if(num<21)dewShow1(ele,num)
// else $(""+ele+" .dew-get2").hide()
// },100)
// }
// function dewShow2(ele,num){
// setTimeout(function(){
// $(""+ele+" .dew-get3 img").attr("src","images/dew-get3/大奖-切图_"+imgAdd(num)+".png")
// num++
// if(num<30)dewShow2(ele,num)
// else $(""+ele+" .dew-get3").hide()
// },100)
// }
})
</script>
</html>