<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <link rel="canonical" href="https://www.footseen.xyz"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3V6KZGW418"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3V6KZGW418'); </script> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <!-- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> --> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="telephone=no" name="format-detection"> <meta name="mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#fff"> <meta name="application-name"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title"> <meta name="wap-font-scale" content="no"> <meta name="google" content="notranslate"/> <title>footseen-腳控足控天堂-超激情美女主播視訊-絲足影片</title> <meta name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish"> <meta name="description" content="footseen,腳控足控天堂,絲足美腿視訊影片,台灣足控第一高效約會軟體,免費影片立即觀看,在線美女激情互動,成人視訊線上體驗,徹底釋放你的慾望。"> <script src="../lib/fsize.js"></script> <link rel="stylesheet" href="../css/base.css?v=2023050601"> <link rel="stylesheet" href="../css/layer.css"> <link rel="stylesheet" href="css/liveRoom.css?v=2023080801"> <link rel="stylesheet" href="../css/login.css?v=2023051710"> <link rel="manifest" href="../manifest.webmanifest?v=2023050601" /> <link rel="stylesheet" href="css/liMarquee.css"> <script src="../lib/hello.js" async defer></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script> <style> .layui-layer-shade { opacity: 0.7 !important; } .yourclass5 { border-radius: 0rem !important; background: rgba(0, 0, 0, 0) !important; } .yourclass5 .layui-layer-content { border-radius: 0rem !important; } .yourclass6{ border-radius: 0rem !important; background: rgba(0, 0, 0, 0) !important; position: relative; left: 1.4rem !important; } .layui-layer-close{ display: none !important; } .layui-layer{ box-shadow:none !important; } .yourclass10{ border-radius: 0.2rem !important; } </style> </head> <body style="background: rgb(153, 156, 166);overflow: hidden;font-size: 12px;"> <div class="layer-list-tips1"><img src="images/close-icon.png" alt=""></div> <div class="layer-list-tips2"><img src="images/close-icon.png" alt=""></div> <div class="layer-ios"> <div class="layer-ios-close"></div> </div> <button class="add-button"> <div class="add-button-close"></div> </button> <div class="guard-show-box"> <!-- <img class="guard-show-webp" src="" 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> <div class="layer-space-box"> <!-- <img class="layer-space-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_150" alt=""> <div class="layer-userCard"> <div class="layer-space"> <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">嗨,我剛加入Footseen,希望和你做朋友,希望能23232323</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/fire.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> <div class="room-bg"> <img class="room-reg-icon wiggle" src="https://zhibocdn.yabolive.net/comm/activity/6e9974026ce34ff382657becfdf2bf86.jpg" alt=""> <div class="sound-tips"></div> <div class="secret-ing-content"> <img class="room-close" src="images/close.png" alt=""> <div class="secret-ing-tips"> <img class="secret-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_150" alt=""> <div class="secret-ing-p1">TICKET ROOM</div> <div class="secret-ing-p2">表演中</div> <div class="secret-ing-p3">剩余时间 <span>15:26</span></div> <div class="secret-ing-p4">付费可以看我胸口碎大石哦!</div> <div class="secret-ing-p5"> <img src="images/card.png" alt=""> <span><img src="images/diamond.png" alt="">200</span> </div> </div> </div> <div class="secret-bottom-box"> <div class="secret-bottom">購票看秀</div> <p class="secret-bottom-tips">背包剩餘<img src="images/card.png">5</p> </div> <img class="play-icon" src="../images/play-icon.png" alt=""> <div class="touch-box"></div> <div class="layer-shadow"></div> <div style="display: none;" class="mc-out-box"> <img class="room-close" src="images/close.png" alt=""> <div class="room-out-shadow"></div> <div class="mc-out-mcBox"> <!-- <img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt=""> <p class="room-mc-name">主播昵称预留</p> <div class="room-rich-num"><img src="images/fire.png" alt="">123456</div> <img class="like-icon" src="images/like-icon.png" alt=""> --> </div> <div class="mc-out-tips"> <img src="images/mc-out-icon.png" alt=""> <p class="roomLang1">當前主播休息中</p> </div> <img class="room-out-mc-shadow" src="" alt=""> <div class="more-mc-recommend"> <p class="roomLang2">觀看其他精彩直播</p> <ul class="more-mc-recommend-ul"> <!-- <li> <span class="more-mc-num">3549</span> <img class="more-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt=""> <p class="more-mc-p1">主播暱稱預留</p> <p class="more-mc-p2">你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀</p> <div class="more-shadow"></div> </li> --> </ul> </div> </div> <div style="display: none;" class="room-secret"> <img class="room-close" src="images/close.png" alt=""> <div class="room-secret-mc"> <!-- <img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_100" alt=""> <p>主播昵称预留</p> --> </div> <div class="room-secret-shadow"></div> <div class="room-secret-bg"> <img src="" alt=""> </div> <div class="secret-diamond-box"><img src="images/diamond.png" alt="">200</div> <div class="secret-btn">付費進入直播間</div> <p class="secret-tips">主播10分鐘內下播,寶石退回</p> </div> <div class="room-content"> <div class="room-content-loading"> <img class="loading-icon" src="images/loading/loading (1).png" alt=""> </div> <img class="loading-face" src="" alt=""> <div class="room-top"> <div class="room-mc-box"> <!-- <img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt=""> <p class="room-mc-name">主播昵称预留</p> <div class="room-rich-num"><img src="images/fire.png" alt="">123456</div> <img class="like-icon" src="images/like-icon.png" alt=""> --> </div> <div class="room-user-list"> <div class="room-user-ul-box"> <ul class="room-user-ul"> <!-- <li><img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_78" alt=""></li> --> </ul> </div> <img class="room-close" src="images/close.png" alt=""> </div> <div class="rich-tips-box"> <div class="room-hot-box"><img src="images/fire.png" alt=""><span>--</span></div> <div class="hot-list-box"><img src="images/hot-icon.png?v=2023060501" alt=""><i></i> <span>></span></div> <div class="interac-list-box"><img src="images/interac.png?v=2023060501" alt=""><i></i> <span>></span></div> <!-- <div class="guard-btn">守護TA</div> --> </div> <!-- <div style="display: none;" class="ticketRoom-tips-box"><img src="images/suo.png"> <span>Count</span></div> --> </div> <div class="room-gift-box"> <!-- <div class="gift-bar-box"> <div class="gift-bar-floor1"><div></div></div><div class="gift-bar-floor2"></div><div class="gift-bar-floor3"></div> <img class="gift-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_60" alt=""> <p class="gift-bar-p1">用戶暱稱預留</p> <p class="gift-bar-p2">送 賽博名片</p> <div class="gift-bar-icon-box"><img class="gift-bar-icon" src="https://zhibocdn.yabolive.net/comm/motroing/e01599cbf6964f51b62555540e0d202f.png?x-oss-process=image/resize,w_45" alt=""></div> <div class="gift-bar-num">x9999</div> </div> --> </div> <div class="room-big-giftBox"> <!-- <div class="room-big-content"> <img src="https://zhibocdn.yabolive.net/comm/gift/894443be168e4e0780e18e03f93c8f7e.webp" alt=""> <div class="room-big-text-content"> <div><img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_60">用戶暱稱預留 送 旋轉木馬 x1</div> </div> </div> --> </div> <div class="video-box"> <!-- <video muted autoplay src="http://pull.bsy.ourpow.com/vod/11128395/playlist.m3u8?sign=3690163a49cadadf680746273df3623b&t=6420fe47"> --> </div> <div class="new-msg">新消息 ∨</div> <div class="user-msg-box"> <div class="user-msg-big"> <div class="system-msg one-msg">限制火辣級辣妹、曖昧輔導級正妹、清純普遍級妹妹,你想看的類型應有盡有。撫慰你的心靈,滿足你的慾望,各式互動讓你興奮,追求快感,刺激無限。</div> </div> <!-- <div class="user-msg"> <div class="user-msg-content"><span class="user-msg-name">用戶暱稱預留</span><span class="user-msg-level"><span>68</span></span> : 我說了一句話</div> </div> --> </div> <div class="ticket-box"> <div class="ticket-box1"> <div class="ticket-box1-content1"> <div class="circleChart2"></div> <p class="circleChart2-p"><span>0</span>/5</p> </div> <div style="display:none" class="ticket-box1-content2"> <div class="ticket-ing">表演中</div> </div> </div> <div class="ticket-box2"> <p class="ticket-box2-p1">Ticket Room <span>04:49</span> 后開始</p> <p class="ticket-box2-p2">付費可以看我胸口碎大石哦!</p> </div> <div class="ticket-box3"> <p class="ticket-box3-p1"><i class="ticketLang22">表演時長</i>: <span>20</span><i class="ticketLang23">分鐘</i></p> <div class="ticket-box3-btn">ticket 1</div> </div> </div> <div class="room-bottom"> <img class="gift-btn" src="images/gift-btn2.png" alt=""> <img data-type="0" class="sound-btn" src="images/sound-no.png?v=2022111801" alt=""> <img class="more-btn" src="images/more-btn.png" alt=""> <div class="more-btn-dian"></div> <img class="msg-btn" src="images/msg-btn.png" alt=""> </div> </div> <div class="ticker-buy-box"> <div class="ticker-buy-time"><i class="ticketLang22">表演時長</i>: <span>20</span><i class="ticketLang23">分鐘</i></div> <div class="ticker-my-card"><i class="roomLang17">背包</i>:<img src="images/card.png" alt=""><span>2</span></div> <div class="ticker-buy-content1"> <div class="circleChart1" ></div> <div class="circleChart1-p"><span>-</span>/5</div> <p class="ticker-buy-content1-p1">Ticket Room <span>04:49</span>后開始</p> <p class="ticker-buy-content1-p2">付費可以看我胸口碎大石哦!</p> </div> <div class="ticker-buy-content2"> <ul class="ticker-buy-ul"> <li class="ticker-buy-click"> <div class="ticker-buy-li1"> <img class="ticker-buy-card" src="images/card.png" alt=""> <p>x2</p> </div> <div class="ticker-buy-li2"> <img src="images/diamond.png" alt=""> <p>200</p> </div> </li> <li> <div class="ticker-buy-tips">立即開始</div> <div class="ticker-buy-li1"> <img class="ticker-buy-card" src="images/card.png" alt=""> <p>x2</p> </div> <div class="ticker-buy-li2"> <img src="images/diamond.png" alt=""> <p>600</p> </div> </li> </ul> <div class="ticker-buy-btn"><i class="roomJsTxt35">購票看秀</i></div> </div> </div> <div class="hot-list-layer"> <div class="hot-list-layer-top"> <div class="hot-list-top-text1">人氣榜</div> <img class="question-icon" src="images/question-icon.png" alt=""> <!-- <div class="hot-list-top-text2">排名: <span>--</span></div> --> <span class="hot-close">X</span> </div> <ul class="hot-list-ul"> <!-- <li> <div class="hot-list-li-box1">1</div> <div class="hot-list-li-box2"> <img class="hot-li-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt=""> <div class="hot-li-p1">主播暱稱預留</div> <div class="hot-li-p2"><img src="images/hot-icon.png?v=2023060501">203210</div> </div> </li> --> </ul> <div class="bottom-mc-hot-box"> <!-- <div class="bottom-mc-hot-nav1">19</div> <div class="bottom-mc-hot-nav2"> <img class="bottom-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_100" alt=""> <p class="bottom-mc-p1">主播暱稱預留</p> <p class="bottom-mc-p2"><img src="images/hot-icon.png?v=2023060501" alt="">123456</p> </div> --> </div> </div> <div class="rich-list-layer"> <div class="rich-list-top"> <div class="rich-list-top-text1"> <i style="font-style: normal;">收穫羽毛</i> : <span><img src="images/fire.png">--</span> </div> <div class="rich-list-top-text2"> <i>排名</i> : <span>--</span> </div> <span class="rich-close">X</span> </div> <div class="rich-time-box"> <ul class="rich-time-ul"> <li data-type="1" class="rich-time-click roomLang10">日榜</li> <li data-type="2" class="roomLang11">周榜</li> <li data-type="3" class="roomLang12">月榜</li> </ul> </div> <ul class="rich-list-ul"> <!-- <li> <div class="rich-list-li1"><img src="images/m1.png" alt=""></div> <div class="rich-list-li2"> <img class="rich-li-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt=""> <div class="rich-li-p1">主播暱稱預留</div> <div class="rich-li-p2"><img src="images/hot-icon.png?v=2023060501">203210</div> </div> </li> --> </ul> </div> <div class="guard-layer"> <div class="guard-layer-top"> <!-- <img class="guard-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt=""> <p class="guard-top-p1"><img src="images/diamond.png"><span>2300</span>寶石/月</p> <p class="guard-top-p2">守護期剩餘: 23天</p> --> </div> <div class="guard-layer-content"> <div class="guard-layer-btn"></div> </div> </div> <div class="gift-layer"> <div class="gift-layer-top"> <ul class="gift-layer-ul"> <li data-type="1" class="gift-layer-click roomLang16">禮物</li> <!-- <li data-type="2">奢華</li> --> <li class="roomLang17" data-type="3">背包</li> <li class="roomLang18" data-type="4">爆獎</li> </ul> <div class="gift-layer-diamond-box"><img class="gift-diamond" src="images/diamond.png" alt=""><img class="gift-add" src="images/add.png" alt=""> <span>-</span></div> </div> <div class="gift-layer-content"> <div class="level-box"> <img class="level-icon" src="https://app.ixiulive.com/static/vip/29.png" alt=""> <div class="level-bar"> <div class="level-bar-content"> <div class="level-my-bar"></div> </div> </div> </div> <ul class="gift-ul"> <!-- <li> <img src="https://zhibocdn.yabolive.net/comm/gift/fc3464810a5d4924b4c5edaf0f486ac2.png?x-oss-process=image/resize,w_52" alt=""> <p class="gift-p1">這是禮物名字</p> <p class="gift-p2"><img src="images/diamond.png" alt="">22</p> </li> --> </ul> </div> </div> <div class="more-layer"> <div class="more-layer-btn1"><i>任務</i> <div class="more-btn-dian"></div></div> <div class="more-layer-btn2">寶石兌換露水</div> <div class="more-layer-btn3">露水兌換寶石</div> </div> <div class="task-layer"> <div class="task-layer-top">每日任務</div> <ul class="task-layer-ul"> <!-- <li> <p class="task-p1">每日登陸<span>+ <img src="images/dew.png" alt="">1</span></p> <p class="task-p2">每日登陸可領取私信露水瓶</p> <div class="task-get-btn">領取</div> </li> --> </ul> </div> <div class="exc-layer"> <div class="exc-diamond-top">兌換露水</div> <span class="exc-btn">確認</span> <ul class="exc-ul clearfix"> <!-- <li class="exc-li-click"> <p class="exc-li-p1">全部兌換</p> <p class="exc-li-p2">兌換25844露水</p> </li> --> </ul> <div class="exc-tips">1<img src="images/diamond.png">⇋100<img class="dew-icon" src="images/dew.png"></div> </div> <div class="exc-diamond-layer"> <div class="exc-diamond-top">兌換寶石</div> <span class="exc-btn">確認</span> <ul class="exc-ul clearfix"> <!-- <li class="exc-li-click"> <p class="exc-li-p1">全部兌換</p> <p class="exc-li-p2">兌換25844露水</p> </li> --> </ul> <div class="exc-tips">1<img src="images/diamond.png">⇋100<img class="dew-icon" src="images/dew.png"></div> </div> <div class="keyboard-box"> <input style="display: none;" type="text"> <input enterkeyhint="send" autocomplete="off" class="keyboard-input" placeholder="和所有人聊天" type="text"> <div class="keyboard-btn">發送</div> </div> <div class="login-box"> <div class="login-show"> <span class="login-close">×</span> <div class="login-p1">登入/註冊</div> <!-- <div class="login-phone-btn"><img src="images/phone-icon2.png">Phone</div> --> <div class="login-google-btn"><img src="../images/google1.png">Google<div id="buttonDiv-big"></div></div> <div class="login-twitter-btn twitter_btn" ></div> <div class="login-line"></div> <div class="login-line-text">其他方式登入</div> <ul class="login-more-btn"> <li class="line_btn"><img src="../images/d2.png" alt=""></li> <li class="facebook_btn"><img src="../images/d3.png?v=2023111001" alt=""></li> <li class="login-phone-btn"><img src="../images/d5.png" alt=""></li> </ul> </div> <div style="display: none;" class="login1"> <span class="login-close">×</span> <div class="login-p1">登入/註冊</div> <div class="login-area"> <span>國家/地區</span> <span><span class="area-span">中國</span>></span> </div> <div class="login-phone"> <img src="../images/phone-icon.png" alt=""> <input class="login-phone-input" placeholder="請輸入手機號" type="text"> </div> <div class="login-btn">登入</div> <p class="login-tips">未註冊的手機將為你免費創建賬號</p> <div class="login-line"></div> <div class="login-line-text">其他方式登入</div> <ul class="login-more-btn"> <li><img src="../images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv1"></div></li> <li class="line_btn"><img src="../images/d2.png" alt=""></li> <li class="facebook_btn"><img src="../images/d3.png?v=2023111001" alt=""></li> <li class="twitter_btn"><img src="../images/d4.png" alt=""></li> </ul> </div> <div style="display: none;" class="login2"> <span class="login-close">×</span> <div class="login-p1">登入/註冊</div> <div class="login-area"> <span>國家/地區</span> <span><span class="area-span">中國</span>></span> </div> <div class="login-phone"> <img src="../images/phone-icon.png" alt=""> <input class="login-phone-input" placeholder="請輸入手機號" type="text"> </div> <div class="login-password"> <img src="../images/suo-icon.png" alt=""> <input class="login-password-input" placeholder="请输入密码" type="password"> </div> <div class="login-btn">登入</div> <p class="login-tips">未註冊的手機將為你免費創建賬號</p> <!-- <div class="login-line"></div> <div class="login-line-text">其他方式登入</div> --> <ul class="login-more-btn"> <li><img src="../images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv2"></div></li> <li class="line_btn"><img src="../images/d2.png" alt=""></li> <li class="facebook_btn"><img src="../images/d3.png?v=2023111001" alt=""></li> <li class="twitter_btn"><img src="../images/d4.png" alt=""></li> </ul> </div> <div style="display: none;" class="register"> <span class="login-close">×</span> <div class="login-p1">註冊</div> <div class="register-area"> <span class="register-area-p1">國家/地區</span> <span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span> </div> <div class="register-phone"> <img class="register-phone-icon" src="../images/phone-icon.png" alt=""> <span class="register-phone-number">+86</span> <input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text"> <span class="register-code-get">驗證碼</span> </div> <div class="register-code-box"> <img class="code-icon" src="../images/code-icon.png" alt=""> <input class="register-code-input" placeholder="請輸入驗證碼" type="text"> </div> <div class="register-password-box"> <img class="suo-icon" src="../images/suo-icon.png" alt=""> <input class="password-input" placeholder="請設置6-16位新密碼" type="text"> </div> <div class="register-change-btn">創建免費賬戶</div> <p class="register-tips">通過註冊,即代表您同意使用條款</p> <div class="login-line"></div> <div class="login-line-text">其他方式登入</div> <ul class="login-more-btn"> <li><img src="../images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv3"></div></li> <li class="line_btn"><img src="../images/d2.png" alt=""></li> <li class="facebook_btn"><img src="../images/d3.png?v=2023111001" alt=""></li> <li class="twitter_btn"><img src="../images/d4.png" alt=""></li> </ul> </div> <div style="display: none;" class="reset"> <span class="login-close">×</span> <div class="login-p1">重置密码</div> <div class="register-area"> <span class="register-area-p1">國家/地區</span> <span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span> </div> <div class="register-phone"> <img class="register-phone-icon" src="../images/phone-icon.png" alt=""> <span class="register-phone-number">+86</span> <input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text"> <span class="register-code-get">驗證碼</span> </div> <div class="register-code-box"> <img class="code-icon" src="../images/code-icon.png" alt=""> <input class="register-code-input" placeholder="請輸入驗證碼" type="text"> </div> <div class="register-password-box"> <img class="suo-icon" src="../images/suo-icon.png" alt=""> <input class="password-input" placeholder="請設置6-16位新密碼" type="text"> </div> <div class="register-password-box"> <img class="suo-icon" src="../images/suo-icon.png" alt=""> <input class="password-input" placeholder="請再次輸入新密碼" type="text"> </div> <div class="reset-btn">確定</div> </div> </div> <div class="area-phone-box"> <div class="area-phone-top"> <div class="area-phone-title">選擇國家</div> <span class="area-close">x</span> <div class="area-search"> <img class="search-icon" src="../images/search.png" alt=""> <input placeholder="搜尋" class="area-search-input" type="text"> </div> </div> <div style="height: 2.5rem;"></div> <ul class="area-ul"> <!-- <li> <div class="area-li-box1">Hong Kong(香港)</div> <div class="area-li-box2">+852</div> </li> --> </ul> <div class="search-no-li">暫無該國家地區</div> </div> </div> <div class="active-room-shadow"></div> <div class="active-room-box"> <!-- <iframe src="https://activity.yazhaiyabo.com/activeFt/firstCharge/firstChargeFootseen/room.html" frameborder="0"></iframe> --> </div> <div class="ticker-send-box"> <div class="ticker-send-title">TICKET ROOM</div> <div class="ticker-send-content"> <p class="ticker-send-p1">僅剩</p> <p class="ticker-send-p2">19.26秒</p> <p class="ticker-send-p3">開始表演</p> <!-- <p class="ticker-send-p4">已有 <img src="images/card.png"> 1</p> --> <p class="ticker-send-p4">送出ticket <img style="height: 0.4rem;margin-top: -0.1rem;" src="images/diamond.png"> 200 </p> <div class="ticker-send-btn">購票看秀</div> </div> </div> <div class="ticker-tips-box"> <div class="ticker-tips-title">系統提示</div> <div class="ticker-tips-content"> <p><i class="ticketLang1">當前TICKET ROOM表演剩餘</i> <span class="ticker-tips-span">01:35</span> <i class="ticketLang2">結束,是否確定送出TICKET加入</i></p> </div> <div class="ticker-tips-no">取消</div> <div class="ticker-tips-yes">確定</div> </div> <div class="ticker-tips2"> <p class="ticker-tips2-p1"><i class="ticketLang3">集滿</i><img src="images/card.png">5</p> <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="ticker-tips3"> <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="ticker-tips4"> <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="reg-tip-layer"> <p class="room-txt29">寶石不足,是否前往儲值?</p> <div class="reg-tips-no room-txt30">取消</div> <div class="reg-tips-yes room-txt31">確定</div> </div> <div style="display: none;" class="layer-gift-box"> <div class="layer-gift-box1"><img src="images/boy.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> </body> <script src="../lib/jquery-3.1.1.min.js"></script> <script src="../lib/spark-md5.min.js"></script> <script src="../lib/default.js?v=2023051701"></script> <script src="../layer-v3.1.0/layer/layer.js"></script> <script src="../lib/login.js?v=2023111001"></script> <script src="../lib/flv.js"></script> <script src="../index.js?v=2023050601" defer=""></script> <script src="lib/circleChart.min.js"></script> <script src="lib/phoneRoomLang.js?v=2023061901"></script> <script src="lib/liMarquee.js"></script> <script> $(function(){ var dHeight=$(document).height() $(".touch-box").css("height",dHeight/2+"px") $(".touch-box").css("margin-top",-dHeight/5+"px") var topRoomId=0 var BottomRoomId=0 var turnNumberOk=true; // localStorage.canvasCode="phone" // console.log(localStorage.canvasCode) var giftMd5=null; var loadT=null; var newGiftOk=true; var startTimer1=null var startTimer2=null var startTimer3=null var turnClock=null //發言條數 var sendNum=0 $(".room-bg").css("height",dHeight+'px') $(".video-box").css("height",dHeight+'px') $(".room-content-loading").css("height",dHeight+'px') //多語言 if(sessionStorage.lang!=2){ $("body").addClass("body-lang"+sessionStorage.lang+"") $(".roomLang1").text(langRoom[sessionStorage.lang].room1) $(".roomLang2").text(langRoom[sessionStorage.lang].room2) $(".secret-btn").text(langRoom[sessionStorage.lang].room3) $(".secret-tips").text(langRoom[sessionStorage.lang].room4) $(".guard-btn").text(langRoom[sessionStorage.lang].room5) $(".new-msg").text(langRoom[sessionStorage.lang].room6) $(".hot-list-top-text1").text(langRoom[sessionStorage.lang].room7) $(".rich-list-top-text1").text(langRoom[sessionStorage.lang].room8) $(".rich-list-top-text2 i").text(langRoom[sessionStorage.lang].room9) $(".roomLang10").text(langRoom[sessionStorage.lang].room10) $(".roomLang11").text(langRoom[sessionStorage.lang].room11) $(".roomLang12").text(langRoom[sessionStorage.lang].room12) $(".roomLang16").text(langRoom[sessionStorage.lang].room16) $(".roomLang17").text(langRoom[sessionStorage.lang].room17) $(".roomLang18").text(langRoom[sessionStorage.lang].room18) $(".more-layer-btn1 i").text(langRoom[sessionStorage.lang].room19) $(".more-layer-btn2").text(langRoom[sessionStorage.lang].room20) $(".more-layer-btn3").text(langRoom[sessionStorage.lang].room21) $(".task-layer-top").text(langRoom[sessionStorage.lang].room22) $(".exc-layer .exc-diamond-top").text(langRoom[sessionStorage.lang].room23) $(".exc-diamond-layer .exc-diamond-top").text(langRoom[sessionStorage.lang].room27) $(".exc-btn").text(langRoom[sessionStorage.lang].room24) $(".keyboard-input").attr('placeholder',langRoom[sessionStorage.lang].room25) $(".keyboard-btn").text(langRoom[sessionStorage.lang].room26) $(".one-msg").text(langRoom[sessionStorage.lang].roomJsTxt41) $(".ticketLang1").text(langRoom[sessionStorage.lang].ticketLang1) $(".ticketLang2").text(langRoom[sessionStorage.lang].ticketLang2) $(".ticker-tips-box .ticker-tips-no").text(langRoom[sessionStorage.lang].ticketLang18) $(".ticker-tips-box .ticker-tips-yes").text(langRoom[sessionStorage.lang].ticketLang19) $(".ticker-tips-title").text(langRoom[sessionStorage.lang].ticketLang20) $(".ticketLang3").text(langRoom[sessionStorage.lang].ticketLang3) $(".ticker-tips2 .ticker-tips2-p2").text(langRoom[sessionStorage.lang].ticketLang4) $(".ticker-tips2-text").text(langRoom[sessionStorage.lang].ticketLang5) $(".ticker-tips3 .ticker-tips2-p2").text(langRoom[sessionStorage.lang].ticketLang6) $(".ticker-tips4 .ticker-tips2-p2").text(langRoom[sessionStorage.lang].ticketLang7) $(".ticker-send-p1").text(langRoom[sessionStorage.lang].ticketLang8) $(".ticker-send-p3").text(langRoom[sessionStorage.lang].ticketLang9) $(".ticketLang22").text(langRoom[sessionStorage.lang].ticketLang22) $(".ticketLang23").text(langRoom[sessionStorage.lang].ticketLang23) $(".ticker-send-btn").text(langRoom[sessionStorage.lang].ticketLang27) $(".roomJsTxt35").text(langRoom[sessionStorage.lang].ticketLang27) $(".ticket-ing").text(langRoom[sessionStorage.lang].ticketLang15) $(".room-txt29").text(langRoom[sessionStorage.lang].room29) $(".room-txt30").text(langRoom[sessionStorage.lang].room30) $(".room-txt31").text(langRoom[sessionStorage.lang].room31) $(".secret-ing-p2").text(langRoom[sessionStorage.lang].ticketLang26) $(".secret-bottom").text(langRoom[sessionStorage.lang].ticketLang27) $(".layer-gift-box2").text(langRoom[sessionStorage.lang].room32) $(".layer-gift-box3").text(langRoom[sessionStorage.lang].room33) $(".layer-gift-btn1").text(langRoom[sessionStorage.lang].room30) $(".layer-gift-btn2").text(langRoom[sessionStorage.lang].room31) } // hotList() liveList(1) startLive() //进入直播间 if(localStorage.uid!=undefined){ newReg() } function startLive(e){ $.ajax({ url:$ip+'room/enterRoom', data:{ uid: localStorage.uid, token: localStorage.token, roomId: sessionStorage.roomId, pageID: localStorage.canvasCode, // pass: true, }, success:function(data){ // console.log('进入直播间', data) var html=[] $(".room-bg,.video-box").fadeIn(0) $("title").text(data.roomBaseInfo.nickname+'的直播間-footseen直播') if(data.code==-20060){ alert(langRoom[sessionStorage.lang].roomJsTxt1) window.location.href="../index.html" return; } roomCId=data.ticketRoomInfo.channelId roomRId=data.ticketRoomInfo.roundId try{ }catch(e){ } if(data.room.liveState!=1&&data.room.liveScope!=3){ $(".room-content").hide() $(".mc-out-box").show() var html='' html+='<img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm'+data.room.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt="">'; html+='<p class="room-mc-name">'+data.room.nickName+'</p>'; html+='<div class="room-rich-num"><img src="images/man.png" alt="">'+data.room.lookSum+'</div>'; if(data.room.isLike==0)html+='<img class="like-icon" data-type="'+data.room.uid+'" src="images/like-icon.png" alt="">'; $(".mc-out-mcBox").html(html); $(".room-out-mc-shadow").attr("src","https://zhibocdn.yabolive.net/comm"+data.room.face.split('?')[0]+"?x-oss-process=image/resize,w_300") $(".like-icon").unbind("click").on("click",function(){ if(localStorage.uid==undefined){ $(".layer-shadow").show() loginPage() return; } var _self=$(this) $.ajax({ url:$ip+'room/likeOpt', data:{ roomId:_self.attr("data-type"), optType:1, pass: true, uid:localStorage.uid, token:localStorage.token, pageID: localStorage.canvasCode, }, success:function(data){ //// console.log('關注',data) if(data.code==1){ _self.hide() layer.msg('關注成功') }else{ layer.msg(data.msg) } } }) }) moreMc() return; } $(".room-content-loading").show() $(".room-bottom").show() $(".user-msg-box").css("opacity","1") $(".secret-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.room.face.split('?')[0]+"?x-oss-process=image/resize,w_150") $(".loading-face").show().attr("src","https://zhibocdn.yabolive.net/comm"+data.room.face.split('?')[0]+"?x-oss-process=image/resize,w_350") var loadNum=1 clearInterval(loadT) loadT=setInterval(function(){ $(".loading-icon").attr("src","images/loading/loading ("+loadNum+").png") loadNum++ if(loadNum>21)loadNum=1 },70) var loadOutNum=0 var ua = window.navigator.userAgent.toLowerCase(); if (/android/.test(ua)) { loadOutNum=0 } var soundOk=false if (/android/.test(ua)) { if(mySound==1||e==1){ history.pushState(null,null,'liveRoom.html?roomId='+sessionStorage.roomId+'&v=2023050801'); $(".sound-btn").attr("data-type",1) $(".sound-btn").attr("src","images/sound-yes.png") $(".gift-btn").attr("src","images/gift-btn.png") $(".video-box video").prop("muted",false) html+='<video id="myVideo" autoplay webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="object-fit:cover;z-index: 10" poster="" src=""></video>' }else{ html+='<video muted id="myVideo" autoplay webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="object-fit:cover;z-index: 10" poster="" src=""></video>' } }else{ $(".sound-tips").show() $(".sound-btn").attr("src","images/sound-no.png") html+='<video muted id="myVideo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="object-fit:cover;z-index: 10" poster="" src="'+data.pullFlowUrlHLS+'"></video>' } if(data.pullFlowUrlHLS.indexOf('pull.bsy')>-1)videoCdn='bsy' else if(data.pullFlowUrlHLS.indexOf('pull.zl')>-1)videoCdn='zl' var iosT=null; $(".video-box").html(html) if(/android/.test(ua)){ flvPlay(data.pullFlowUrl) startTime=new Date().getTime() matchNum=Math.floor(Math.random()*100000000) $.ajax({ url:$ip+'activeLog/doVideoLoadingCheck', data:{ matchid:matchNum, type:1, systemOs:'android', roomid:sessionStorage.roomId, pageID: localStorage.canvasCode, cdn:videoCdn, rating:data.room.rating, ip:sessionStorage.Uip, vUrl:data.pullFlowUrl }, success:function(data){ // console.log('视频加载检测',data) } }) } else{ var player = document.getElementById('myVideo'); player.play() startTime=new Date().getTime() matchNum=Math.floor(Math.random()*100000000) $.ajax({ url:$ip+'activeLog/doVideoLoadingCheck', data:{ matchid:matchNum, type:1, systemOs:'ios', roomid:sessionStorage.roomId, pageID: localStorage.canvasCode, cdn:videoCdn, rating:data.room.rating, ip:sessionStorage.Uip, vUrl:data.pullFlowUrlHLS }, success:function(data){ // console.log('视频加载检测',data) } }) } $("#myVideo").unbind("click").on("pause",function(){ // clearTimeout(iosT) // $(".play-icon").fadeIn(200) // iosT=setTimeout(function(){ // var player = document.getElementById('myVideo'); // player.play() // },500) }) $(".play-icon").unbind("click").on("click",function(){ window.location.reload() }) $("#myVideo").unbind("waiting").on("waiting",function(){ }) $("#myVideo").unbind("playing").on("playing",function(){ $(".play-icon").hide() }) $("#myVideo").unbind("canplay").on("canplay",function(){ if(sessionStorage.type!='pwa'){ if(localStorage.uid==undefined){ if(sessionStorage.lookNum==undefined)sessionStorage.lookNum=1; else sessionStorage.lookNum=Number(sessionStorage.lookNum)+1; } } var ua = window.navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(ua)) { //视频加载检测 var overTime=new Date().getTime() $.ajax({ url:$ip+'activeLog/doVideoLoadingCheck', data:{ matchid:matchNum, type:2, systemOs:'ios', roomid:sessionStorage.roomId, gap:(overTime-startTime), pageID: localStorage.canvasCode, cdn:videoCdn, rating:data.room.rating, ip:sessionStorage.Uip, vUrl:data.pullFlowUrlHLS }, success:function(data){ // console.log('视频加载检测',data) } }) if(backGo==1)$(".sound-tips").show() if(sessionStorage.lookNum>=3){ clearTimeout(startTimer1) startTimer1=setTimeout(function() { if(localStorage.uid!=undefined)return; // sessionStorage.lookNum=0 $(".layer-shadow").show() loginPage() }, 3000); } } else if(/android/.test(ua)){ //视频加载检测 var overTime=new Date().getTime() $.ajax({ url:$ip+'activeLog/doVideoLoadingCheck', data:{ matchid:matchNum, type:2, systemOs:'android', roomid:sessionStorage.roomId, gap:(overTime-startTime), pageID: localStorage.canvasCode, cdn:videoCdn, rating:data.room.rating, ip:sessionStorage.Uip, vUrl:data.pullFlowUrl }, success:function(data){ // console.log('视频加载检测',data) } }) } clearInterval(iosT) $(".play-icon").hide() clearTimeout(startTimer2) startTimer2=setTimeout(function() { clearInterval(loadT) $(".room-content-loading").fadeOut(100) $(".loading-face").fadeOut(100) }, loadOutNum); $(".sound-btn").unbind("click").on("click",function(){ $(".sound-tips").hide() var _self=$(this) if(_self.attr("data-type")==1){ _self.attr("data-type","0") $(".sound-btn").attr("src","images/sound-no.png?v=2022111801") $(".video-box video").prop("muted",true) }else { _self.attr("data-type","1") $(".sound-btn").attr("src","images/sound-yes.png") $(".gift-btn").attr("src","images/gift-btn.png") $(".video-box video").prop("muted",false) } }) $("body").unbind("click").on("click",function(){ $(".sound-tips").hide() if(soundOk==true)return; soundOk=true $(".sound-btn").attr("data-type","1") $(".sound-btn").attr("src","images/sound-yes.png") $(".gift-btn").attr("src","images/gift-btn.png") $(".video-box video").prop("muted",false) }) }) //付費房 if(data.room.liveScope==3&&localStorage.uid!=sessionStorage.roomId){ TicketRoom(roomCId,roomRId) } else if(data.room.newPayRegister){ if(sessionStorage.newLogin==1&&localStorage.uid!=undefined){ sessionStorage.newLogin=0 newGift() $.ajax({ url:$ip+'room/doGiftGuidelineCheck', data:{ roomid:sessionStorage.roomId, }, success:function(data){ // console.log('送礼引导前检测',data) } }) layer.open({ type: 1, title: false, shadeClose: false, skin: "yourclass5", area: ["7.47rem","5.35rem"], 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("https://www.footseen.com/footseen/phonepay/applepay.html?lang="+sessionStorage.lang+"&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&token="+localStorage.token+"&os=h5&appversion=7&osStr=h5") }) }else{ clearTimeout(startTimer3) startTimer3=setTimeout(function(){ newGift() $.ajax({ url:$ip+'room/doGiftGuidelineCheck', data:{ roomid:sessionStorage.roomId, }, success:function(data){ // console.log('送礼引导前检测',data) } }) layer.open({ type: 1, title: false, shadeClose: false, skin: "yourclass5", area: ["7.47rem","5.35rem"], 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||localStorage.uid=="undefined"){ $(".layer-gift-btn2").unbind("click").on("click",function(){ layer.closeAll() $(".layer-shadow").show() loginPage() sessionStorage.newLogin=1 return; }) }else{ $(".layer-gift-btn2").unbind("click").on("click",function(){ window.open("https://www.footseen.com/footseen/phonepay/applepay.html?lang="+sessionStorage.lang+"&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&token="+localStorage.token+"&os=h5&appversion=7&osStr=h5") }) } },30000) } } giftList(1) if(localStorage.uid!=undefined){ myDiamond() } online() WebSocketGo() // object-fit:fill // // console.log($("#myVideo").css("height")) var html=[]; html+='<img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm'+data.room.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt="">'; html+='<p class="room-mc-name">'+data.room.nickName+'</p>'; html+='<div class="room-rich-num"><img src="images/man.png" alt="">'+data.room.lookSum+'</div>'; if(data.room.isLike==0)html+='<img class="like-icon" data-type="'+data.room.uid+'" src="images/like-icon.png" alt="">'; $(".room-mc-box").html(html).show(); if(data.room.isLike!=0)$(".room-mc-box").addClass("room-mc-box2") $(".hot-list-box").html('<img src="images/hot-icon.png?v=2023060501" alt=""><i>'+data.roomOtherInfo.popularNum+'</i> <span>></span>') $(".interac-list-box").html('<img src="images/interac.png?v=2023060501" alt=""><i>'+data.roomOtherInfo.interacNum+'</i> <span>></span>') $(".room-hot-box span").text(data.roomOtherInfo.charm) $(".rich-tips-box").show() $(".room-mc-face").unbind("click").on("click",function(){ layer.open({ type: 2, title: false, shadeClose: true, skin: "yourclass9", area: ["10rem", dHeight+'px'], content: '../userRoom.html?tid='+data.room.uid+'', end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) }) $(".like-icon").unbind("click").on("click",function(){ if(localStorage.uid==undefined){ $(".layer-shadow").show() loginPage() return; } var _self=$(this) $.ajax({ url:$ip+'room/likeOpt', data:{ roomId:_self.attr("data-type"), optType:1, pass: true, uid:localStorage.uid, token:localStorage.token, pageID: localStorage.canvasCode, }, success:function(data){ //// console.log('關注',data) if(data.code==1){ _self.hide() layer.msg(langRoom[sessionStorage.lang].roomJsTxt3) $(".room-mc-box").css("transition","0.3s all") $(".room-mc-box").addClass("room-mc-box2") if(sessionStorage.firstReg==1){ $(".active-room-shadow").show() $(".active-room-box").show() var html=[]; html+='<iframe src="https://activity.yazhaiyabo.com/activeFt/newCharge/index.html?uid='+localStorage.uid+'&token='+localStorage.token+'&lang='+sessionStorage.lang+'&roomid='+sessionStorage.roomId+'" frameborder="0"></iframe>' $(".active-room-box").html(html).css("bottom","0rem") } }else{ layer.msg(data.msg) } } }) }) if(data.liveState==1){ clearInterval(iosT) var html=[]; html+='<img class="mc-tv" src="images/mc-tv.png">' html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt4+'</p>' $(".room-content-loading").html(html) $(".room-content-loading").fadeIn(100) $(".loading-face").fadeIn(100) clearInterval(loadT) $(".video-box").hide() var player = document.getElementById('myVideo'); player.pause() try{ flvPlayer.unload(); } catch (e) { } return; } } }) } $(".reg-tips-yes").on("click",function(){ window.open("https://www.footseen.com/footseen/phonepay/applepay.html?lang="+sessionStorage.lang+"&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&token="+localStorage.token+"&os=h5&appversion=7&osStr=h5") $.ajax({ url:$ip+'activeLog/webActive', data:{ activeType:4, pageID:localStorage.canvasCode, }, async:false, success:function(data){ } }) }) $(".reg-tips-no").on("click",function(){ layer.closeAll() }) $(".layer-list-tips1 img,.layer-list-tips2 img").on("click",function(){ layer.closeAll() }) $(".gift-layer-diamond-box").on("click",function(){ $.ajax({ url:$ip+'activeLog/webActive', data:{ activeType:4, pageID:localStorage.canvasCode, }, async:false, success:function(data){ } }) window.open("https://www.footseen.com/footseen/phonepay/applepay.html?lang="+sessionStorage.lang+"&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&token="+localStorage.token+"&os=h5&appversion=7&osStr=h5") }) $(".layer-ios-close").on("click",function(){ layer.closeAll() }) $(".msg-btn").on("click",function(){ if(localStorage.uid==undefined){ $(".layer-shadow").show() loginPage() return; } // $(".room-bg").css("") $(".layer-shadow").show() $(".keyboard-box").show() $(".keyboard-input").focus() }) $(".gift-layer-ul li").on("click",function(){ var _self=$(this); $(".gift-layer-ul li").removeClass("gift-layer-click") if(_self.attr("data-type")==1){ _self.addClass("gift-layer-click") giftList(1) } if(_self.attr("data-type")==2){ _self.addClass("gift-layer-click") giftList(2) } if(_self.attr("data-type")==3){ _self.addClass("gift-layer-click") backPack() } if(_self.attr("data-type")==4){ _self.addClass("gift-layer-click") giftList(3) } }) $(".room-hot-box").on("click",function(){ richList(0) $(".rich-time-ul li").removeClass("rich-time-click") $(".rich-time-ul li").eq(0).addClass("rich-time-click") $(".rich-list-layer").css("bottom","0rem") $(".layer-shadow").show() }) $(".rich-close").on("click",function(){ $(".rich-list-layer").css("bottom","-9.1rem") $(".layer-shadow").hide() }) $(".hot-list-box").on("click",function(){ $(".hot-list-layer").css("bottom","0rem") popular() $(".layer-shadow").show() $(".hot-list-top-text1").text(langRoom[sessionStorage.lang].room7) }) $(".interac-list-box").on("click",function(){ $(".hot-list-layer").css("bottom","0rem") interac() $(".layer-shadow").show() $(".hot-list-top-text1").text(langRoom[sessionStorage.lang].roomJsTxt5) }) $(".more-btn").on("click",function(){ if(localStorage.uid==undefined){ $(".layer-shadow").show() loginPage() return; } $(".more-layer").css("bottom","0rem") $(".layer-shadow").show() }) $(".layer-shadow").on("click",function(){ closePop() }) function closePop(){ $(".layer-shadow").hide() $(".keyboard-box").hide() fixScroll() $(".login-box").css("transform","translateY(13rem)") $(".rich-list-layer").css("bottom","-9.1rem") $(".hot-list-layer").css("bottom","-10.9rem") $(".more-layer").css("bottom","-4.4rem") $(".task-layer").css("bottom",'-8.55rem') $(".exc-layer").css("bottom","-6.45rem") $(".exc-diamond-layer").css("bottom",'-6.45rem') $(".guard-layer").css("bottom","-11.6rem") $(".gift-layer").css("bottom","-7.8rem") $(".ticker-buy-box").css("bottom","-10rem") var ua = window.navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(ua)) { $(".user-msg-box").scrollTop(0) $(".new-msg").hide() } else if (/android/.test(ua)) { $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height())) $(".new-msg").hide() } } $(".hot-close").on("click",function(){ $(".layer-shadow").hide() $(".hot-list-layer").css("bottom","-10.9rem") }) $(".more-layer-btn1").on("click",function(){ task(1) $(".more-btn-dian").remove() $(".task-layer").css("bottom","0rem") $(".more-layer").css("bottom","-4.4rem") }) $(".more-layer-btn2").on("click",function(){ $(".exc-layer").css("bottom","0rem") $(".more-layer").css("bottom","-4.4rem") sellDiamond() }) $(".more-layer-btn3").on("click",function(){ $(".exc-diamond-layer").css("bottom","0rem") $(".more-layer").css("bottom","-4.4rem") sellDew() }) $(".guard-btn").on("click",function(){ if(localStorage.uid==undefined){ $(".layer-shadow").show() loginPage() return; } guard() $(".layer-shadow").show() $(".guard-layer").css("bottom","0rem") }) $(".gift-btn").on("click",function(){ if(localStorage.uid==undefined){ $(".layer-shadow").show() loginPage() return; } $(".layer-shadow").show() $(".gift-layer").css("bottom","0rem") }) $(".rich-time-ul li").on("click",function(){ var _self=$(this) $(".rich-time-ul li").removeClass("rich-time-click") _self.addClass("rich-time-click") if(_self.attr("data-type")==1){ richList(0) } else if(_self.attr("data-type")==2){ richList(1) } else if(_self.attr("data-type")==3){ richList(2) } }) $(".keyboard-btn").on("click",function(){ if($(".keyboard-input").val()==''){ setTimeout(function() { layer.msg(langRoom[sessionStorage.lang].roomJsTxt6) }, 300); return; } msgSend($(".keyboard-input").val()) }) $(".keyboard-input").on("keydown",function(){ if (event.keyCode == "13") { if($(".keyboard-input").val()==''){ setTimeout(function() { layer.msg(langRoom[sessionStorage.lang].roomJsTxt6) }, 300); return; } msgSend($(".keyboard-input").val()) } }) $(".room-close").on("click",function(){ // if(backGo!=0){ // history.back(-1) // }else{ // window.location.href="../index.html" // } window.location.href="../index.html" }) $(".exc-layer .exc-btn").on("click",function(){ $.ajax({ url:$ip+'user/chip/buy', data:{ uid:localStorage.uid, token:localStorage.token, pid:excNum, pass: true, pageID: localStorage.canvasCode }, success:function(data){ // console.log('宝石兑换露水',data) if(data.code!=1){ layer.msg(data.msg) return; } layer.msg(langRoom[sessionStorage.lang].roomJsTxt7) myDiamond() setTimeout(function(){ sellDiamond() }, 200); } }) }) $(".exc-diamond-layer .exc-btn").on("click",function(){ $.ajax({ url:$ip+'user/chip/sell', data:{ uid:localStorage.uid, token:localStorage.token, pid:excNum, pass: true, pageID: localStorage.canvasCode }, success:function(data){ // console.log('宝石兑换露水',data) if(data.code!=1){ layer.msg(data.msg) return; } layer.msg(langRoom[sessionStorage.lang].roomJsTxt7) myDiamond() setTimeout(function(){ sellDew() }, 200); } }) }) function flvPlay(e) { var player = document.getElementById('myVideo'); 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(player); flvPlayer.load(); //加载 } } function newReg(){ $.ajax({ url:$ip+'setting/activeCenter/queryActivityV2', data:{ roomId:sessionStorage.roomId, lang:sessionStorage.lang }, success:function(data){ // console.log('首充活动',data) if(data.dataList.is_show==1){ sessionStorage.firstReg=1 if(sessionStorage.lang!=2)$(".room-reg-icon").attr("src","https://zhibocdn.yabolive.net/comm"+data.dataList.activitys[0].icon+"") $(".room-reg-icon").fadeIn(350) $(".room-reg-icon").unbind("click").on("click",function(){ $(".active-room-shadow").show() $(".active-room-box").show() var html=[]; html+='<iframe src="https://activity.yazhaiyabo.com/activeFt/newCharge/index.html?uid='+localStorage.uid+'&token='+localStorage.token+'&lang='+sessionStorage.lang+'&roomid='+sessionStorage.roomId+'&pageID='+localStorage.canvasCode+'" frameborder="0"></iframe>' $(".active-room-box").html(html).css("bottom","0rem") }) $(".active-room-shadow").unbind("click").on("click",function(){ $(".active-room-shadow").hide() $(".active-room-box").hide() $(".active-room-box").html(html).css("bottom","-10.4rem") }) } } }) } function newGift(){ $.ajax({ url:$ip+'gift/getGiftGuidelineInfo', 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") } }) } var ticketTerval=null var sendClockOk=true var sendClock=null var buyCardOk=false 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, token:mytoken }, success:function(data){ // console.log('获取TicketRoom信息',data) if(localStorage.uid!=undefined&&localStorage.uid!='undefined')myDiamond() if(data.progressBar.state>3){ $(".user-msg-box").css('bottom','1.4rem') $(".ticket-box").hide() $("#myVideo").css("filter","blur(0px)") $(".new-msg").css("bottom","1.5rem") $(".room-top,.user-msg-box,.new-msg,.room-bottom").show() return } $(".ticket-box2-p2,.ticker-buy-content1-p2").html(data.progressBar.showTopic) if(data.progressBar.showTopic.length>=15) $(".ticket-box2-p2,.ticker-buy-content1-p2").liMarquee({ drag:true, circular:false, }) $(".ticket-box3-p1").show() $(".ticket-box3 .ticket-box3-btn").css("margin-top","0rem") $(".ticket-box3-p1 span,.ticker-buy-time span").text(Math.floor(data.tollconfig.showTime/60000)) // $(".ticketRoom-tips-box").show() TicketStage=data.progressBar.state turnNumberOk=true; clearInterval(ticketTerval) if(data.progressBar.state==1||data.progressBar.state==2){ $(".ticket-box1-content2").hide() $(".circleChart1-p,.circleChart2-p").html('<span>0</span>/5').css("color","#fff") if(sessionStorage.lang==2)$(".ticket-box2-p1,.ticker-buy-content1-p1").html("Ticket Room <span>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span> 后開始") else $(".ticket-box2-p1,.ticker-buy-content1-p1").html("Ticket Room start in <span>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") // $(".ticketRoom-tips-box span").text('Count '+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') // $(".ticketRoom-tips-box").css("color","#F0257C") $(".ticket-box").show() $(".user-msg-box").css('bottom','2.9rem') $(".new-msg").css("bottom","3rem") $(".ticket-box2-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') $(".ticker-buy-content1-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') $(".ticket-box3-btn").text(langRoom[sessionStorage.lang].ticketLang27) if(data.inBuyTotal==0)$(".circleChart2-p span").text(data.progressBar.succ) else{ $(".circleChart2-p").text(langRoom[sessionStorage.lang].ticketLang10).css("color","#24FE90").css("font-size","0.3rem") $(".ticket-box3-btn").text(langRoom[sessionStorage.lang].ticketLang11) } var valueNum2=data.progressBar.succ*20 var valueColor='#FA2081' if(valueNum2==0){ valueNum2=1 valueColor="#EFEDED" } $(".ticker-send-btn").unbind("click").on("click",function(){ buyTicker(chId,rId,1) }) $(".circleChart2").circleChart({ value: valueNum2, startAngle: 75, speed: 0, animation: "easeInOutCubic", color: valueColor, backgroundColor: "#EFEDED", size: 80, lineCap: "round", }); ticketTerval=setInterval(function(){ data.progressBar.leftTime-=1000; if(data.progressBar.leftTime<=0){ // clearInterval(ticketTerval) TicketRoom(chId,rId) return; } if(data.progressBar.leftTime<0)data.progressBar.leftTime=0 // if(data.progressBar.leftTime<60000)$(".ticketRoom-tips-box").css("color","#FBD91C") // $(".ticketRoom-tips-box span").text('Count '+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))) $(".ticket-box2-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') $(".ticker-buy-content1-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'') if(data.progressBar.leftTime<6000){ if(buyCardOk==false)return; buyCardOk=false turnNumber(2) } if(data.progressBar.leftTime<20000){ if(sendClockOk==false)return; sendClockOk=false if(data.inBuyTotal>0)return; buyCardOk=false if(data.backpack>0)$(".ticker-send-p4").html(''+langRoom[sessionStorage.lang].ticketLang13+' <img src="images/card.png"> '+data.backpack+'') else $(".ticker-send-p4").html(' '+langRoom[sessionStorage.lang].roomJsTxt35+'ticket <img style="height: 0.4rem;margin-top: -0.1rem;" src="images/diamond.png"> '+data.tollconfig.tollPrice+'') layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["5.7rem", "6.5rem"], content: $(".ticker-send-box"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) var sendClockNum=data.progressBar.leftTime sendClock=setInterval(function(){ sendClockNum-=30 if(sendClockNum<0){ clearInterval(sendClock) layer.closeAll() return; } $(".ticker-send-p2").text(''+Math.floor(sendClockNum%60000/1000)+'.'+add0(Math.floor(sendClockNum%1000/10))+''+langRoom[sessionStorage.lang].ticketLang21+'') },30) } },1000) } if(data.progressBar.state==3){ if(data.inBuyTotal>0){ $(".ticker-buy-box").css("bottom","-10rem") $("#myVideo").css("filter","blur(0px)") $('.secret-ing-content').hide() $(".secret-bottom-box").hide() $(".room-top,.user-msg-box,.room-bottom").show() $(".ticket-box").show() $(".ticket-box3-btn").text('ticket '+data.progressBar.succ+'') }else{ $(".ticker-buy-box").css("bottom","-10rem") $(".keyboard-box").hide() $(".sound-tips").addClass("sound-tips2") $(".room-top,.user-msg-box,.room-bottom,.new-msg").hide() $('.secret-ing-content').show() $(".secret-bottom-box").show() $(".ticket-box").hide() $("#myVideo").css("filter","blur(14px)") } //5月16日新樣式 // $(".ticketRoom-tips-box span").text('ing...') // $(".ticketRoom-tips-box").css("color","#24FE90") //購買按鈕 /****5月9日修改样式****/ $(".ticket-box3-p1").hide() $(".ticket-box3 .ticket-box3-btn").css("margin-top","0.38rem") // $(".touch-box").unbind("click").on("click",function(){ // if(localStorage.token==undefined||localStorage.token=='undefined'){ // $(".layer-shadow").show() // loginPage() // return; // } // ticketBackpack(chId,rId) // $(".ticker-buy-box").css("bottom","0rem") // $(".layer-shadow").show() // }) /****/ // $(".ticket-box").show() $(".user-msg-box").css('bottom','2.9rem') $(".new-msg").css("bottom","3rem") $(".ticket-box1-content2").show() $(".secret-ing-p3").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span >"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") $(".ticket-box2-p1").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span style='color:#24FE90'>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") ticketTerval=setInterval(function(){ data.progressBar.leftTime-=1000 if(data.progressBar.leftTime<=0){ clearInterval(ticketTerval) $(".user-msg-box").css('bottom','1.4rem') $(".ticket-box").hide() $("#myVideo").css("filter","blur(0px)") $(".new-msg").css("bottom","1.5rem") // $(".ticketRoom-tips-box").hide() $('.secret-ing-content').hide() $(".secret-bottom-box").hide() $(".room-top,.user-msg-box,.room-bottom").show() $(".sound-tips").hide() return; } // $(".ticketRoom-tips-box span").text('ing...') $(".ticker-tips-span").text(add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))) $(".secret-ing-p3").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span >"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") $(".ticket-box2-p1").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span style='color:#24FE90'>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>") if(data.progressBar.leftTime<6000){ if(sendClockOk==false)return; if(data.inBuyTotal!=0)turnNumber(3) } $(".secret-bottom").unbind("click").on("click",function(){ if(localStorage.uid==undefined){ $(".layer-shadow").show() loginPage() return; } if(data.progressBar.state==3&&data.progressBar.leftTime<120000){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["7.5rem", "4.8rem"], content: $(".ticker-tips-box"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) $(".ticker-tips-no").unbind("click").on("click",function(){ layer.closeAll() }) $(".ticker-tips-yes").unbind("click").on("click",function(){ buyTicker(chId,rId,1) }) }else{ buyTicker(chId,rId,1) } }) },1000) } //初始化购票 $(".circleChart1-p span").text(data.progressBar.succ) if(data.progressBar.state==3){ // $(".circleChart1-p").html('<div class="ticket-ing2">'+langRoom[sessionStorage.lang].ticketLang15+'</div>') $(".secret-ing-p4").text(data.progressBar.showTopic) if(data.backpack>0){ $(".secret-ing-p5 span").html("X1") $(".secret-bottom-tips").show().html(''+langRoom[sessionStorage.lang].ticketLang25+'<img src="images/card.png">'+data.backpack+'') }else{ $(".secret-bottom-tips").hide() $(".secret-ing-p5 span").html('<img src="images/diamond.png" alt="">'+data.tollconfig.tollPrice+'') } } else{ var valueNum2=data.progressBar.succ*20 var valueColor='#FA2081' if(valueNum2==0){ valueNum2=1 valueColor="#EFEDED" } $(".circleChart1").circleChart({ value: valueNum2, startAngle: 75, speed: 0, animation: "easeInOutCubic", color: valueColor, backgroundColor: "#EFEDED", size: 80, lineCap: "round", }); } $(".ticker-buy-btn").unbind("click").on("click",function(){ if(data.progressBar.state==3&&data.progressBar.leftTime<120000){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["7.5rem", "4.8rem"], content: $(".ticker-tips-box"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) $(".ticker-tips-no").unbind("click").on("click",function(){ layer.closeAll() }) $(".ticker-tips-yes").unbind("click").on("click",function(){ buyTicker(chId,rId,1) }) }else{ buyTicker(chId,rId,n) } }) if(data.backpack>0)$(".ticker-my-card").show() else $(".ticker-my-card").hide() $(".ticker-my-card span").text(data.backpack) var html=[]; html+='<li data-type="'+1+'" class="ticker-buy-click">'; html+='<div class="ticker-buy-li1">'; html+='<img class="ticker-buy-card" src="images/card.png" alt=""> <p>x1</p>'; html+='</div>'; html+='<div class="ticker-buy-li2">'; if(data.backpack>0) html+='<p class="buy-card-p">'+langRoom[sessionStorage.lang].ticketLang16+'<img src="images/card.png" alt="">1</p>'; else html+='<img src="images/diamond.png" alt=""> <p>'+data.tollconfig.tollPrice+'</p>'; html+='</div>'; html+='</li>'; var allCard=(data.tollconfig.condTotal-data.progressBar.succ) html+='<li data-type='+allCard+'>'; html+='<div class="ticker-buy-tips">'+langRoom[sessionStorage.lang].ticketLang24+'</div> '; html+='<div class="ticker-buy-li1">'; html+='<img class="ticker-buy-card" src="images/card.png" alt=""> <p>x'+(data.tollconfig.condTotal-data.progressBar.succ)+'</p>'; html+='</div>'; html+='<div class="ticker-buy-li2">'; if(data.backpack>0){ if(allCard<=data.backpack)html+='<p class="buy-card-p">'+langRoom[sessionStorage.lang].ticketLang16+'<img src="images/card.png" alt="">'+allCard+'</p>'; else html+='<p style="text-indent: 1.1rem !important;" class="buy-card-p">'+langRoom[sessionStorage.lang].ticketLang16+'<img src="images/card.png" alt="">'+data.backpack+'+<img src="images/diamond.png">'+data.tollconfig.tollPrice*(allCard-data.backpack)+'</p>'; } else html+='<img src="images/diamond.png" alt=""> <p>'+data.tollconfig.tollPrice*allCard+'</p>'; html+='</div>'; html+='</li>'; $(".ticker-buy-ul").html(html); var n=1 $(".ticker-buy-ul li").unbind("click").on("click",function(){ var _self=$(this) $(".ticker-buy-ul li").removeClass("ticker-buy-click") _self.addClass("ticker-buy-click") n=_self.attr("data-type") }) $(".ticket-box").unbind("click").on("click",function(){ if(data.progressBar.state>2)return; if(localStorage.token==undefined||localStorage.token=='undefined'){ $(".layer-shadow").show() loginPage() return; } ticketBackpack(chId,rId) $(".ticker-buy-box").css("bottom","0rem") $(".layer-shadow").show() }) if(data.progressBar.state==3){ $(".ticker-buy-ul li").eq(1).hide() $(".ticker-buy-ul li").eq(0).css("margin-top","1.5rem").css("margin-bottom","1.5rem") } } }) } function ticketBackpack(chId,rId){ $.ajax({ url:$ip+'ticketRoom/backpack/get', data:{ channelId:chId, roundId:rId, pageID:localStorage.canvasCode, roomId:sessionStorage.roomId, }, success:function(data){ // console.log('背包拥有剩余票数',data) if(data.backpack>0)$(".ticker-my-card").show() else $(".ticker-my-card").hide() $(".ticker-my-card span").text(data.backpack) } }) } function turnNumber(e){ if(turnNumberOk==false)return; turnNumberOk=false var turnClock=null if(e==1){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["5.7rem", "5.5rem"], content: $(".ticker-tips2"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) turnNum=5 turnClock=setInterval(function(){ $(".ticker-tips2 .ticker-tips2-num").text(turnNum) turnNum-- if(turnNum<0){ layer.closeAll() TicketRoom(roomCId,roomRId) clearInterval(turnClock) setTimeout(function() { $(".ticker-tips2 .ticker-tips2-num").text(5) sendClockOk=true; }, 500); } },1000) } if(e==2){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["5.7rem", "5rem"], content: $(".ticker-tips3"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) turnNum=5 turnClock=setInterval(function(){ $(".ticker-tips3 .ticker-tips2-num").text(turnNum) turnNum-- if(turnNum<0){ layer.closeAll() clearInterval(turnClock) setTimeout(function() { $(".ticker-tips3 .ticker-tips2-num").text(5) buyCardOk=false; }, 500); } },1000) } if(e==3){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["5.7rem", "5rem"], content: $(".ticker-tips4"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) turnNum=5 turnClock=setInterval(function(){ $(".ticker-tips4 .ticker-tips2-num").text(turnNum) turnNum-- if(turnNum<0){ layer.closeAll() clearInterval(turnClock) setTimeout(function() { $(".ticker-tips4 .ticker-tips2-num").text(5) }, 500); } },1000) } } var buyTickerOk=true; function buyTicker(chId,rId,n){ if(localStorage.token==undefined||localStorage.token=='undefined'){ $(".layer-shadow").show() loginPage() return; } if(buyTickerOk==false)return; buyTickerOk=false $.ajax({ url:$ip+'ticketRoom/ticket/buy', type:'post', data:{ channelId:chId, roundId:rId, num:n, pageID:localStorage.canvasCode, roomId:sessionStorage.roomId, }, success:function(data){ // console.log('用户购票',data) if(data.code==-100){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["7.8rem", "4.6rem"], content: $(".reg-tip-layer"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) buyTickerOk=true return; } if(data.code!=1){ layer.msg(data.msg) buyTickerOk=true return; } layer.closeAll() if(TicketStage==3){ layer.msg(langRoom[sessionStorage.lang].ticketLang17) setTimeout(function(){ window.location.reload() }, 500); return; } layer.msg(langRoom[sessionStorage.lang].ticketLang17) buyTickerOk=true; buyCardOk=true; $(".ticker-buy-box").css("bottom","-10rem") $(".layer-shadow").hide() // setTimeout(function(){ // window.location.reload() // }, 500); } }) } function moreMc(){ $.ajax({ url:$ip+'frontPage/queryLiveUsers/v2', data:{ pageNum:1, pageSize:3, uid:localStorage.uid || '', token:localStorage.token || '', pageID:localStorage.canvasCode }, success:function(data){ // console.log('直播列表',data) if(data.code==-5008){ setTimeout(function() { moreMc() }, 500); return; } var html=''; for(var i=0;i<3;i++){ if(data.normalRoomList[i]==undefined)break; var list=data.normalRoomList[i] html+='<a href="liveRoom.html?roomId='+list.roomId+'&v=2023050801"><li>'; html+='<span class="more-mc-num">'+list.hotnum+'</span>'; html+='<img class="more-mc-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_150" alt="">'; html+='<p class="more-mc-p1">'+list.nickname+'</p>'; html+='<p class="more-mc-p2">'+list.introduce+'</p>'; html+='<div class="more-shadow"></div>'; html+='</li></a>'; } $(".more-mc-recommend-ul").html(html) } }) } function liveList(e){ $.ajax({ url:$ip+'frontPage/queryLiveUsers/v2', data:{ pageNum:e, pageSize:100, uid:localStorage.uid || '', token:localStorage.token || '', 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&&data.normalRoomList[i].length==0)newList+=(JSON.stringify(list2)) else 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+="]" // console.log(newList) newList=JSON.parse(newList) for(var i=0;i<newList.length;i++){ var list=newList[i] // list.roomId if(list.roomId==sessionStorage.roomId){ //最后一个 if(i+1==newList.length){ BottomRoomId=newList[0].roomId }else{ BottomRoomId=newList[i+1].roomId } //第一个 if(i==0){ topRoomId=newList[newList.length-1].roomId }else{ topRoomId=newList[i-1].roomId } //只有一个 if(newList.length==1){ topRoomId=list.roomId BottomRoomId=list.roomId } } } if(topRoomId==0){ topRoomId=newList[0].roomId BottomRoomId=newList[1].roomId } // var html=[]; // html+='<div class="top-bg-box"> <img src="https://zhibocdn.yabolive.net/comm'+data.roomList[topNum].face+'?x-oss-process=image/resize,w_350"> </div>'; // html+='<div class="bottom-bg-box"> <img src="https://zhibocdn.yabolive.net/comm'+data.roomList[bottomNum].face+'?x-oss-process=image/resize,w_350"> </div>'; // $(".room-bg").append(html) } }) } function hotList() { $.ajax({ url: $ip + 'room/hot', data: { roomid: sessionStorage.roomId, pageNum: 1, pageSize: 99, type: 0, // pass: true, pageID: localStorage.canvasCode }, success: function (data) { // console.log("热门榜单", data) var html = []; if(data.hotResult.score==0)$(".hot-list-top-text2 span").text(langRoom[sessionStorage.lang].roomJsTxt8) else $(".hot-list-top-text2 span").text(data.hotResult.rank) for (var i = 0; i < data.ranklist.length; i++) { var list = data.ranklist[i] html+='<li>'; html+='<div class="hot-list-li-box1">'+(i+1)+'</div>'; html+='<div class="hot-list-li-box2">'; html+='<a href="liveRoom.html?roomId='+list.uid+'&v=2023050801"><img class="hot-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt=""></a>'; html+='<div class="hot-li-p1">'+list.nickname+'</div>'; html+='<div class="hot-li-p2"><img src="images/hot-icon.png?v=2023060501">'+list.score+'</div>'; html+='</div>'; html+='</li>'; } $(".hot-list-ul").html(html) $(".hot-li-face").unbind("error").on("error",function(){ $(this).attr("src","images/boy.png") }) } }) } function popular(){ $.ajax({ url:$ip+'rank/popular/list', data:{ pageID: localStorage.canvasCode, }, success:function(data){ // console.log('人氣榜单',data) var html=[]; var myGoing=false for(var i=0;i<data.rankList.length;i++){ var list=data.rankList[i] html+='<li>'; html+='<div class="hot-list-li-box1">'+(i+1)+'</div>'; html+='<div class="hot-list-li-box2">'; html+='<a href="liveRoom.html?roomId='+list.uid+'&v=2023050801"><img class="hot-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt=""></a>'; html+='<div class="hot-li-p1">'+list.nickname+'</div>'; html+='<div class="hot-li-p2"><img src="images/hot-icon.png?v=2023060501">'+list.score+'</div>'; html+='</div>'; html+='</li>'; if(list.uid==sessionStorage.roomId){ myGoing=true; var html2=[] html2+='<div class="bottom-mc-hot-nav1">'+(i+1)+'</div>'; html2+='<div class="bottom-mc-hot-nav2">'; html2+='<img class="bottom-mc-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_100" alt="">'; html2+='<p class="bottom-mc-p1">'+list.nickname+'</p>'; html2+='<p class="bottom-mc-p2"><img src="images/hot-icon.png?v=2023060501" alt="">'+list.score+'</p>'; html2+='</div>'; $(".bottom-mc-hot-box").show().html(html2) } } $(".hot-list-ul").html(html) $(".bottom-mc-face,.hot-li-face").unbind("error").on("error",function(){ $(this).attr("src","images/boy.png") }) if(myGoing==false)$(".hot-list-ul").css("height","9.6rem") $(".question-icon").unbind("click").on("click",function(){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["8.4rem", "auto"], content: $(".layer-list-tips1"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) }) } }) } function interac(){ $.ajax({ url:$ip+'rank/interac/list', data:{ pageID: localStorage.canvasCode }, success:function(data){ // console.log("互动榜单",data) var myGoing=false var html=[]; for(var i=0;i<data.rankList.length;i++){ var list=data.rankList[i] html+='<li>'; html+='<div class="hot-list-li-box1">'+(i+1)+'</div>'; html+='<div class="hot-list-li-box2">'; html+='<a href="liveRoom.html?roomId='+list.uid+'&v=2023050801"><img class="hot-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt=""></a>'; html+='<div class="hot-li-p1">'+list.nickname+'</div>'; html+='<div class="hot-li-p2"><img style="width: 0.45rem;" src="images/interac.png?v=2023060501">'+list.score+'</div>'; html+='</div>'; html+='</li>'; if(list.uid==sessionStorage.roomId){ myGoing=true; var html2=[] html2+='<div class="bottom-mc-hot-nav1">'+(i+1)+'</div>'; html2+='<div class="bottom-mc-hot-nav2">'; html2+='<img class="bottom-mc-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_100" alt="">'; html2+='<p class="bottom-mc-p1">'+list.nickname+'</p>'; html2+='<p class="bottom-mc-p2"><img style="width: 0.45rem;" src="images/interac.png?v=2023060501" alt="">'+list.score+'</p>'; html2+='</div>'; $(".bottom-mc-hot-box").show().html(html2) } } $(".hot-list-ul").html(html) $(".bottom-mc-face,.hot-li-face").unbind("error").on("error",function(){ $(this).attr("src","images/boy.png") }) if(myGoing==false)$(".hot-list-ul").css("height","9.6rem") $(".question-icon").unbind("click").on("click",function(){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["8.4rem", "auto"], content: $(".layer-list-tips2"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) }) } }) } 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); var html=[]; var vipNum=0 var normalNum=0 for(let i=0;i<10;i++){ if(data.dataList[i]==undefined)continue; var list=data.dataList[i] if(list.face=='/user/boy.png')var faceImg='images/boy.png'; else var faceImg='https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_78'; if(list.isVip==1){ if(list.richLevel>10&&list.richLevel<21)var vipImgNum=1 else if(list.richLevel>20&&list.richLevel<31)var vipImgNum=2 else if(list.richLevel>30&&list.richLevel<41)var vipImgNum=3 else if(list.richLevel>40&&list.richLevel<46)var vipImgNum=4 else if(list.richLevel>45&&list.richLevel<51)var vipImgNum=5 else if(list.richLevel==51)var vipImgNum=6 else if(list.richLevel>51)var vipImgNum=7 else vipImgNum=0 html+='<li class="li-vip" data-type="'+list.uid+'">'; if(vipImgNum!=0)html+='<img class="online-king" src="images/v'+vipImgNum+'.png">' html+='<img src="'+faceImg+'" alt="">'; html+='</li>'; vipNum++ }else{ html+='<li data-type="'+list.uid+'">'; html+='<img src="'+faceImg+'" alt="">'; html+='</li>'; normalNum++ } } var ulNum=vipNum*1.2+normalNum*1 $(".room-user-ul").css("width",''+ulNum+'rem') $(".room-user-ul").html(html); $(".room-user-ul li img").unbind("error").on("error",function(){ $(this).attr("src","images/boy.png") }) $(".room-user-ul li").unbind("click").on("click",function(){ var _self=$(this) if(_self.attr("data-type")<0){ layer.msg(langRoom[sessionStorage.lang].roomJsTxt9) return; } cardUp(_self.attr("data-type")) }) } }) } function richList(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('<p>'+langRoom[sessionStorage.lang].roomJsTxt10+'</p>') } if(data.code!=1){ $(".rich-list-top-text1 span").html('<span><img src="images/fire.png">--</span>') $(".rich-list-top-text2 span").html('--') return; } $(".rich-list-top-text1 span").html('<span><img src="images/fire.png">'+data.myscore+'</span>') var html = []; for(var i=0;i<30;i++){ if(data.ranklist[i]==undefined)break; var list=data.ranklist[i] html+='<li>'; if(i<3)html+='<div class="rich-list-li1"><img src="images/m'+(i+1)+'.png" alt=""></div>'; else html+='<div class="rich-list-li1">'+(i+1)+'</div>'; html+='<div class="rich-list-li2">'; html+='<img data-type="'+list.uid+'" class="rich-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt="">'; html+='<div class="rich-li-p1">'+list.nickname+'</div>'; html+='<div class="rich-li-p2"><img style="width: 0.3rem;" src="images/fire.png">'+list.score+'</div>'; html+='</div>'; html+='</li>'; } $(".rich-list-ul").html(html) $(".rich-li-face").unbind("error").on("error",function(){ $(this).attr("src","images/boy.png") }) if(data.myrank>0) $(".rich-list-top-text2 span").text(data.myrank) else $(".rich-list-top-text2 span").text('暂未上榜') $(".rich-li-face").unbind("click").on("click",function(){ var _self=$(this) if(_self.attr("data-type")<0){ layer.msg("噓,咱們還是不要打擾神秘人的好~") return; } cardUp(_self.attr("data-type")) }) } }) } function guard(){ $.ajax({ url:$ip+'guard/getRoomGuarders', data:{ uid:localStorage.uid, token:localStorage.token, roomid:sessionStorage.roomId, index:1, pageSize:99, pass: true, pageID:localStorage.canvasCode }, success:function(data){ // console.log('主播的守護列表',data) var html=[]; var GuardNum=1 if(data.isGuard==0){ html+='<img class="guard-face" src="'+$(".room-mc-face").attr("src")+'" alt="">'; html+='<p class="guard-top-p1"><img src="images/diamond.png"><span>10000</span>'+langRoom[sessionStorage.lang].room13+'</p>'; html+='<p class="guard-top-p2">'+langRoom[sessionStorage.lang].roomJsTxt11+'</p>'; $(".guard-layer-btn").addClass("guard-layer-btn-no") }else{ html+='<img class="guard-face" src="'+$(".room-mc-face").attr("src")+'" alt="">'; html+='<p class="guard-top-p1"><img src="images/diamond.png"><span>10000</span>'+langRoom[sessionStorage.lang].room13+'</p>'; for(var i=0;i<data.result.length;i++){ if(data.result[i].uid==localStorage.uid){ html+='<p class="guard-top-p2">'+langRoom[sessionStorage.lang].room14+': '+data.result[i].expireDays+''+langRoom[sessionStorage.lang].room15+'</p>'; } GuardNum=2 } $(".guard-layer-btn").addClass("guard-layer-btn-yes") } $(".guard-layer-top").html(html) $(".guard-layer-btn").unbind("click").on("click",function(){ openGuard(GuardNum) }) } }) } function openGuard(e){ if(localStorage.token==undefined||localStorage.token=='undefined'){ $(".layer-shadow").show() loginPage() return; } if(localStorage.uid==sessionStorage.roomId){ layer.msg(langRoom[sessionStorage.lang].roomJsTxt12) return; } $.ajax({ url:$ip+'guard/openGuard', data:{ uid:localStorage.uid, token:localStorage.token, roomid:sessionStorage.roomId, pass: true, pageID:localStorage.canvasCode, }, success:function(data){ //// console.log("開通守護",data); if(data.code==1){ layer.closeAll() if(e==2)layer.msg(langRoom[sessionStorage.lang].roomJsTxt13) else layer.msg(langRoom[sessionStorage.lang].roomJsTxt14) $(".guard-layer").css("bottom","-11.3rem") $(".layer-shadow").hide() myDiamond() }else{ layer.msg(data.msg) } } }) } function sellDiamond(){ $.ajax({ url:$ip+'setting/exchange/chip/buy', data:{ uid:localStorage.uid, token:localStorage.token, pageID:localStorage.canvasCode, pass: true, }, success:function(data){ // console.log('露水兑换宝石',data) var html=[]; for(var i=0;i<6;i++){ if(data.dataList[i]==undefined)return; var list=data.dataList[i]; if(list.point==-1){ html+='<li data-type='+list.pid+' class="exc-li-click">'; html+='<p class="exc-li-p1">'+langRoom[sessionStorage.lang].roomJsTxt15+'</p>'; html+='<p class="exc-li-p2">'+langRoom[sessionStorage.lang].roomJsTxt16+''+sessionStorage.diamond*100+''+langRoom[sessionStorage.lang].roomJsTxt17+'</p>'; html+='</li>'; excNum=list.pid continue } html+='<li data-type='+list.pid+'>'; html+='<p class="exc-li-p1"><img src="images/diamond.png">'+list.expend+'</p>'; html+='<p class="exc-li-p2">'+langRoom[sessionStorage.lang].roomJsTxt16+''+list.point+''+langRoom[sessionStorage.lang].roomJsTxt17+'</p>'; html+='</li>'; } $(".exc-layer .exc-ul").html(html); $(".exc-layer .exc-ul li").on("click",function(){ $(".exc-layer .exc-ul li").removeClass("exc-li-click") var _self=$(this) _self.addClass("exc-li-click") excNum=_self.attr("data-type") }) } }) } function sellDew(){ $.ajax({ url:$ip+'setting/exchange/chip/sell', data:{ uid:localStorage.uid, token:localStorage.token, pageID:localStorage.canvasCode, pass: true, }, success:function(data){ // console.log('宝石兌換露水',data) var html=[]; for(var i=0;i<6;i++){ if(data.dataList[i]==undefined)return; var list=data.dataList[i]; if(list.point==-1){ html+='<li data-type='+list.pid+' class="exc-li-click">'; html+='<p class="exc-li-p1">'+langRoom[sessionStorage.lang].roomJsTxt15+'</p>'; html+='<p class="exc-li-p2">'+langRoom[sessionStorage.lang].roomJsTxt16+''+Math.floor(sessionStorage.dew/100)+''+langRoom[sessionStorage.lang].roomJsTxt18+'</p>'; html+='</li>'; excNum=list.pid continue } html+='<li data-type='+list.pid+'>'; html+='<p class="exc-li-p1"><img src="images/dew.png">'+list.expend+'</p>'; html+='<p class="exc-li-p2">'+langRoom[sessionStorage.lang].roomJsTxt16+''+list.point+''+langRoom[sessionStorage.lang].roomJsTxt18+'</p>'; html+='</li>'; } $(".exc-diamond-layer .exc-ul").html(html); $(".exc-diamond-layer .exc-ul li").on("click",function(){ $(".exc-diamond-layer .exc-ul li").removeClass("exc-li-click") var _self=$(this) _self.addClass("exc-li-click") excNum=_self.attr("data-type") }) } }) } 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; if(data.vipInfo!=undefined){ var html=[]; html+='<img class="level-icon" src="https://app.ixiulive.com/static/vip/'+data.vipInfo.level+'.png" alt="">'; html+='<div class="level-bar">'; html+='<div class="level-bar-content">'; var levelWidth=Math.floor(((data.vipInfo.exp-data.vipInfo.currentLevelExp)/((data.vipInfo.exp+data.vipInfo.nextLevelExp)-data.vipInfo.currentLevelExp))*1000)/10 html+='<div style="width:'+levelWidth+'%" class="level-my-bar"></div>'; html+='</div>'; html+='</div>'; $(".level-box").html(html); } var html=[]; if(e==1){ for(var i=0;i<data.data.length;i++){ var list=data.data[i] if(list.currency==4)continue; if(list.currency==5)continue; if(list.currency==6)continue; html+='<li data-type="'+list.gid+'">'; if(list.subimg!=undefined)html+='<img class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_30">' html+='<img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_100" alt="">'; html+='<p class="gift-p1">'+list.name+'</p>'; html+='<p class="gift-p2"><img src="images/diamond.png" alt="">'+list.price+'</p>'; html+='</li>'; } $(".gift-ul").html(html); } if(e==2){ for(var i=0;i<data.data.length;i++){ var list=data.data[i] if(list.category!=1001)continue; html+='<li data-type="'+list.gid+'">'; if(list.subimg!=undefined)html+='<img class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_30">' html+='<img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_100" alt="">'; html+='<p class="gift-p1">'+list.name+'</p>'; html+='<p class="gift-p2"><img src="images/diamond.png" alt="">'+list.price+'</p>'; html+='</li>'; } $(".gift-ul").html(html); } if(e==3){ for(var i=0;i<data.data.length;i++){ var list=data.data[i] if(list.currency!=5)continue; html+='<li data-type="'+list.gid+'">'; if(list.subimg!=undefined)html+='<img style="width:0.45rem" class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_30">' html+='<img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_100" alt="">'; html+='<p class="gift-p1">'+list.name+'</p>'; html+='<p class="gift-p2"><img src="images/dew.png" alt=""><i>'+list.price+'</i></p>'; html+='</li>'; } $(".gift-ul").html(html); } $(".gift-ul li").unbind("click").on("click",function(){ var _self=$(this) giftSend(_self.attr("data-type"),1) }) } }) } function backPack(){ $.ajax({ url:$ip+'gift/getBackpack', data:{ uid:localStorage.uid, token:localStorage.token, roomid:sessionStorage.roomId, pass: true, pageID: localStorage.canvasCode, }, success:function(data){ // console.log('背包查询',data) var html=[]; for(var i=0;i<data.data.length;i++){ var list=data.data[i] html+='<li data-type="'+list.gid+'">'; html+='<img src="https://zhibocdn.yabolive.net/comm'+list.resource+'?x-oss-process=image/resize,w_100" alt="">'; html+='<p class="gift-p1">'+list.name+'</p>'; html+='<p style="color:#fff" class="gift-p2">x<span>'+list.total+'</span></p>'; html+='</li>'; } if(data.data.length==0){ html+='<div><img src="images/backpack-no.png"><p>'+langRoom[sessionStorage.lang].roomJsTxt19+'</p></div>' } $(".gift-ul").html(html); $(".gift-ul li").unbind("click").on("click",function(){ var _self=$(this) $.ajax({ url:$ip+'gift/doBackPackGiftSend', data:{ uid:localStorage.uid, token:localStorage.token, fid:sessionStorage.roomId, md5:giftMd5, gift:_self.attr("data-type"), pass: true, num:1, pageID: localStorage.canvasCode, }, type:'post', success:function(data){ // console.log('用户背包送礼接口',data) if(data.code!=1){ layer.msg(data.msg); return } _self.children(".gift-p2").children("span").text((_self.children(".gift-p2").children("span").text()-1)) if(_self.children(".gift-p2").children("span").text()==0){ _self.remove() } } }) }) } }) } function myDiamond(){ $.ajax({ url:$ip+'gift/getUserDiamondNum', data:{ uid:localStorage.uid, token:localStorage.token, pass: true, pageID: localStorage.canvasCode }, success:function(data){ if(data.code==-1000){ layer.msg(data.msg) window.localStorage.removeItem("uid") window.localStorage.removeItem("token") setTimeout(function(){ window.location.reload() }, 1000); return; } // console.log('剩余寶石数',data) $(".gift-layer-diamond-box span").text(data.diamond_num) sessionStorage.dew=data.chip_num sessionStorage.diamond=data.diamond_num } }) } 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(langRoom[sessionStorage.lang].roomJsTxt20) setTimeout(function(){ window.location.reload() },1000) return } if(data.code==-100){ layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["7.8rem", "4.6rem"], content: $(".reg-tip-layer"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) return } if(data.code!=1){ layer.msg(data.msg); return } var levelWidth=Math.floor(((data.vipInfo.exp-data.vipInfo.currentLevelExp)/((data.vipInfo.exp+data.vipInfo.nextLevelExp)-data.vipInfo.currentLevelExp))*1000)/10 $(".level-icon").attr("src",'https://app.ixiulive.com/static/vip/'+data.vipInfo.level+'.png') $(".level-my-bar").css("width",levelWidth+'%') if(localStorage.uid!=undefined&&localStorage.uid!='undefined')myDiamond() } }) } function newGiftSend(){ $.ajax({ url:$ip+'room/doGiftGuidelineCheck', data:{ roomid:sessionStorage.roomId, pageID: localStorage.canvasCode }, success:function(data){ // console.log('送礼引导前检测',data) if(data.code!=1){ layer.msg(data.msg) return; } layer.msg(data.isPay) if(data.isPay==true){ $.ajax({ url:$ip+'gift/doGiftGudielineSend', data:{ roomid:sessionStorage.roomId, 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() } } }) } var systemMsg=true; var msgGoTrack=0 var giftGoId=0 var guardShowOk=null; //socket相關 var ws; var ReconnectionT=null var Reconnection=0 var trackNum=0 function WebSocketGo() { if ("WebSocket" in window) { // ws.close() // 打开一个 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); var myMsg=false //用戶開通守護 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="'+langRoom[sessionStorage.lang].imgSrc1+'" alt="">'; $(".guard-show-box").html(html).fadeIn(350); guardShowOk=setTimeout(function() { $(".guard-show-box").fadeOut(350) }, 3500); } //购票数据变化通知 if (obj.cid == 7000){ var list=JSON.parse(obj.content) // console.log('購票數據變化',list) if(list.content.status==1||list.content.status==2){ TicketRoom(roomCId,roomRId) // $(".ticket-box3-btn").text('Ticker '+list.content.succ+'') // if(list.content.inBuyTotal==0)$(".circleChart2-p span").text(list.content.succ) // else{ // sendClockOk=false // $(".circleChart2-p").text("已加入").css("color","#24FE90").css("font-size","0.3rem") // $(".ticket-box3-btn").text("已購票") // } // var valueNum2=list.content.succ*20 // var valueColor='#FA2081' // if(valueNum2==0){ // valueNum2=1 // valueColor="#EFEDED" // } // $(".circleChart2").circleChart({ // value: valueNum2, // startAngle: 75, // speed: 0, // animation: "easeInOutCubic", // color: valueColor, // backgroundColor: "#EFEDED", // size: 80, // lineCap: "round", // }); } } //購票切換狀態 if(obj.cid == 7001){ var list=JSON.parse(obj.content) if(list.content.status==3){ if(TicketStage!=list.content.status&&list.content.isPreSaleTimeEnd==false){ clearInterval(ticketTerval) turnNumber(1) }else{ sendClockOk=true; setTimeout(function() { TicketRoom(roomCId,roomRId) }, 500); } } } //充值完成通知 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: ["7.47rem","5.35rem"], 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){ if($(".gift-bar-box").hasClass('gift'+list.content.uuid+'')){ $('.gift'+list.content.uuid+'').children(".gift-bar-num").text('x'+list.content.num) $('.gift'+list.content.uuid+'').attr("data-type","5000") return; } } giftGoId++ var html=[]; html+='<div data-type="5000" class="gift-bar-box gift-go'+giftGoId+' gift'+list.content.uuid+' dew-bar-box">'; html+='<div class="gift-bar-floor1"><div></div></div><div class="gift-bar-floor2"></div><div class="gift-bar-floor3"></div>'; html+='<img class="gift-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_60" alt="">'; html+='<p class="gift-bar-p1">'+list.content.userInfo.nickname+'</p>'; html+='<p class="gift-bar-p2">'+langRoom[sessionStorage.lang].roomJsTxt21+' '+list.content.giftname+'</p>'; html+='<div class="gift-bar-icon-box"><img class="gift-bar-icon" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,w_45" alt=""></div>'; html+='<div class="gift-bar-num">x'+list.content.num+'</div>'; html+='</div>'; $(".room-gift-box").append(html); $('.gift-go'+giftGoId+'').addClass("gift-bar-box-go") } } //接收直播间礼物 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){ if($(".gift-bar-box").hasClass('gift'+list.content.uuid+'')){ $('.gift'+list.content.uuid+'').children(".gift-bar-num").text('x'+list.content.num) $('.gift'+list.content.uuid+'').attr("data-type","5000") return; } } giftGoId++ var html=[]; html+='<div data-type="5000" class="gift-bar-box gift-go'+giftGoId+' gift'+list.content.uuid+'">'; html+='<div class="gift-bar-floor1"><div></div></div><div class="gift-bar-floor2"></div><div class="gift-bar-floor3"></div>'; html+='<img class="gift-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_60" alt="">'; html+='<p class="gift-bar-p1">'+list.content.userInfo.nickname+'</p>'; html+='<p class="gift-bar-p2">'+langRoom[sessionStorage.lang].roomJsTxt21+' '+list.content.giftname+'</p>'; html+='<div class="gift-bar-icon-box"><img class="gift-bar-icon" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,w_45" alt=""></div>'; html+='<div class="gift-bar-num">x'+list.content.num+'</div>'; html+='</div>'; $(".room-gift-box").append(html); $('.gift-go'+giftGoId+'').addClass("gift-bar-box-go") } if(list.content.isBigGift){ giftGoId++ var html=[]; if(list.content.giftDuration!==0&&list.content.giftDuration!=undefined) html+='<div data-type="'+list.content.giftDuration*1000+'" data-type2="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="room-big-content gift'+list.content.uuid+' big-gift-go'+giftGoId+'">'; else html+='<div data-type="5000" data-type2="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="room-big-content gift'+list.content.uuid+' big-gift-go'+giftGoId+'">'; html+='<img class="gift-webp" src="" alt="">'; html+='<div class="room-big-text-content">'; html+='<div><img src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_60">'+list.content.userInfo.nickname+' '+langRoom[sessionStorage.lang].roomJsTxt21+' '+list.content.giftname+' x'+list.content.num+'</div></div>'; html+='</div>'; $(".room-big-giftBox").append(html); } } //聊天信息 if (obj.cid == 6200) { Reconnection=0; var list=JSON.parse(obj.content) //进入直播间 if(list.content.type==1){ var html=[]; if(list.content.isrobot==true&&list.content.nickname.indexOf("遊客")==-1)return; //vip用戶 if(list.content.lv>0&&list.content.vipInfo.isVip==true){ if(list.content.lv>30&&list.content.lv<41)var vipImgNum=2 if(list.content.lv>40&&list.content.lv<46)var vipImgNum=3 if(list.content.lv>45&&list.content.lv<51)var vipImgNum=4 if(list.content.lv>50&&list.content.lv<52)var vipImgNum=5 if(list.content.lv>=52)var vipImgNum=5 html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name user-name-color'+vipImgNum+'"><img class="user-level-icon" src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png" alt="">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>' $(".user-msg-big").prepend(html); $(".user-msg-name,.user-name").unbind("click").on("click",function(){ var _self=$(this) if(_self.attr("data-type")<0){ return; } cardUp(_self.attr("data-type")) }) } //儲值用戶 else if(list.content.lv>0){ html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>' $(".user-msg-big").prepend(html); $(".user-msg-name,.user-name").unbind("click").on("click",function(){ var _self=$(this) if(_self.attr("data-type")<0){ return; } cardUp(_self.attr("data-type")) }) } //一般用戶 else{ if(Math.random()>0.9||list.content.uid==localStorage.uid){ html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>' $(".user-msg-big").prepend(html); $(".user-msg-name,.user-name").unbind("click").on("click",function(){ var _self=$(this) if(_self.attr("data-type")<0){ return; } cardUp(_self.attr("data-type")) }) } } if(localStorage.uid==list.content.uid){ myMsg=true } } //发言 if(list.content.type==2){ // console.log('直播间发言',list); var html=[]; var richLv=0 html+='<div class="user-msg">'; if(list.content.vip_lv>0&&list.content.vipInfo.isVip==true){ if(list.content.vip_lv>30&&list.content.vip_lv<41)var vipImgNum=2 if(list.content.vip_lv>40&&list.content.vip_lv<46)var vipImgNum=3 if(list.content.vip_lv>45&&list.content.vip_lv<51)var vipImgNum=4 if(list.content.vip_lv>50&&list.content.vip_lv<52)var vipImgNum=5 if(list.content.vip_lv>=52)var vipImgNum=5 html+='<div data-type="'+list.content.uid+'" class="user-msg-content user-msg-content'+vipImgNum+'"><img class="user-level-icon" src="https://app.ixiulive.com/static/vip/'+list.content.vip_lv+'.png" alt=""><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.uid_nick+'</span>'; } else html+='<div data-type="'+list.content.uid+'" class="user-msg-content"><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.uid_nick+'</span>'; if(list.content.live_lv>0)html+='<span class="user-msg-level"><span>'+list.content.live_lv+'</span>'; html+='</span> : '+list.content.content+'</div>'; html+='</div> '; $(".user-msg-big").prepend(html); } //点亮直播间 if(list.content.type==3){ var html=[]; html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt23+'</div>' $(".user-msg-big").prepend(html); } //追踪 if(list.content.type==4){ var html=[]; html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt24+'</div>' $(".user-msg-big").prepend(html); } //送礼信息 if(list.content.type==5){ var html=[]; html+='<div class="system-msg"><span>'+list.content.uid_nick+'</span>送給'+list.content.room_nick+''+list.content.gift_name+'x'+list.content.gift_num+'</div>' $(".user-msg-big").prepend(html); } //打开名片卡 $(".name-span").unbind("click").on("click",function(){ }) } //主播數據變更 if (obj.cid == 4200){ var list=JSON.parse(obj.content) $(".room-hot-box >span").text(list.content.bonds) // $(".hot-list-box >i").text(list.content.hotnum) // $(".hot-box >span").text(list.content.hotnum) // $(".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-list-box >i").text(list.content.popularNum) if(list.content.interacNum>0)$(".interac-list-box >i").text(list.content.interacNum) } //主播直播状态 if (obj.cid == 4300){ var list=JSON.parse(obj.content) //// console.log(list) //正常直播 if(list.content.state==0){ //// console.log("正常直播") window.location.reload() } if(list.content.state==1){ //// console.log("暂停直播") layer.msg(langRoom[sessionStorage.lang].roomJsTxt25) var myVideo=document.getElementById('myVideo') myVideo.pause(); try{ flvPlayer.unload(); } catch (e) { } var html=[]; html+='<img class="mc-tv" src="images/mc-tv.png">' html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt4+'</p>' $(".room-content-loading").html(html) $(".room-content-loading").fadeIn(100) $(".loading-face").fadeIn(100) clearInterval(loadT) $(".video-box").hide() var player = document.getElementById('myVideo'); player.pause() try{ flvPlayer.unload(); } catch (e) { } return; } 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){ $(".touch-box").unbind("click") $(".user-msg-box").css('bottom','1.4rem') $(".ticket-box").hide() $("#myVideo").css("filter","blur(0px)") $(".new-msg").css("bottom","1.5rem") // $(".ticketRoom-tips-box").hide() sendClockOk=true; clearInterval(ticketTerval) $(".ticker-buy-box").css("bottom","-10rem") $(".layer-shadow").hide() return; }else{ roomCId=list.content.channelId roomRId=list.content.roundId clearInterval(sendClock) layer.closeAll() clearInterval(ticketTerval) TicketRoom(list.content.channelId,list.content.roundId) } } //踢出包房 if (obj.cid == 2400){ window.location.reload() } var ua = window.navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(ua)) { if(myMsg) $(".user-msg-box").scrollTop(0) if(Math.abs($(".user-msg-box").scrollTop())<130){ $(".user-msg-box").scrollTop(0) }else{ $(".new-msg").show() } } else if (/android/.test(ua)) { if(myMsg)$(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height())) if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<80){ $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height())) }else{ $(".new-msg").show() } } if($(".user-msg-big >div").length>50){ $(".user-msg-big >div").eq(($(".user-msg-big >div").length-1)).remove() } $(".user-msg-name,.user-name").unbind("click").on("click",function(){ var _self=$(this) if(_self.attr("data-type")<0){ return; } cardUp(_self.attr("data-type")) }) }; 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=setInterval(function() { WebSocketGo() Reconnection++ }, 3000); }; } else { // 浏览器不支持 WebSocket //// console.log("您的浏览器不支持 WebSocket!"); } } var ua = window.navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(ua)) { $(".new-msg").on("click",function(){ $(".user-msg-box").scrollTop(0) }) $(".user-msg-box").on("scroll",function(){ if(Math.abs($(".user-msg-box").scrollTop())<50){ $(".new-msg").hide() } }) } else if (/android/.test(ua)) { $(".new-msg").on("click",function(){ $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height())) }) $(".user-msg-box").on("scroll",function(){ if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<80){ $(".new-msg").hide() } }) } setInterval(function(){ //普通礼物相关 for(var i=0;i<4;i++){ if($(".gift-bar-box").eq(i)==undefined)continue; $(".gift-bar-box").eq(i).attr("data-type",$(".gift-bar-box").eq(i).attr("data-type")-500) if($(".gift-bar-box").eq(i).attr("data-type")<=0){ $(".gift-bar-box").eq(i).addClass("gift-bar-box-out") } if($(".gift-bar-box").eq(i).attr('data-type')<=-500){ $(".gift-bar-box").eq(i).remove() } } //大礼物 if($(".room-big-content").eq(0)!=undefined){ $(".room-big-content").eq(0).fadeIn(350) $(".room-big-content").eq(0).attr("data-type", $(".room-big-content").eq(0).attr("data-type")-500) if($(".room-big-content").eq(0).children("img").attr("src")==''){ $(".room-big-content").eq(0).children("img").attr("src",$(".room-big-content").eq(0).attr("data-type2")) } if($(".room-big-content").eq(0).attr("data-type")<=0){ $(".room-big-content").eq(0).fadeOut(350) } if($(".room-big-content").eq(0).attr("data-type")<=-500){ $(".room-big-content").eq(0).remove() } } },500) 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; } var taskDian=false function task(e){ $.ajax({ url:$ip+'task/getcenter', data:{ uid:localStorage.uid, token:localStorage.token, type:e, pass: true, pageID:localStorage.canvasCode }, success:function(data){ // console.log('獲取任務列表',data) if(data.code!=1)return; var html=[] var taskIconArr=['','','','diamond.png','fire.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 class="task-p1">'+list.taskName+' <span>+ <img src="images/dew.png" alt="">'+list.award+'</span></p>'; if(list.pid!='50007'||list.state!=3)html+='<p class="task-p2">'+list.taskDescription+'</p>'; else { var date1 = new Date().getTime()+3600000; html+='<p class="task-p2">'+timeGet(date1)[3]+':00'+langRoom[sessionStorage.lang].roomJsTxt27+'</p>'; } if(list.state==0||list.state==1) html+='<div class="task-get-btn task-get-btn1">'+langRoom[sessionStorage.lang].roomJsTxt28+'</div>'; else if(list.state==2){ html+='<div data-type="'+list.tid+'" data-type2="'+list.award+'" class="task-get-btn task-get-btn2">'+langRoom[sessionStorage.lang].roomJsTxt29+'</div>'; taskDian=true; } else if(list.state==3)html+='<div class="task-get-btn task-get-btn3">'+langRoom[sessionStorage.lang].roomJsTxt30+'</div>'; 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 class="task-p1">'+list.taskName+'<span>+ <img src="images/dew.png" alt="">'+list.award+'</span></p>'; html+='<p class="task-p2">'+list.taskDescription+'</p>'; if(list.state==0||list.state==1) html+='<div class="task-get-btn task-get-btn1">'+langRoom[sessionStorage.lang].roomJsTxt28+'</div>'; else if(list.state==2){ html+='<div data-type="'+list.tid+'" data-type2="'+list.award+'" class="task-get-btn task-get-btn2">'+langRoom[sessionStorage.lang].roomJsTxt29+'</div>'; taskDian=true; } else if(list.state==3)html+='<div class="task-get-btn task-get-btn3">'+langRoom[sessionStorage.lang].roomJsTxt30+'</div>'; html+='</li>'; } $(".task-layer-ul").html(html) if(taskDian==true){ $(".more-btn-dian").show() } $(".task-get-btn1").unbind("click").on("click",function(){ var _self=$(this) layer.msg(_self.siblings(".task-p2").text()) }) $(".task-get-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'), pass: true, pageID:localStorage.canvasCode }, success:function(data){ //// console.log('领取任务奖励',data) if(data.code!=1){ layer.msg(data.msg) return; } layer.msg(""+langRoom[sessionStorage.lang].roomJsTxt31+",露水+"+_self.attr("data-type2")+"") _self.addClass("task-get-btn3") if(_self.attr('data-type')!='50007')_self.unbind("click") else{ var date1 = new Date().getTime()+3600000; _self.siblings(".task-p2").text(''+timeGet(date1)[3]+':00'+langRoom[sessionStorage.lang].roomJsTxt27+'') _self.unbind("click") } } }) }) } }) } 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){ setTimeout(function() { layer.msg(data.msg); }, 350); return; } if(data.code==1){ sendNum++ if(sessionStorage.firstReg==1&&sendNum==3){ setTimeout(function() { $(".active-room-shadow").show() $(".active-room-box").show() var html=[]; html+='<iframe src="https://activity.yazhaiyabo.com/activeFt/newCharge/index.html?uid='+localStorage.uid+'&token='+localStorage.token+'&lang='+sessionStorage.lang+'&roomid='+sessionStorage.roomId+'" frameborder="0"></iframe>' $(".active-room-box").html(html).css("bottom","0rem") }, 1000); } $(".keyboard-input").val("") var ua = window.navigator.userAgent.toLowerCase(); if (/android/.test(ua)) { $(".keyboard-box").hide() fixScroll() $(".layer-shadow").hide() document.activeElement.blur(); } } } }) } var lastTouchEnd = 0 //更新手指弹起的时间 document.documentElement.addEventListener("touchstart", function (event) { //多根手指同时按下屏幕,禁止默认行为 if (event.touches.length > 1) { event.preventDefault(); } }); document.documentElement.addEventListener("touchend", function (event) { var now = (new Date()).getTime(); if (now - lastTouchEnd <= 300) { //当两次手指弹起的时间小于300毫秒,认为双击屏幕行为 event.preventDefault(); }else{ // 否则重新手指弹起的时间 lastTouchEnd = now; } }, false); //阻止双指放大页面 document.documentElement.addEventListener("gesturestart", function (event) { event.preventDefault(); }); function cardUp(e){ if(e<0){ layer.msg("噓,咱們還是不要打擾神秘人的好~") return } $.ajax({ url:$ip+'zone/userInfo/dataCard', data:{ fid:e, 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='images/boy.png'; else var faceImg='https://zhibocdn.yabolive.net/comm'+data.zoneInfo.face.split('?')[0]+'?x-oss-process=image/resize,w_50'; //年龄 if(data.zoneInfo.age!=0)var myAge=data.zoneInfo.age; else var myAge=langRoom[sessionStorage.lang].roomJsTxt32 html+='<img class="layer-space-face" src="'+faceImg+'" alt="">'; if(data.zoneInfo.level!=0&&data.zoneInfo.privilege.vip==true){ console.log(data.zoneInfo.level) if(data.zoneInfo.level>10&&data.zoneInfo.level<21)var vipImgNum=1 if(data.zoneInfo.level>20&&data.zoneInfo.level<31)var vipImgNum=2 if(data.zoneInfo.level>30&&data.zoneInfo.level<41)var vipImgNum=3 if(data.zoneInfo.level>40&&data.zoneInfo.level<46)var vipImgNum=4 if(data.zoneInfo.level>45&&data.zoneInfo.level<51)var vipImgNum=5 if(data.zoneInfo.level>50&&data.zoneInfo.level<52)var vipImgNum=6 if(data.zoneInfo.level>=52)var vipImgNum=7 html+='<div class="space-vip-box space-vip-box'+vipImgNum+'"><span>'+data.zoneInfo.level+'</span></div>' } 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 space-sex-box2"><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>'+langRoom[sessionStorage.lang].roomJsTxt33+'</p>'; html+='</li>'; html+='<li class="space-num-li2">'; html+='<p>'+data.zoneData.followme+'</p>'; html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt34+'</p>'; html+='</li>'; html+='<li class="space-num-li3">'; html+='<p><img src="images/diamond.png"> '+data.zoneData.rich+'</p>'; html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt35+'</p>'; html+='</li>'; html+='<li class="space-num-li4">'; html+='<p><img src="images/fire.png">'+data.zoneData.charm+'</p>'; html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt36+'</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">'+langRoom[sessionStorage.lang].roomJsTxt33+'</li>'; else html+='<li class="space-btn1">已追蹤</li>'; html+='<li data-type="'+data.zoneInfo.nickname+'" class="space-btn2">'+langRoom[sessionStorage.lang].roomJsTxt38+'</li>'; html+='<li data-type="'+data.zoneInfo.uid+'" class="space-btn3">'+langRoom[sessionStorage.lang].roomJsTxt37+'</li>'; 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(){ $(this).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-btn3").unbind("click").on("click",function(){ layer.open({ type: 2, title: false, shadeClose: true, skin: "yourclass9", area: ["10rem", dHeight+'px'], content: '../userRoom.html?tid='+$(".space-btn3").attr("data-type")+'', end: function () { } }) }) $(".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(){ $(".layer-shadow").show() loginPage() },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(langRoom[sessionStorage.lang].roomJsTxt39) _self.unbind("click") layer.msg(langRoom[sessionStorage.lang].roomJsTxt3) }else{ layer.msg(data.msg) } } }) }) } $(".space-btn2").unbind("click").on("click",function(){ if(localStorage.uid==undefined){ layer.closeAll() setTimeout(function(){ $(".layer-shadow").show() loginPage() },300) return } var _self=$(this) $(".layer-shadow").show() $(".keyboard-box").show() $(".keyboard-input").focus() $(".keyboard-input").val('@'+_self.attr("data-type")+';') layer.closeAll() }) } }) layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass5", area: ["8rem", "9.2rem"], content: $(".layer-space-box"), end: function () { $(".layui-layer-shade").hide() layer.closeAll() } }) } var oneRem=window.innerWidth/10 var touchX=null; var touchY=null; var startX=null; var startY=null; // var goX=null // var goY=null var degNum=null var goDeg=null //滑動角度 var zwidth=null;//滑動長度 var angle=null; var rightNavShow=false var topMoveNumTop=0 var topMoveNumBottom=0 var touchOk=true; //登录相关 $(".touch-box").on("touchstart",function(e){ if(touchOk==false)return; startX=e.changedTouches[0].clientX startY=e.changedTouches[0].clientY zwidth=0 }) $(".touch-box").on("touchmove",function(e){ if(topRoomId==0)return; if(touchOk==false)return; event.preventDefault() if(touchX==null){ touchX=e.changedTouches[0].clientX touchY=e.changedTouches[0].clientY return; } // if(e.changedTouches[0].clientY-startY>0)return var xWidth=Math.abs(startX-e.changedTouches[0].clientX) var yWidth=Math.abs(startY-e.changedTouches[0].clientY) // zwidth=Math.floor(Math.sqrt(yWidth*yWidth+xWidth*xWidth)/oneRem*100)/100-1 zwidth=Math.floor(Math.sqrt(yWidth*yWidth+xWidth*xWidth)/oneRem*100)/100 //左右 if(startX>e.changedTouches[0].clientX){ //左 touchX=e.changedTouches[0].clientX goDeg=Math.abs((-90+(asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY)))) }else if(startX<e.changedTouches[0].clientX){ //右 touchX=e.changedTouches[0].clientX goDeg=Math.abs((90-asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY))*-1) } // 上下 if(touchY>e.changedTouches[0].clientY){ // // console.log("向上") touchY=e.changedTouches[0].clientY goDeg=Math.abs((-90+(asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY)))) if(zwidth<1&topMoveNumBottom==0){ return; } if(angle==null){ angle=Math.abs(goDeg-90) } if(angle>30){ return; } topMoveNumTop=e.changedTouches[0].clientY-startY $(".room-bg,.video-box").css("top",topMoveNumTop+'px') }else if(touchY<e.changedTouches[0].clientY){ // // console.log("向下") touchY=e.changedTouches[0].clientY goDeg=Math.abs((-90+(asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY)))) if(zwidth<1&&topMoveNumTop==0){ return; } if(angle==null){ angle=Math.abs(goDeg-90) } if(angle>30)return; topMoveNumBottom=e.changedTouches[0].clientY-startY $(".room-bg,.video-box").css("top",topMoveNumBottom+'px') } }) $(".touch-box").on("touchend",function(e){ if(touchOk==false)return; // goX=e.changedTouches[0].clientX-startX // goY=e.changedTouches[0].clientY-startY if(startX>e.changedTouches[0].clientX){ //向左 } if(startX<e.changedTouches[0].clientX){ //向右 } if(startY<e.changedTouches[0].clientY){ //向下 angle=Math.abs(goDeg-90) if(angle<30&&zwidth>3.5){ $(".room-bg,.video-box").css("transition","0.35s all") $(".room-bg,.video-box").css("top","100vh") $("body").css("pointer-events","none") if(sessionStorage.type!='pwa'){ if(localStorage.uid==undefined){ if(sessionStorage.lookNum==undefined)sessionStorage.lookNum=1; else sessionStorage.lookNum=Number(sessionStorage.lookNum)+1; } } sessionStorage.roomId=topRoomId liveList(1) setTimeout(function() { $(".room-bg,.video-box").fadeOut(0) startLive(1) layer.closeAll() $("body").css("pointer-events","inherit") ws.close() closePop() $(".user-msg-box").css('bottom','1.4rem') $(".ticket-box").hide() $("#myVideo").css("filter","blur(0px)") $(".new-msg").css("bottom","1.5rem") // $(".ticketRoom-tips-box").hide() $('.secret-ing-content').hide() $(".secret-bottom-box").hide() $(".room-top,.user-msg-box,.room-bottom").show() $(".sound-tips").hide() $(".sound-tips").removeClass("sound-tips2") $(".room-gift-box,.room-big-giftBox").html('') $(".user-msg-big").html('<div class="system-msg one-msg">'+langRoom[sessionStorage.lang].roomJsTxt41+'</div>') $(".room-content-loading").html('<img class="loading-icon" src="images/loading/loading (1).png" alt="">') $(".room-bg,.video-box").css("transition","0s all") $(".room-bg,.video-box").css("top","0vh") try{ flvPlayer.unload(); clearInterval(ticketTerval) clearInterval(loadT) clearInterval(ticketTerval) clearInterval(sendClock) clearInterval(turnClock) clearInterval(ReconnectionT) clearInterval(tHeart) var mVideo = document.getElementById('myVideo'); mVideo.pause(); mVideo.removeAttribute('src'); mVideo.load(); }catch(e){ } history.pushState(null,null,'liveRoom.html?roomId='+sessionStorage.roomId+'&v=2023062602') $(".room-secret,.mc-out-box,.secret-bottom-box,.secret-ing-content,.play-icon,.mc-out-box,.room-secret,.room-content-loading").hide() // window.location.href="liveRoom.html?roomId="+topRoomId+"&sound=1&v=2023050801" }, 300); return } } if(startY>e.changedTouches[0].clientY){ //向上 angle=Math.abs(goDeg-90) if(angle<30&&zwidth>3.5){ $(".room-bg,.video-box").css("transition","0.35s all") $(".room-bg,.video-box").css("top","-100vh") $("body").css("pointer-events","none") // $(".room-bg,.video-box").fadeOut(350) sessionStorage.roomId=BottomRoomId if(sessionStorage.type!='pwa'){ if(localStorage.uid==undefined){ if(sessionStorage.lookNum==undefined)sessionStorage.lookNum=1; else sessionStorage.lookNum=Number(sessionStorage.lookNum)+1; } } liveList(1) setTimeout(function() { $(".room-bg,.video-box").fadeOut(0) startLive(1) layer.closeAll() $("body").css("pointer-events","inherit") ws.close() closePop() $(".user-msg-box").css('bottom','1.4rem') $(".ticket-box").hide() $("#myVideo").css("filter","blur(0px)") $(".new-msg").css("bottom","1.5rem") // $(".ticketRoom-tips-box").hide() $('.secret-ing-content').hide() $(".secret-bottom-box").hide() $(".room-top,.user-msg-box,.room-bottom").show() $(".sound-tips").hide() $(".sound-tips").removeClass("sound-tips2") $(".room-gift-box,.room-big-giftBox").html('') $(".user-msg-big").html('<div class="system-msg one-msg">'+langRoom[sessionStorage.lang].roomJsTxt41+'</div>') $(".room-content-loading").html('<img class="loading-icon" src="images/loading/loading (1).png" alt="">') $(".room-bg,.video-box").css("transition","0s all") $(".room-bg,.video-box").css("top","0vh") try{ flvPlayer.unload(); clearInterval(ticketTerval) clearInterval(loadT) clearInterval(ticketTerval) clearInterval(sendClock) clearInterval(turnClock) clearInterval(ReconnectionT) clearInterval(tHeart) var mVideo = document.getElementById('myVideo'); mVideo.pause(); mVideo.removeAttribute('src'); mVideo.load(); }catch(e){ } history.pushState(null,null,'liveRoom.html?roomId='+sessionStorage.roomId+'&v=2023062602'); $(".room-secret,.mc-out-box,.secret-bottom-box,.secret-ing-content,.play-icon,.mc-out-box,.room-secret,.room-content-loading").hide() // window.location.href="liveRoom.html?roomId="+BottomRoomId+"&sound=1&v=2023050801" }, 300); return } } angle=null $(".room-bg,.video-box").css("transition","0.35s all") $(".room-bg,.video-box").css("top","0") topMoveNumBottom=0 topMoveNumTop=0 zwidth=0 touchOk=false setTimeout(function() { $(".room-bg,.video-box").css("transition","none") touchOk=true }, 350); }) function asinGo(x,y){ return degNum=Math.round(180*Math.asin(x/Math.sqrt(x*x+y*y))/Math.PI*10)/10 } function fixScroll() { var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isiOS) { window.scrollTo(0, 0); } } }) </script> </html>