<!DOCTYPE html>
<html lang="en">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QT401FZZ2K"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-QT401FZZ2K');
</script>
<head>
    <meta charset="utf-8" />
    <meta  data-hid="viewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1">
    <meta name="renderer" content="webkit">
    <meta name="applicable-device" content="pc">
    <title>footseen-直播間-腳控足控天堂-超激情美女主播視訊</title>
    <meta class="keywords-meta" name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
    <meta class="description" name="description" content="footseen,腳控足控天堂,絲足美腿視訊影片,台灣足控第一高效約會軟體,免費影片立即觀看,在線美女激情互動,成人視訊線上體驗,徹底釋放你的慾望。">
    <link rel="stylesheet" href="../css/base.css?v=20220630">
    <link rel="stylesheet" href="../css/layer.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css?v=2022101101">
    <link rel="stylesheet" href="css/room.css?v=2022101101">
    <link rel="stylesheet" href="../css/login.css?v=2022101102">
    <script src="../lib/flv.js"></script>
    <script src="https://accounts.google.com/gsi/client" async defer></script>
    <script src="https://adodson.com/hello.js/dist/hello.all.js"></script>
    <script src="https://accounts.google.com/gsi/client" async defer></script>
    <script src="https://www.footseen.xyz/lib/hello.js"></script>
   
</head>

<body id="body-click" style="background: #F0F1F4;">
    <div class="big-room-box">
        <div class="neck-nav">
            <div class="neck-nav-content">
                <a href="https://www.footseen.xyz/index.html"><img class="logo" src="../images/logo.png" alt=""></a>
                <div class="nav-login-big-box"></div>
            </div>
        </div>
        <div class="live-m">
            <div style="height: 60px;"></div>
            <div class="mc-material-box">
                <img class="mc-material-face" src="images/face.png" alt="絲襪美女直播">
                <div class="mc-material-content">
                    <!-- <span class="mc-name">今天吃什麼呢</span>
                    <div class="like-btn"></div> 
                    <span class="material-span-other1">個人資料</span>
                    <span class="material-span-other2">相冊(50)</span>
                    <span class="material-span-other3">熱舞女神熱舞不斷</span> -->
                </div>
                <div class="day-task-box"><span>每日任務</span>
                    <div class="day-task-content">
                        <div class="left-gift-jiao"></div>
                        <ul class="day-task-content-ul">
                            <li>
                                <p>分享直播間 <span><img src="images/dew.png" alt="">+200</span></p>
                                <p>分享你喜歡的直播間給好友</p>
                                <img class="task-btn" src="images/task1.png" alt="">
                            </li>
    
                        </ul>
                    </div>
                </div>
                
            </div>
            <div class="live-content-box">
                <div class="live-content-box-left">
                    <div class="live-stop-box"></div>
                    <div class="gift-track-box"></div>
                    <div style="display: none;" class="secret-room">
                        <img class="secret-bg" src="" alt="">
                        <div class="secret-shadow"></div>
                        <div class="secret-face"><img src="images/face.png" alt=""></div>
                        <div class="secret-rich-box"><img src="images/diamond.png" alt=""> 200</div>
                        <p class="secret-rich-tips1">主播開啟私密模式</p>
                        <p class="secret-rich-tips2">需要付費才可繼續觀看</p>
                        <div class="secret-rich-btn">付費進入直播間</div>
                        <p class="secret-rich-tips3"><span>(30秒)</span> 后未付費將中斷直播</p>
                    </div>
                    <div class="gift-show-box">
                        <!-- <div class="gift-show-content"> -->
                            <!-- <img src="https://zhibocdn.yabolive.net/comm/gift/292ce5538035464cb2c55f7fa37732ef.png?x-oss-process=image/resize,w_52" alt="">
                            <div class="gift-show-text">
                                <img class="gift-show-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/210101/1619077767204/C443AB7E-5DB8-439B-914B-1C880E3011D5.jpeg?oversea=1?mainland=1?x-oss-process=image/resize,w_45" alt="">
                                <p class="gift-show-p1">用戶暱稱預留</p>
                                <p class="gift-show-p2">送出豪華遊艇x888</p>
                            </div> -->
                        <!-- </div> -->
                    </div>
                    <div class="guard-show-box">
                        <img class="guard-show-webp" src="images/guard-show.webp" alt="">
                        <img class="guard-show-face" src="https://zhibocdn.yabolive.net/comm/user/img/11136355/8e908aec05c04ea89542943b350958b8.jpg?oversea=1?mainland=1?x-oss-process=image/resize,w_45" alt="">
                        <p class="guard-name">用户昵称预留</p>
                        <img class="guard-tips" src="images/guard-tips.png" alt="">
                    </div>
                    <img class="gift-open" src="images/gift-open.png" alt="">
                    <div class="live-content-box-left-content">
                        <div class="active-box">
                            <div class="swiper mySwiper">
                                <div class="swiper-wrapper">
                                  <!-- <div class="swiper-slide"><img src="http://zhibocdn.yabolive.net/comm/res/d4af7f40-e083-469a-b93d-bc7719d98669.jpg" alt=""></div> -->
                              </div>
                              <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <div class="hot-box">
                            <span></span>
                            <div class="hot-list-box">
                                <div style="top: 168px;" class="rich-list-box-jiao"></div>
                                <img class="list-floor-left" src="images/list-floor.png" alt="">
                                <img class="list-floor-right" src="images/list-floor.png" alt="">
                                <div class="hot-list-box-top">熱門榜</div>
                                <ul class="hot-list-ul">
                                    <!-- <li>
                                        <div class="hot-list-li-box1">4</div>
                                        <div class="hot-list-li-box2">
                                            <img class="rich-list-king" src="images/r1.png" alt="">
                                            <img class="rich-list-face"
                                                src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_44"
                                                alt="">
                                            <p class="hot-list-p1">Mlonghoursus</p>
                                            <p class="hot-list-p2">123124</p>
                                        </div>
                                    </li> -->
                                </ul>
                            </div>
                        </div>
                        <div class="rich-box">
                            <!-- <div class="rich-add-box richAddShow-go">+5</div> -->
                            <span></span>
                            <div class="rich-list-box">
                                <div class="rich-list-top">
                                    <img class="list-floor-left" src="images/list-floor.png" alt="">
                                    <img class="list-floor-right" src="images/list-floor.png" alt="">
                                    <ul class="rich-list-top-ul">
                                        <li data-type="0" class="rich-list-top-click">日榜<div></div>
                                        </li>
                                        <li data-type="1">周榜<div></div>
                                        </li>
                                        <li data-type="2">月榜<div></div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="rich-list-box-jiao"></div>
                                <ul  class="rich-list-ul">
                                    <!-- <li>
                                        <div class="rich-list-li-box1">1</div>
                                        <div class="rich-list-li-box2">
                                            <img class="rich-list-king" src="images/r1.png" alt="">
                                            <img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_44" alt="">
                                            <span>糖醋里脊肉</span>
                                        </div>
                                        <div class="rich-list-li-box3">12345<img src="images/rich-icon.png" alt=""></div>
                                    </li> -->
                                </ul>
                                <div class="rich-shadow"></div>
                            </div>
                        </div>
                        <div class="guard-list">
                            <ul class="guard-list-ul">
                                <!-- <li>
                                    <div class="guard-list-li-content">
                                        <img class="guard-king" src="images/g-king.png" alt="">
                                        <img class="guard-face"
                                            src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_45"
                                            alt="">
                                        <span>哈士奇大叔</span>
                                    </div>
                                </li> -->
                            </ul>
                            <div class="guard-btn">守護她</div>
                        </div>
                    </div>
                    <div class="live-content-box-left-roombox">
                        <video style="opacity: 0;" class="live-video" autoplay src=""></video>
                    </div>
                    <div class="left-gift-box">
                        <ul class="left-gift-ul">
                            <!-- <li class="left-gift-li-click"><img src="images/gift-case.png" alt=""></li>
                            <li><img src="images/gift-case.png" alt=""></li>
                            <li><img src="images/gift-case.png" alt=""></li>
                            <li><img src="images/gift-case.png" alt=""></li>
                            <li><img src="images/gift-case.png" alt=""></li> -->
                        </ul>
                        <img class="more-gift" src="images/more-gift.png" alt="">
                    </div>
                    <div class="big-gift-box">
                        <img class="gift-close" src="images/gift-close.png" alt="">
                        <div class="big-gift-content">
    
                            <div class="big-gift-bottom-box">
                                <span class="big-gift-diamond"><img src="images/diamond.png" alt=""><span>--</span></span>
                                <span class="big-gift-dew"><img src="images/dew.png" alt=""><span>--</span></span>
                                <!-- <span class="big-gift-reg">儲值></span> -->
                                <div class="gift-num-box">
                                    <ul class="gift-num-list">
                                        <li>1</li>
                                        <li>10</li>
                                        <li>66</li>
                                        <li>1314</li>
                                    </ul>
                                    數量 <div class="gift-num-exc"><span>1</span> <img src="images/arrow.png" alt=""></div></div>
                                <div class="gift-send-btn">贈送</div>
                            </div>
                            <div class="big-gift-content-top">
                                <div data-type="1" class="gift-content-top-click">禮物<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
                                <div data-type="2">活動<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
                                <div data-type="3">爆獎<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
                                <div data-type="4">背包<img class="gift-top-jiao" src="images/jiao.png" alt=""></div>
                            </div>
                            <div style="height: 20px;"></div>
                            <div class="big-gift-content-ulBox">
                                <ul class="big-gift-content-ul">
                                    <!-- <li>
                                        <div class="big-gift-li-top"><img src="images/gift-case.png" alt=""></div>
                                        <p class="big-gift-li-p1">禮物名稱</p>
                                        <p class="big-gift-li-p2"><img src="images/diamond.png" alt=""> 1999</p>
                                    </li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="live-content-box-right">
                    <div class="msg-rich-go-box">
                        <!-- <div class="msg-rich-go go8"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了,来自中華人民共和國</div>
                        <div class="msg-rich-go go7"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了,来自中華人民共和國</div>
                        <div class="msg-rich-go go6"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了,来自中華人民共和國</div>
                        <div class="msg-rich-go go5"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了,来自中華人民共和國</div>
                        <div class="msg-rich-go go4"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了,来自中華人民共和國</div>
                        <div class="msg-rich-go go3"><img src="https://app.ixiulive.com/static/vip/51.png" alt=""><span>用户昵称预留</span>来了,来自中華人民共和國</div> -->
                    </div>
                    <div class="content-box-right-top">
                        <div data-type="1" class="box-right-top-click">聊天<img class="jiao" src="images/jiao.png" alt="">
                        </div>
                        <div data-type="2">在線(<span class="online-num">--</span>)<img class="jiao" src="images/jiao.png" alt=""></div>
                    </div>
                    <div class="msg-big-box">
                      
                        <ul class="live-msg-ul">
                            <li class="live-msg-li">限制火辣級 辣妹、曖昧輔導級 正妹、清純普遍級 妹妹,你想看的類型應有盡有。撫慰你的心靈,滿足你的慾望,各式互動讓你興奮,追求快感,刺激無限。</li>
                        </ul>
                        <div class="live-send-box">
                            <input type="text"
                                auto-complete='new-password'
                                autocomplete='off'
                                autocomplete='new-password'
                             placeholder="請輸入要發送的內容" class="live-send-input">
                            <div class="live-send-btn">發送</div>
                        </div>
                        <input style="width: 0;height:0" type="text">
                    </div>
                    <div style="display: none;" class="online-list-box">
                        <div style="height: 20px;"></div>
                        <ul class="online-list-ul">
                            <!-- <li>
                                <div class="online-li-content">
                                    <img src="https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_50"
                                        alt="">
                                    <span>主播昵称预留</span>
                                </div>
                            </li> -->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mc-means-content clearfix">
                <div class="mc-means-box clearfix">
                    <div class="mc-means-title">
                        <div></div>主播資料
                    </div>
                    <div class="mc-tips clearfix"><div></div></div>
                    <div class="mc-more-means clearfix">
                        <!-- <div><span>暱稱:</span> 泡芙小姐</div>
                        <div><span>ID:</span> 4045021</div>
                        <div><span>來自:</span> 台灣</div>
                        <div><span>年齡:</span> 24</div>
                        <div><span>身高:</span> 168cm</div>
                        <div><span>體重:</span> 50kg</div>
                        <div><span>星座:</span> 巨蟹座</div>
                        <div><span>學歷:</span> 幼稚園</div>
                        <div><span>職業:</span> 老司機</div> -->
                    </div>
                    <div class="mc-rich-p">
                        <p><span>收穫羽毛:</span> <img src="images/rich-icon.png" alt=""></p>
                        <p><span>贈出寶石:</span> <img style="margin-top: -4px;" src="images/diamond.png" alt=""></p>
                    </div>
                    <div class="mc-car-box">
                        當前座駕:
                        <ul class="mc-car-ul">
                            <!-- <li><img src="images/gift-case.png" alt=""></li>
                            <li><img src="images/gift-case.png" alt=""></li>
                            <li><img src="images/gift-case.png" alt=""></li> -->
                        </ul>
                    </div>
                    <div class="mc-title-box">獲得勛章: 
                        <span>
                            <!-- <img src="images/gift-case.png" alt="">
                            <img src="images/gift-case.png" alt="">
                            <img src="images/gift-case.png" alt=""> -->
                        </span>
                    </div>
                </div>
                <div class="mc-images-box">
                    <div class="mc-means-title">
                        <div></div>相冊
                    </div>
                    <ul class="mc-images-ul">
                        <!-- <li style="background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">
                            <div class="mc-images-li-bottom">
                                <span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">59</span>
                                <span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">10</span>
                                <span class="mc-images-li-span3">10:34</span>
                            </div>
                            <div class="mc-images-li-shadow"></div>
                        </li> -->
                    </ul>
                    <div class="mc-images-shadow"></div>
                </div>
            </div>

        </div>
    </div>
    <div class="more-live-box">
        <h2 class="more-live-title">絲足美女</h2>
        <ul class="more-live-ul clearfix">
            <!-- <li style="background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_268);background-size: cover;">
                <img class="move-live-online" src="images/live.png" alt="">
                <div class="more-live-name">氣質清純小雨</div>
                <div class="more-live-li-shadow"></div>
            </li> -->
        </ul>
    </div>
    <div style="height: 80px;"></div>
        <div style="display: none;" class="guard-layer-box">
            <div class="guard-layer-top">
                <img class="gurad-layer-face"
                    src="https://zhibocdn.yabolive.net/comm/stscli/prod/2044606/1648779346851/A6C101FE-F919-41AB-8FF7-09BA33327B54.jpeg?x-oss-process=image/resize,w_55"
                    alt="">
                <p class="gurad-layer-p1"><img src="images/big-diamond.png" alt=""><span>10000</span>寶石/月</p>
                <p class="gurad-layer-p2">開通守護即刻尊享守護特權</p>
            </div>
            <div class="guard-layer-content">
                <div class="guard-layer-btn"></div>
                <p class="guard-layer-text">查看守護玩法說明</p>
            </div>
        </div>
        <div class="guard-rule">
            <span>X</span>
        </div>
        <!-- <video muted controls src=""></video> -->
        <div class="layer-space-box">
            <img class="layer-space-face" src="images/face.png" alt="">
            <div class="layer-space">
                <img class="space-close" src="images/close.png" alt="">
                <p class="layer-space-p1"></p>
                <p class="layer-space-p2">Footseen ID:12345678</p>
                <div class="layer-space-icon">
                    <img class="space-vip" src="https://app.ixiulive.com/static/vip/9.png" alt="">
                    <span class="space-sex-box"><img src="images/sex1.png" alt="">20</span>
                    <img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
                    <img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
                    <img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
                </div>
                <div class="layer-space-tag">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div class="space-text"></div>
                <ul class="space-num-ul">
                    <li class="space-num-li1">
                        <p>5</p>
                        <p>追蹤</p>
                    </li>
                    <li class="space-num-li2">
                        <p>103</p>
                        <p>粉絲</p>
                    </li>
                    <li class="space-num-li3">
                        <p><img src="images/diamond.png"> 0</p>
                        <p>送出</p>
                    </li>
                    <li class="space-num-li4">
                        <p><img src="images/rich-icon.png">12345</p>
                        <p>收到</p>
                    </li>
                </ul>
                <div class="space-bottom-box">
                    <ul class="space-bottom-ul">
                        <li>追蹤</li>
                        <li>@他</li>
                        <li>主頁</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="layer-photo">
            <img class="photo-arrow-left" src="images/photo-arrow.png" alt="">
            <img class="photo-arrow-right" src="images/photo-arrow.png" alt="">
            <div class="layer-photo-content">
                <div class="layer-photo-content-left">
                    <img class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm/user/img/134601/f4035e3045c640ddaf5b8318ccc8e6c5.jpg?x-oss-process=image/resize,w_775" alt="">
                </div>
                <div class="layer-photo-content-right">
                    <div class="photo-content-top">
                        <img class="photo-content-top-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
                        <div class="photo-content-name"> <span class="photo-name-like">+追蹤</span></div>
                    </div>
                    <div class="photo-content-center">
                        <p class="photo-time-p"></p>
                        <div class="photo-content-speak"></div>
                        <div class="photo-content-like">
                            <span><img src="images/icon1.png" alt="">25</span>
                            <span><img src="images/icon2.png" alt="">25</span>
                        </div>
                    </div>
                    <ul class="photo-content-right-ul">
                        <!-- <li>
                            <img class="photo-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
                            <p class="photo-message-name">用戶暱稱預留</p>
                            <p class="photo-message-content">阿薩德鬧翻那傻逼噶搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實搜啊什麼封啊實打實</p>
                            <p class="photo-message-time">12小時前 <span>回復</span></p>
                            <div class="photo-more-message">
                                <div class="more-message-box">
                                    <img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
                                    <p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
                                    <p class="more-message-time">12小時前 <span>回復</span></p>
                                </div>
                                <div class="more-message-box">
                                    <img class="more-message-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/123456/1651905234496/656591F9-8A58-4DD2-8C12-FF2C4E899CDA.jpeg?x-oss-process=image/resize,w_50" alt="">
                                    <p class="more-message-content"><span>主播暱稱預留:</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
                                    <p class="more-message-time">12小時前 <span>回復</span></p>
                                </div>
                            </div>
                        </li> -->
                    </ul>
                    <div class="photo-content-msg">
                        <input placeholder="請輸入要發送的內容" class="photo-content-input" type="text">
                        <div class="photo-msg-btn">發送</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="login-content"></div>
        <div class="left-big-gift-more2">
            <div class="left-gift-more">
                <div class="gift-more-icon">
                    <img src="https://zhibocdn.yabolive.net/comm/gift/3178eb7d8f5a4b0fb550a4043081ce22.png?x-oss-process=image/resize,w_52">
                </div>
                <p class="gift-more-p1">羽毛</p><p class="gift-more-p2">
                    <img src="images/diamond.png">1</p><p class="gift-more-p3">可得5螢火,同时增加100熱力值。
                </p>
                <div class="left-gift-jiao"></div>
            </div>
        </div>
  

</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/keywords.js"></script>
<script src="../lib/swiper.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/default.js?v=2022101107"></script>
<script src="../lib/qrcode.min.js"></script>
<script src="../lib/login.js?v=2022101105"></script>
<script src="../lib/fingerprint2.js"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
<script>
$(function () {
    if(localStorage.canvasCode==undefined){
        localStorage.canvasCode='oneEnter'
    }
    // if(sessionStorage.roomId==undefined||sessionStorage.roomId=='undefined')window.location.href='../index.html'
    var flvPlayer
    var giftMd5=null;
    var mouseOk=true;
    var sendType=1;
    var guardShowOk=null;
    var richType=1
    var layzT=true;
    liveList(1)
    $(window).on("scroll",function(){
        if(layzT==true){
            layzT=false
            if($(document).scrollTop()>400){
                $(window).unbind("scroll")
                for(var i=0;i<$(".more-live-ul li").length;i++){
                    $(".more-live-ul li").eq(i).children(".more-live-poster").attr("src",""+$(".more-live-ul li").eq(i).attr("data-type")+"")
                }
                $(".more-live-ul li").css("background-size","cover")
            }
            setTimeout(function() {
                layzT=true;
            }, 200);
        }
    })
    $.ajax({
        url: $ip + 'room/enterRoom',
        data: {
            uid: localStorage.uid,
            token: localStorage.token,
            roomId: sessionStorage.roomId,
            pageID: localStorage.canvasCode,
        },
        // async:false,
        success: function (data) {
            // if(data.code!=1){
            //     window.location.href='../index.html'
            // }
           
            // console.log('进入直播间', data)
         
            if(data.code==-20060){
                alert("您已被移出直播,暫時不能進入")
                window.location.href="../index.html"
                return;
            }
            var mcKeyArr
            if(data.room.rating==0||data.room.rating==1){
            
                $("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyAArr[Number(sessionStorage.roomId)%200])
                //A類
                mcKeyArr=[keyAArr[Math.floor(Math.random()*keyAArr.length)],keyAArr[Math.floor(Math.random()*keyAArr.length)],keyAArr[Math.floor(Math.random()*keyAArr.length)]]

            }
            else if(data.room.rating==5){
                $("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyEArr[Number(sessionStorage.roomId)%200])
                //E類
                if(data.room.specialRating==551)mcKeyArr=[keyE1Arr[Math.floor(Math.random()*keyE1Arr.length)],keyE1Arr[Math.floor(Math.random()*keyE1Arr.length)],keyE1Arr[Math.floor(Math.random()*keyE1Arr.length)]]
                else if(data.room.specialRating==552)mcKeyArr=[keyE2Arr[Math.floor(Math.random()*keyE2Arr.length)],keyE2Arr[Math.floor(Math.random()*keyE2Arr.length)],keyE2Arr[Math.floor(Math.random()*keyE2Arr.length)]]
                else mcKeyArr=[keyEArr[Math.floor(Math.random()*keyEArr.length)],keyEArr[Math.floor(Math.random()*keyEArr.length)],keyEArr[Math.floor(Math.random()*keyEArr.length)]]
            }
            else if(data.room.rating==6){
                $("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyF1Arr[Number(sessionStorage.roomId)%200])
                //F類
                if(data.room.specialRating==661) mcKeyArr=[keyF1Arr[Math.floor(Math.random()*keyF1Arr.length)],keyF1Arr[Math.floor(Math.random()*keyF1Arr.length)],keyF1Arr[Math.floor(Math.random()*keyF1Arr.length)]]
                else mcKeyArr=[keyFArr[Math.floor(Math.random()*keyFArr.length)],keyFArr[Math.floor(Math.random()*keyFArr.length)],keyFArr[Math.floor(Math.random()*keyFArr.length)]]
                
            }
            else if(data.room.rating==7){
                $("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyZArr[Number(sessionStorage.roomId)%200])
                //Z類
                mcKeyArr=[keyZArr[Math.floor(Math.random()*keyZArr.length)],keyZArr[Math.floor(Math.random()*keyZArr.length)],keyZArr[Math.floor(Math.random()*keyZArr.length)]]
            }
            else if(data.room.rating==8){
                $("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyHArr[Number(sessionStorage.roomId)%200])
                //H類
                mcKeyArr=[keyHArr[Math.floor(Math.random()*keyHArr.length)],keyHArr[Math.floor(Math.random()*keyHArr.length)],keyHArr[Math.floor(Math.random()*keyHArr.length)]]
            }
            else if(data.room.rating==22){
                $("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyVArr[Number(sessionStorage.roomId)%200])
                //V類
                mcKeyArr=[keyVArr[Math.floor(Math.random()*keyVArr.length)],keyVArr[Math.floor(Math.random()*keyVArr.length)],keyVArr[Math.floor(Math.random()*keyVArr.length)]]
            }
            else {
                $("title").text(data.room.introduce+'-'+data.room.roomName+'的直播間-'+keyEArr[Number(sessionStorage.roomId)%200])
                mcKeyArr=[keyEArr[Math.floor(Math.random()*keyEArr.length)],keyEArr[Math.floor(Math.random()*keyEArr.length)],keyEArr[Math.floor(Math.random()*keyEArr.length)]]
            }
      
         
            $(".description").attr("content",'來自'+data.roomBaseInfo.addr.replace(" 中國大陸","臺北")+'的'+data.roomBaseInfo.work+'-'+data.roomBaseInfo.sign.replace("Firefly Live","Footseen")+'-'+data.room.introduce)
            $(".keywords-meta").attr("content",''+mcKeyArr[0]+','+mcKeyArr[1]+','+mcKeyArr[2]+','+data.roomBaseInfo.nickname +'')
            if(data.room.liveScope==3&&data.room.selfLock==0&&localStorage.uid!=sessionStorage.roomId){
                $(".secret-face img").attr("src",'https://zhibocdn.yabolive.net/comm'+data.room.face.split('?')[0]+'?x-oss-process=image/resize,w_90')
                $(".secret-rich-box").html('<img src="images/diamond.png" alt=""> '+data.room.tollPrice+'')
                $(".secret-room").show()
                $(".secret-bg").attr("src",'https://zhibocdn.yabolive.net/comm'+data.room.face.split('?')[0]+'?x-oss-process=image/resize,w_634')
                $(".secret-rich-btn").unbind("click").on("click",function(){
                    if(localStorage.uid==undefined){
                        loginLayer()
                        return;
                    }
                    $.ajax({
                        url:$ip+'room/to/join/buy',
                        data:{
                            uid: localStorage.uid,
                            token: localStorage.token,
                            roomId: sessionStorage.roomId,
                            channelId:data.room.channelId,
                            pageID: localStorage.canvasCode,
                        },
                        success:function(data){
                            // console.log('进入付费房购买资格',data)
                            if(data.code==-100){
                                layer.msg(data.msg)
                                setTimeout(function() {
                                    window.open("../reg/index.html")
                                }, 500);
                                return
                            }
                            if(data.code==1){
                                layer.msg("已付費,即將進入直播間")
                                setTimeout(function(){
                                    window.location.reload()
                                },1000)
                            }else{
                                layer.msg(data.msg)
                            }
                        }
                    })
                })
            }
            var roomList = data.room;
       
            flowUrl=data.pullFlowUrl
            $(".mc-material-face,.gurad-layer-face").attr("src", "https://zhibocdn.yabolive.net/comm" + roomList.face.split('?')[0] + "?x-oss-process=image/resize,w_40")
            var html = [];
            html += '<span class="mc-name">' + roomList.roomName + '</span>';
            if(roomList.isLike==0)html += '<div data-type="'+roomList.uid+'" class="like-btn"></div> ';
            html += '<span class="material-span-other1">主播資料</span>';
            html += '<span class="material-span-other2">相冊('+data.roomOtherInfo.topicCount+')</span>';
            html += '<span class="material-span-other3">' + roomList.introduce + '</span>';
            html += '<span class="next-mc">下一個主播></span>'
            $(".mc-material-content").html(html);
            liveListBtn()
            if(data.room.liveState==1&&!(data.room.liveScope==3&&data.room.selfLock==0&&localStorage.uid!=sessionStorage.roomId)){
                online()
                WebSocketGo()
                var promise = document.querySelector('video').play();
                if (promise !== undefined) {
                    promise.then(_ => {
                        var html = [];
        
                        html += '<video  controls webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video"  src="" id="videoElement"  loop="" ></video>';
                        $(".live-content-box-left-roombox").html(html)
                        flvPlay(data.pullFlowUrl)
                        // Autoplay started!
                    }).catch(error => {
                        var myVideo=document.querySelector(".live-video")
                        var html = [];        
                        if(sessionStorage.ref==1) html += '<video controls muted webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video"  src="" id="videoElement"  loop="" ></video>';
                        else  html += '<video controls webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video"  src="" id="videoElement"  loop="" ></video>';
                       
                        $(".live-content-box-left-roombox").html(html)
                        flvPlay(data.pullFlowUrl)
                        
                        // Autoplay was prevented.
                        // Show a "Play" button so that user can start playback.
                    });
                }

                
            }
            else{
                $(".live-content-box-left-roombox").append("<img class='mc-out' src='images/mc-out.png'>")
            }
            $(".hot-box >span").text(data.room.hotResult.score)
            $(".rich-box >span").text(data.roomOtherInfo.charm)
            $(".mc-tips div").text(data.roomBaseInfo.sign.replace("Firefly Live","Footseen"))
            var html = [];
            html += '<div><span>暱稱:</span> ' + data.roomBaseInfo.nickname + '</div>';
            html += '<div><span>ID:</span> ' + data.roomBaseInfo.uid + '</div>';
            //地址
            if (data.roomBaseInfo.addr != '') html += '<div><span>來自:</span> ' + data.roomBaseInfo.addr + '</div>';
            else html += '<div><span>來自:</span> 未知</div>';
            //年龄
            if(data.roomBaseInfo.age==0) html += '<div><span>年齡:</span> 秘密</div>';
            else html += '<div><span>年齡:</span> ' + data.roomBaseInfo.age + '</div>';
            //身高
            if(data.roomBaseInfo.height=='')html += '<div><span>身高:</span> 秘密</div>';
            else html += '<div><span>身高:</span> ' + data.roomBaseInfo.height + 'cm</div>';
            //体重
            if(data.roomBaseInfo.weight=='') html += '<div><span>體重:</span> 秘密</div>';
            else html += '<div><span>體重:</span> ' + data.roomBaseInfo.weight + 'kg</div>';
            html += '<div><span>星座:</span> ' + data.roomBaseInfo.constellation + '</div>';
            html += '<div><span>學歷:</span> ' + data.roomBaseInfo.culture + '</div>';
            html += '<div><span>職業:</span> ' + data.roomBaseInfo.work + '</div>';
            $(".mc-more-means").html(html)
            var html = [];
            html += '<p><span>收穫羽毛:</span> <img src="images/rich-icon.png" alt="">' + data.roomOtherInfo.charm + '</p>';
            html += '<p><span>贈出寶石:</span> <img style="margin-top: -4px;" src="images/diamond.png" alt="">' + data.roomOtherInfo.rich + '</p>';
            $(".mc-rich-p").html(html);
            var html = [];
            if(data.roomOtherInfo.motoring.resource!=undefined)html += '<li><img src="https://zhibocdn.yabolive.net/comm' + data.roomOtherInfo.motoring.resource + '?x-oss-process=image/resize,w_45" alt=""></li>';
            else html += '<p>暫無座駕</p>'
            $(".mc-car-ul").html(html);
            var html=[];
            for(var i=0;i<data.roomOtherInfo.medals.length;i++){
                var list=data.roomOtherInfo.medals[i]
                html+='<img src="https://zhibocdn.yabolive.net/comm' + data.roomOtherInfo.medals[i] + '?x-oss-process=image/resize,w_45" alt="">';
            }
            if(data.roomOtherInfo.medals.length==0) html+=' &nbsp暫無勛章'
           
            $(".mc-title-box >span").html(html);
            $(".material-span-other1 ,.material-span-other2").unbind("click").on("click",function(){
                scrollTo($(".mc-means-box"),200)
            })
            $(".like-btn").unbind("click").on("click",function(){
                if(localStorage.uid==undefined){
                    $(".login-box1 .login-title").text('即刻登入追蹤主播')
                    loginLayer()
                    return;
                }
                var _self=$(this);
                mcLike(_self.attr("data-type"),1)
                // mcLike(_self.attr("data-type"))
            })
        },
        error: function (msg) {
            // window.location.href = '../index.html'
        }
    })

    loginGo()
    hotList()
    richGuard(0)
    giftList(1)
  
    richMouse()
    hotMouse()
    guardList()
    zoneList()
    activeGet()
    setInterval(function(){
        online()
        richGuard(richType)
        hotList()
    },60000)
    if(localStorage.uid!=undefined){
        myDiamond()
        task(1)
        taskMouse()
    }else{
    
        $(".left-gift-send,.live-send-btn").on("click",function(){
            $(".login-box1 .login-title").text('即刻登入與主播聊天')
            loginLayer()
        })
        $(".day-task-box").on("click",function(){
            $(".login-box1 .login-title").text('登入領取每日福利')
            loginLayer()
        })
        $(".guard-btn").on("click",function(){
            $(".login-box1 .login-title").text('即刻登入守護主播')
            loginLayer()
        })
    }

    $(".big-gift-content-top div").on("click",function(){
        if(localStorage.uid==undefined){
            loginLayer()
            return5
        }
        $(".big-gift-content-top div").removeClass("gift-content-top-click")
        var _self=$(this)
        _self.addClass("gift-content-top-click")
        sendType=1
        if(_self.attr("data-type")==3){
            $(".big-gift-diamond").hide()
            $(".big-gift-dew").show()
        }else{
            $(".big-gift-dew").hide()
            $(".big-gift-diamond").show()
        }
        if(_self.attr("data-type")==4){
      
            backPack()
            sendType=2
        }else{
            giftList(_self.attr("data-type"))
        }
    })
    $(".more-gift,.gift-open").on("click",function(){
        if($(".big-gift-box").css("display")=='block'){
            $(".big-gift-box").fadeOut(350)
        }else{
            $(".big-gift-box").fadeIn(350)
        }
    })
    $(".gift-close").on("click",function(){
        $(".big-gift-box").fadeOut(350)
    })
    $(".rich-list-top-ul li").on("click", function () {
        var _self = $(this)
        richType=_self.attr("data-type")
        $(".rich-list-top-ul li").removeClass("rich-list-top-click")
        _self.addClass("rich-list-top-click")
        richGuard(richType)
    })
    $(".guard-btn").on("click", function () {
        if(localStorage.uid==undefined)return;
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["498px", "550px"],
            content: $(".guard-layer-box"),
            end: function () {
                $(".layui-layer-shade").hide()
                layer.closeAll()
            }
        })
    })
    $(".live-send-btn").on("click",function(){
        if(localStorage.uid==undefined)return;
        if($(".live-send-input").val()==''||$(".live-send-input").val().split(" ").join("").length == 0){
            layer.msg("請輸入要發送的內容")
            return;
        }
        var myMsg= $(".live-send-input").val()
        msgSend(myMsg)
    })
    $(".live-send-input").on("keydown",function(){
        if (event.keyCode == "13") {
            if(localStorage.uid==undefined){
                $(".login-box1 .login-title").text('即刻登入與主播聊天')
                loginLayer()
                return;
            }
            if($(".live-send-input").val()==''||$(".live-send-input").val().split(" ").join("").length == 0){
                layer.msg("請輸入要發送的內容")
                return;
            }
            var myMsg= $(".live-send-input").val()
            msgSend(myMsg)
        }
    })
    $(".content-box-right-top div").on("click", function () {
        var _self = $(this);
        $(".content-box-right-top div").removeClass("box-right-top-click")
        _self.addClass("box-right-top-click")
        if (_self.attr("data-type") == 1) {
            $(".online-list-box").hide()
            $(".msg-big-box").show()
        } else {
            $(".msg-big-box").hide()
            $(".online-list-box").show()
        }
    })
    $(".guard-layer-btn").on("click",function(){
        openGuard()
    })
    $(".guard-layer-text").on("click",function(){
        layer.closeAll()
        setTimeout(function()  {
            layer.open({
                type: 1,
                title: false,
                shadeClose: true,
                skin: "yourclass5",
                area: ["866px", "845px"],
                content: $(".guard-rule"),
                end: function () {
                    layer.closeAll()
                    setTimeout(function()  {
                        layer.open({
                            type: 1,
                            title: false,
                            shadeClose: true,
                            skin: "yourclass5",
                            area: ["498px", "550px"],
                            content: $(".guard-layer-box"),
                            end: function () {
                                $(".layui-layer-shade").hide()
                                layer.closeAll()
                            }
                        })
                    }, 200);
                }
            })
        }, 200);
    })
    $(".guard-rule span").on("click",function(){
        layer.closeAll()
    })
    function liveListBtn(){
        $(".next-mc").unbind("click").on("click",function(){
            $.ajax({
                url:$ip+'frontPage/queryLiveUsers',
                data:{
                    pageNum:1,
                    pageSize:100,
                    //,
                    pageID:localStorage.canvasCode
                },
                success:function(data){
                    //console.log('直播列表',data)
                    var html=[];
                    var myNum=null
                    for(var i=0;i<data.roomList.length;i++){
                        var list=data.roomList[i]
                        if(list.roomId==sessionStorage.roomId){
                            myNum=i
                            continue;
                        }
                    }
                    if(myNum==null){
                        window.location.href="liveRoom.html?roomId="+data.roomList[0].roomId
                        return;
                    }
                    if((myNum+1)!=data.roomList.length)window.location.href="liveRoom.html?roomId="+data.roomList[(myNum+1)].roomId
                    else window.location.href="liveRoom.html?roomId="+data.roomList[0].roomId
                }
            })
        })
    }   
    function activeGet(){
        $.ajax({
            url:$ip+'setting/activeCenter/queryActivity',
            data:{
                roomId:sessionStorage.roomId,
                pageNum:1,
                pageSize:99,
                pageID: localStorage.canvasCode,
            },
            success:function(data){
                // console.log('获取活动中心列表',data)
                var html=[];
                for(var i=0;i<data.dataList.activitys.length;i++){
                    var list=data.dataList.activitys[i]
                    html+='<div class="swiper-slide"><img data-type="'+list.url+'" data-type2="'+list.urlType+'" class="act-btn" src="https://zhibocdn.yabolive.net/comm'+list.webIcon+'?x-oss-process=image/resize,w_174" alt=""></div>';
                }
                if(sessionStorage.pmt==undefined||sessionStorage.pmt=='undefined')html+='<div class="swiper-slide"><img data-type="https://www.footseen.xyz/mobile/download/downApp.html?v=2022091601" data-type2="3" class="act-btn" src="images/roomDown.png" alt=""></div>';
                else html+='<div class="swiper-slide"><img data-type="https://www.footseen.xyz/mobile/download/downApp.html?v=2022101101" data-type2="3" class="act-btn" src="images/roomDown.png" alt=""><p id="room-qrcode"></p><img class="footseen-icon" src="../images/footseen-icon.png"></div>'
                $(".swiper-wrapper").html(html);
                if(sessionStorage.pmt!=undefined&&sessionStorage.pmt!='undefined')new QRCode(document.getElementById("room-qrcode"),sessionStorage.pmt+'&from=pc');
                if(data.dataList.activitys.length>0){
                    var swiper = new Swiper(".mySwiper", {
                      pagination: {
                        el: ".swiper-pagination",
                        clickable: true,
                        renderBullet: function (index, className) {
                          return '<span class="' + className + '">' + (index + 1) + "</span>";
                        },
                      },
                      autoplay: {
                        delay: 8000,
                      },
                      loop:true,
                    });
                }
                $(".act-btn").unbind("click").on("click",function(){
                    var _self=$(this)
                    if(_self.attr("data-type2")==3){
                        layer.open({
                            type: 2,
                            title: false,
                            shadeClose: true,
                            skin: "active-layer",
                            area: ["360px", "634px"],
                            content: _self.attr("data-type")+'?uid='+localStorage.uid+'&token='+localStorage.token+'&roomid='+sessionStorage.roomId+'&os=pc&v='+Math.floor(Math.random()*100)+'',
                        })
                        $(".layui-layer-shade").hide()
                        return
                    }
                    if(localStorage.token==undefined){
                        $(".login-box1 .login-title").text('登入參與福利活動')
                        loginLayer()
                        return;
                    }
                  
                    if(_self.attr("data-type2")==1){
                        layer.open({
                            type: 2,
                            title: false,
                            shadeClose: true,
                            skin: "active-layer",
                            area: ["360px", "330px"],
                            content: _self.attr("data-type")+'?uid='+localStorage.uid+'&token='+localStorage.token+'&roomid='+sessionStorage.roomId+'&os=pc&lang=2&v='+Math.floor(Math.random()*100)+'',
                        })
                    }else{
                        layer.open({
                            type: 2,
                            title: false,
                            shadeClose: true,
                            skin: "active-layer",
                            area: ["360px", "634px"],
                            content: _self.attr("data-type")+'?uid='+localStorage.uid+'&token='+localStorage.token+'&roomid='+sessionStorage.roomId+'&os=pc&v='+Math.floor(Math.random()*100)+'',
                        })
                    }

                    $(".layui-layer-shade").hide()
                })
            }
        })
    }
    function mcLike(e,type){
        if(localStorage.uid==undefined){
            loginLayer()
            return;
        }
        $.ajax({
            url:$ip+'room/likeOpt',
            data:{
                roomId:e,
                optType:1,
                uid:localStorage.uid,
                token:localStorage.token,
                pageID: localStorage.canvasCode,
            },
            success:function(data){
                //console.log('關注',data)
                if(data.code==1){
                    if(type==1)$(".like-btn").hide()
                    layer.msg('關注成功')
                }else{
                    layer.msg(data.msg)
                }
            }
        })
    }
    function msgSend(e){
        $.ajax({
            url:$ip+'speak/sendSpeak',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                roomid:sessionStorage.roomId,
                barrageType:101,
                message:e,
                danmu:0,
                pass: true,
                pageID: localStorage.canvasCode,
            },
            success:function(data){
                //console.log('发言接口',data)
                if(data.code!=1){
                    layer.msg(data.msg);
                    return;
                }
                if(data.code==1){
                    $(".live-send-input").val("")
                }
            }
        })
    }
    function taskMouse(){
        var tTask = null
        $(".day-task-box ").on("mouseover",function(){
            clearInterval(tTask)
            $(".day-task-content").fadeIn(150)
        
        })
        $(".day-task-box ").on("mouseout",function(){
            tTask = setTimeout(function () {
                $(".day-task-content").fadeOut(150)
            }, 350)
        })
    }
    function richMouse() {
        var tRich = null
        $(".rich-box").on("mouseover", function () {
            clearInterval(tRich)
            $(".rich-list-box").fadeIn(150)
            $(".hot-list-box").fadeOut(0)
            
           
        })
        $(".rich-box").on("mouseout", function () {
            tRich = setTimeout(function () {
                $(".rich-list-box").fadeOut(150)
            }, 350)
        })
    }
    function hotMouse() {
        var tHot = null
        $(".hot-box").on("mouseover", function () {
            clearInterval(tHot)
            $(".hot-list-box").fadeIn(150)
            $(".rich-list-box").fadeOut(0)
        })
        $(".hot-box").on("mouseout", function () {
            tHot = setTimeout(function () {
                $(".hot-list-box").fadeOut(150)
            }, 350)
        })
    }
    function richGuard(e) {
        $.ajax({
            url: $ip + 'rank/guard',
            data: {
                uid: sessionStorage.roomId,
                page: 1,
                type: e,
                pass: true,
                pageID: localStorage.canvasCode,
            },
            success: function (data) {
                //console.log('萤火榜单', data)
                if(data.code==-7002){
                    $(".rich-list-ul").html('')
                }
                if(data.code!=1)return;
                var html = [];
                for (var i = 0; i < data.ranklist.length; i++) {
                    var list = data.ranklist[i]
                    html += '<li>';
                    html += '<div class="rich-list-li-box1">' + (i + 1) + '</div>';
                    html += '<div data-type="'+list.uid+'" class="rich-list-li-box2 name-span">';
                    if (i < 3) html += '<img class="rich-list-king" src="images/r' + (i + 1) + '.png" alt="">';
                    html += '<img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm' + list.face + '?x-oss-process=image/resize,w_44" alt="">';
                    if(list.level>0)html += '<span>' + list.nickname + '<img src="https://app.ixiulive.com/static/vip/'+list.level+'.png"></span>';
                    else html += '<span>' + list.nickname + '</span>';
                    html += '</div>';
                    html += '<div class="rich-list-li-box3">' + list.score + '<img src="images/rich-icon.png" alt=""></div>';
                    html += '</li>';
                }
                $(".rich-list-ul").html(html)
                $(".name-span").unbind("click").on("click",function(){
                    var _self=$(this)
                    cardUp( _self.attr("data-type"))
                })
            }
        })
    }
    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 = [];
                for (var i = 0; i < data.ranklist.length; i++) {
                    var list = data.ranklist[i]
                    if(list.uid==sessionStorage.roomId)html += '<a   href="javascript:;"><li>';
                    else html += '<a  target="_blank" href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.uid+'"><li>';
                    html += '<div class="hot-list-li-box1">' + (i + 1) + '</div>';
                    html += '<div class="hot-list-li-box2">';
                    if (i < 3) html += '<img class="rich-list-king" src="images/r' + (i + 1) + '.png" alt="">';
                    html += '<img class="rich-list-face" src="https://zhibocdn.yabolive.net/comm' + list.face + '?x-oss-process=image/resize,w_44" alt="">';
                    html += '<p class="hot-list-p1">' + list.nickname + '</p>';
                    html += '<p class="hot-list-p2">' + list.score + '</p>';
                    html += '</div>';
                    html += '</li></a>';
                }
                $(".hot-list-ul").html(html)

            }
        })
    }
    function backPack(){
        $.ajax({
            url:$ip+'gift/getBackpack',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                pageID: localStorage.canvasCode,
            },
            success:function(data){
                //console.log('背包查询',data)
                dataObj=data
                var html=[];
                if(data.data.length==0){
                    html+='<div class="no-back-box"><img src="images/no-back.png"><p>暫無背包禮物</p></div>'
                    $(".big-gift-content-ul").html(html);
                }else{
                    for(var i=0;i<data.data.length;i++){
                        var list=data.data[i]
                        html+='<li data-type="'+i+'" data-type3="'+list.total+'" data-type2="'+list.gid+'">';
                        if(list.subimg!=undefined)html+='<img class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_18">'
                        html+='<div class="big-gift-li-top"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_62" alt=""></div>';
                        html+='<p class="big-gift-li-p1">'+list.name+'</p>';
                        html+='<p class="big-gift-li-p2">x <span class="big-gift-total">'+list.total+'</span></p>';
                        html+='</li>';
                    }
                    $(".big-gift-content-ul").html(html);
                }
                $(".big-gift-content-ul li").unbind("click").on("click",function(){
                    $(".big-gift-li-top").removeClass("big-gift-li-top-click")
                    var _self=$(this)
                    _self.children(".big-gift-li-top").addClass("big-gift-li-top-click")
                   giftGid=_self.attr("data-type2");
                   if(data.data[_self.attr("data-type")].batchs.length!=0){
                        $(".gift-num-box").show()
                        $(".gift-num-exc span").text("1")
                        var html=[];
                        //console.log(data.data[_self.attr("data-type")].batchs.length)
                        for(var i=0;i<data.data[_self.attr("data-type")].batchs.length;i++){
                            html+='<li>'+data.data[_self.attr("data-type")].batchs[i]+'</li>';
                        }
                        $(".gift-num-list").html(html);
                        $(".gift-num-list li").unbind("click").on("click",function(){
                            var _self=$(this)
                            $(".gift-num-list").fadeOut(350)
                            $(".gift-num-exc span").text(_self.text())
                        })
                   }else{
                        $(".gift-num-box").hide()
                        $(".gift-num-exc span").text("1")
                   }
                })
                $(".gift-send-btn").unbind("click").on("click",function(){
                    if(localStorage.uid==undefined){
                        $(".login-box1 .login-title").text('登入即可打賞主播')
                        loginLayer()
                        return;
                    }
                    backGiftSend(giftGid,$(".gift-num-exc span").text())

                })
                $(".gift-num-exc").unbind("click").on("click",function(){
                    $(".gift-num-list").fadeIn(350)
                })

                $(".big-gift-content-ul li .big-gift-li-top").on("mouseover",function(){
                    if(mouseOk==false)return;
                    mouseOk=false
                    var _self=$(this);
                    var html=[];
                    var list=dataObj.data[_self.parent().attr("data-type")]
                    if(list.currency==3){
                         var imgIcon='images/diamond.png'
                    }
                    if(list.currency==5){
                        var imgIcon='images/dew.png'
                    }
                    html+='<div class="left-gift-more">';
                    html+='<div class="gift-more-icon"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52"></div>';
                    html+='<p class="gift-more-p1">'+list.name+'</p>';
                    // html+='<p class="gift-more-p2"><img src="'+imgIcon+'">'+list.price+'</p>';
                    html+='<p class="gift-more-p-back-tips">'+list.remark+'</p>'
                    html+='<p style="top:55px" class="gift-more-p3">'+list.giftdesc+'</p>';
                    html+='<div class="left-gift-jiao"></div>';
                    $(".left-big-gift-more2").html(html);
                    $(".left-big-gift-more2").show()
                    $(".left-big-gift-more2").css("top",_self.offset().top-120+"px").css("left",_self.offset().left-85+"px")
                    

                })
                $(".big-gift-content-ul li .big-gift-li-top").on("mouseout",function(){
                    mouseOk=true
                    $(".left-big-gift-more2").hide()
                })
          
            }
        })
    }
    
    function giftList(e) {
        $.ajax({
            url: $ip + 'gift/getGiftResInfo',
            data: {
                uid:localStorage.uid,
                token:localStorage.token,
                pass: true,
                pageID: localStorage.canvasCode,
            },
            success: function (data) {
                //console.log('禮物面板', data)
                dataObj=data
                giftMd5=data.md5;
                var html=[];
                for(var i=0;i<8;i++){
                    if(data.data[i]==undefined)break;
                    var list=data.data[i];
                    html+='<li >';
                    if(list.subimg!=undefined)html+='<img class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_18">'
                    html+='<div class="left-big-gift-more">';
                    html+='<div class="left-gift-more">';
                    html+='<div class="gift-more-icon"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52"></div>';
                    html+='<p class="gift-more-p1">'+list.name+'</p>';
                    html+='<p class="gift-more-p2"><img src="images/diamond.png">'+list.price+'</p>';
                    html+='<p class="gift-more-p3">'+list.giftdesc+'</p>';
                    html+='<div class="left-gift-jiao"></div>';
                    html+='</div>';
                    html+='</div>';
                    html+='<img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52" alt="">';
                    html+='<div data-type="'+list.gid+'" class="left-gift-send">赠送</div>';
                    html+='</li>';
                }
                $(".left-gift-ul").html(html);
                var tGift = null
                $(".left-gift-ul li").on("mouseover", function () {
                    var _self=$(this)
                    _self.children(".left-big-gift-more").show()
                })
                $(".left-gift-ul li").on("mouseout", function () {
                    $(".left-big-gift-more").hide()
                })
                $(".left-gift-ul li").unbind("click").on("click",function(){
                    $(".left-gift-ul li").removeClass("left-gift-li-click")
                    var _self=$(this);
                    _self.addClass("left-gift-li-click")
                })
                $(".left-gift-send").unbind("click").on("click",function(){
                    if(localStorage.uid==undefined){
                        $(".login-box1 .login-title").text('登入即可打賞主播')
                        loginLayer()
                        return;
                    }
                    var _self=$(this);
                    if(localStorage.token!=undefined&&localStorage.token!='undefined'){
                        giftSend(_self.attr("data-type"))
                    }else{

                    }
                })
                //更多打賞
                var html=[];
                for(var i=0;i<data.data.length;i++){
                    var list=data.data[i];
                    if(e==1&&list.category!=0)continue
                    if(e==2&&list.category!=1004)continue
                    if(e==3&&list.category!=1)continue
                    // var 
                    if(list.currency!=3&&list.currency!=5){
                        continue;
                    }
                    if(list.currency==3){
                         var imgIcon='images/diamond.png'
                    }
                    if(list.currency==5){
                        var imgIcon='images/dew.png'
                    }
                    html+='<li data-type="'+i+'" data-type2="'+list.gid+'">';
                    // if(i==0){
                    //     html+='<div style="display:block" class="left-big-gift-more">';
                    //     html+='<div class="left-gift-more">';
                    //     html+='<div class="gift-more-icon"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52"></div>';
                    //     html+='<p class="gift-more-p1">'+list.name+'</p>';
                    //     html+='<p class="gift-more-p2"><img src="images/diamond.png">'+list.price+'</p>';
                    //     html+='<p class="gift-more-p3">'+list.giftdesc+'</p>';
                    //     html+='<div class="left-gift-jiao"></div>';
                    //     html+='</div>';
                    //     html+='</div>';
                    // }
                    if(list.subimg!=undefined)html+='<img class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_18">'
                    html+='<div class="big-gift-li-top"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_62" alt=""></div>';
                    html+='<p class="big-gift-li-p1">'+list.name+'</p>';
                    html+='<p class="big-gift-li-p2"><img src="'+imgIcon+'" alt=""> '+list.price+'</p>';
                    html+='</li>';
                }
            
                $(".big-gift-content-ul").html(html);
                $(".big-gift-content-ul li").unbind("click").on("click",function(){
                    $(".big-gift-li-top").removeClass("big-gift-li-top-click")
                    var _self=$(this)
                    _self.children(".big-gift-li-top").addClass("big-gift-li-top-click")
                   giftGid=_self.attr("data-type2");
                   
                   if(data.data[_self.attr("data-type")].batchs.length!=0){
                        $(".gift-num-box").show()
                        $(".gift-num-exc span").text("1")
                        var html=[];
                        for(var i=0;i<data.data[_self.attr("data-type")].batchs.length;i++){
                            html+='<li>'+data.data[_self.attr("data-type")].batchs[i]+'</li>';
                        }
                        $(".gift-num-list").html(html);
                        $(".gift-num-list li").unbind("click").on("click",function(){
                            var _self=$(this)
                            $(".gift-num-list").fadeOut(350)
                            $(".gift-num-exc span").text(_self.text())
                        })
                   }else{
                        $(".gift-num-box").hide()
                        $(".gift-num-exc span").text("1")
                   }
                })
                $(".gift-send-btn").unbind("click").on("click",function(){
                    if(localStorage.uid==undefined){
                        $(".login-box1 .login-title").text('登入即可打賞主播')
                        loginLayer()
                        return;
                    }
                    giftSend(giftGid,$(".gift-num-exc span").text())
                })
                $(".gift-num-exc").unbind("click").on("click",function(){
                    $(".gift-num-list").fadeIn(350)
                })

                $(".big-gift-content-ul li .big-gift-li-top").on("mouseover",function(){
                    if(mouseOk==false)return;
                    mouseOk=false
                    var _self=$(this);
                    var html=[];
                    var list=dataObj.data[_self.parent().attr("data-type")]
                    if(list.currency==3){
                         var imgIcon='images/diamond.png'
                    }
                    if(list.currency==5){
                        var imgIcon='images/dew.png'
                    }
                    html+='<div class="left-gift-more">';
                    html+='<div class="gift-more-icon"><img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_52"></div>';
                    html+='<p class="gift-more-p1">'+list.name+'</p>';
                    html+='<p class="gift-more-p2"><img src="'+imgIcon+'">'+list.price+'</p>';
                    if(list.giftdesc!=undefined)html+='<p class="gift-more-p3">'+list.giftdesc+'</p>';
                    html+='<div class="left-gift-jiao"></div>';
                    $(".left-big-gift-more2").html(html);
                    $(".left-big-gift-more2").show()
                    $(".left-big-gift-more2").css("top",_self.offset().top-120+"px").css("left",_self.offset().left-85+"px")
                    

                })
                $(".big-gift-content-ul li .big-gift-li-top").on("mouseout",function(){
                    mouseOk=true
                    $(".left-big-gift-more2").hide()
                })
          
            }
        })
    }
    function backGiftSend(e,giftNum){
        $.ajax({
            url:$ip+'gift/doBackPackGiftSend',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                fid:sessionStorage.roomId,
                md5:giftMd5,
                gift:e,
                pass: true,
                num:giftNum,
                pageID: localStorage.canvasCode,
            },
            type:"post",
            success:function(data){
                //console.log("贈送禮物",data)
                if(data.code!=1){
                    layer.msg(data.msg);
                    return
                }
                var remainNum=$(".big-gift-li-top-click").siblings(".big-gift-li-p2").children(".big-gift-total").text()-giftNum
                //console.log(remainNum)
                $(".big-gift-li-top-click").siblings(".big-gift-li-p2").children(".big-gift-total").text(remainNum)
                if(remainNum==0){
                    $(".big-gift-li-top-click").parent().remove()
                }
            }
        })
    }
    function giftSend(e,giftNum){
        $.ajax({
            url:$ip+'gift/doGiftSend',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                fid:sessionStorage.roomId,
                md5:giftMd5,
                gift:e,
                pass: true,
                num:giftNum,
                pageID: localStorage.canvasCode,
            },
            type:"post",
            success:function(data){
                //console.log("贈送禮物",data)
                if(data.code==-201){
                    layer.msg("正在更新禮物資源中")
                    setTimeout(function(){
                        window.location.reload()
                    },1000)
         
                    return
                }
                if(data.code==-100){
                    layer.msg(data.msg)
                    setTimeout(function() {
                        window.open("../reg/index.html")
                    }, 500);
                    return
                }
                if(data.code!=1){
                    layer.msg(data.msg);
                    return
                }

                myDiamond()
            }
        })
    }
    function flvPlay(e) {                            
        var player = document.getElementById('videoElement');
        var mutedOk=true;
        if (flvjs.isSupported()) {
            flvPlayer = flvjs.createPlayer({
                type: 'flv',
                isLive:true,
                // enableWorker:true,
                // hasAudio:true,
                // hasVideo:true,
                url: e,
                enableWorker: false, //不启用分离线程
                enableStashBuffer: false, //关闭IO隐藏缓冲区
                reuseRedirectedURL: true, //重用301/302重定向url,用于随后的请求,如查找、重新连接等。
                autoCleanupSourceBuffer: true //自动清除缓存
            });
        
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load(); //加载
            $("body").on("click",function(){
                if(mutedOk==false)return;
                mutedOk=false
                $("#videoElement").prop('muted', false)
                flvPlayer.play()
            })
 
  
    
        }
       

        player.addEventListener("click", mouseHandler, false);
        player.addEventListener("keydown", mouseHandler2, false);
        function mouseHandler(event) {
                    // 阻止视频默认点击事件
                    event.preventDefault()
        }
        function mouseHandler2(event) {
           
                    event.preventDefault()
                    setTimeout(function(){
                        flvPlayer.play()
                    }, 300);
                  
        
                   
        }
    }
    function myDiamond(){
        $.ajax({
            url:$ip+'gift/getUserDiamondNum',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                pass: true,
                pageID: localStorage.canvasCode
            },
            success:function(data){
                //console.log('剩余寶石数',data)
                $(".big-gift-diamond span").text(data.diamond_num)
                $(".big-gift-dew span").text(data.chip_num)
            }
        })
    }

    function online(){
        $.ajax({
            url:$ip+'room/queryOnlineUser',
            data:{
                roomId:sessionStorage.roomId,
                pageSize:30,
                pageNum:1,
                pass: true,
                pageID: localStorage.canvasCode
            },
            success:function(data){
                // console.log('用戶在線列表',data);
                $(".online-num").text(data.count)
                var richLv=0
                var html=[];
                for(var i=0;i<data.dataList.length;i++){
                    var list=data.dataList[i];
                    if(list.face=='/user/boy.png')var faceImg='https://www.footseen.xyz/images/boy.png';
                    else var faceImg='https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_50';
                    html+='<li>';
                    if(list.richLevel>=0&&list.richLevel<11){
                        richLv=1
                    }
                    else if(list.richLevel>=11&&list.richLevel<21){
                        richLv=2
                    }
                    else if(list.richLevel>=21&&list.richLevel<31){
                        richLv=3
                    }
                    else if(list.richLevel>=31&&list.richLevel<41){
                        richLv=4
                    }
                    else if(list.richLevel>=41&&list.richLevel<46){
                        richLv=5
                    }
                    else if(list.richLevel>=46&&list.richLevel<51){
                        richLv=6
                    }
                    else if(list.richLevel==51){
                        richLv=7
                    }
                    else if(list.richLevel==52){
                        richLv=8
                    }
                    if(richLv>1&&list.isVip==1){
                        html+='<div class="vip-frame vip-frame'+(richLv-1)+'"><span>'+list.richLevel+'</span></div>'
                    }
                 
                    // html+='<>'
                    html+='<div class="online-li-content">';
                    if(list.richLevel!=0&&list.isVip==1)html+='<img class="vip-num" src="https://app.ixiulive.com/static/vip/'+list.richLevel+'.png">'
                    html+='<img class="onlie-face name-span" data-type='+list.uid+' src="'+faceImg+'" alt="">';
                    html+='<span class="name-span" data-type='+list.uid+'>'+list.nickName+'</span>';
                    if(list.medals[0]!=undefined)html+='<img class="medals-img" src="https://zhibocdn.yabolive.net/comm'+list.medals[0]+'?x-oss-process=image/resize,w_50">'
                    html+='</div>';
                    html+='</li>';
                }
                $(".online-list-ul").html(html);
                $(".onlie-face").one("error", function(){  
                  $(this).attr("src", "images/face.png");   
                });
                $(".name-span").unbind("click").on("click",function(){
                    var _self=$(this)
                    cardUp( _self.attr("data-type"))
                })
                
            }
        })
    }
    function 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='https://www.footseen.xyz/images/boy.png';
                else var faceImg='https://zhibocdn.yabolive.net/comm'+data.zoneInfo.face+'?x-oss-process=image/resize,w_50';
                //年龄
                if(data.zoneInfo.age!=0)var myAge=data.zoneInfo.age;
                else var myAge='保密'
                html+='<img class="layer-space-face" src="'+faceImg+'" alt="">';
                html+='<div class="layer-space">';
                // html+='<img class="space-close" src="images/close.png" alt="">';
                html+='<p class="layer-space-p1">'+data.zoneInfo.nickname+'</p>';
                html+='<p class="layer-space-p2">Footseen ID:'+data.zoneInfo.uid+'</p>';
                html+='<div class="layer-space-icon">';
                if(data.zoneInfo.level!=0&&data.zoneInfo.privilege.vip==true)html+='<img class="space-vip" src="https://app.ixiulive.com/static/vip/'+data.zoneInfo.level+'.png" alt="">';
                if(data.zoneInfo.sex==1)html+='<span class="space-sex-box"><img src="images/sex1.png" alt="">'+myAge+'</span>';
                else html+='<span class="space-sex-box"><img src="images/sex2.png" alt="">'+myAge+'</span>';
                for(var i=0;i<data.zoneData.medals.length;i++){
                    html+='<img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm'+data.zoneData.medals[i]+'?x-oss-process=image/resize,w_30">';
                }
                html+='</div>';
                html+='<div class="layer-space-tag">';
                html+='<span>'+data.zoneInfo.constellation+'</span>';
                html+='<span>'+data.zoneInfo.culture+'</span>';
                html+='<span>'+data.zoneInfo.work+'</span>';
                html+='</div>';
                html+='<div class="space-text">'+data.zoneInfo.sign.replace("Firefly Live","Footseen")+'</div>';
                html+='<ul class="space-num-ul">';
                html+='<li class="space-num-li1">';
                html+='<p>'+data.zoneData.myfollow+'</p>';
                html+='<p>追蹤</p>';
                html+='</li>';
                html+='<li class="space-num-li2">';
                html+='<p>'+data.zoneData.followme+'</p>';
                html+='<p>粉絲</p>';
                html+='</li>';
                html+='<li class="space-num-li3">';
                html+='<p><img src="images/diamond.png"> '+data.zoneData.rich+'</p>';
                html+='<p>送出</p>';
                html+='</li>';
                html+='<li class="space-num-li4">';
                html+='<p><img src="images/rich-icon.png">'+data.zoneData.charm+'</p>';
                html+='<p>收到</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">追蹤</li>';
                else html+='<li class="space-btn1">已追隨</li>';
                html+='<li data-type="'+data.zoneInfo.nickname+'" class="space-btn2">@他</li>';
                html+='<a target="_blank" href="https://www.footseen.xyz/space/index.html?fid='+data.zoneInfo.uid+'"><li class="space-btn3">主頁</li></a>';
                html+='</ul>';
                html+='</div>';
                html+='</div>';
                var richLv=0
                if(data.zoneInfo.privilege.vip==true){
                    if(data.zoneInfo.level>=0&&data.zoneInfo.level<11){
                        richLv=1
                    }
                    else if(data.zoneInfo.level>=11&&data.zoneInfo.level<21){
                        richLv=2
                    }
                    else if(data.zoneInfo.level>=21&&data.zoneInfo.level<31){
                        richLv=3
                    }
                    else if(data.zoneInfo.level>=31&&data.zoneInfo.level<41){
                        richLv=4
                    }
                    else if(data.zoneInfo.level>=41&&data.zoneInfo.level<46){
                        richLv=5
                    }
                    else if(data.zoneInfo.level>=46&&data.zoneInfo.level<51){
                        richLv=6
                    }
                    else if(data.zoneInfo.level==51){
                        richLv=7
                    }
                    else if(data.zoneInfo.level==52){
                        richLv=8
                    }
     
                    if(richLv>1){
                        html+='<img class="level-bg" src="images/l'+richLv+'.png">'
                        html+='<div class="vip-frame vip-frame'+(richLv-1)+'"><span>'+data.zoneInfo.level+'</span></div>'
                    }
              
                }
                $(".layer-space-box").html(html);
                if(richLv>1)$(".layer-space").css("background","#fff")
                else{
                    $(".layer-space").css("background","url(../images/layer-space.png) no-repeat;")
                    $(".layer-space").css("background-size","100% 100%")
                }
                $(".space-close").unbind("click").on("click",function(){
                    layer.closeAll()
                })
                if(data.zoneData.isfollow==0){
                    if(localStorage.uid==$(".space-btn1").attr("data-type")){
                        $(".space-btn1").css("color","#aaa")
                        $(".space-btn2").css("color","#aaa")
                        return;
                    }
                    $(".space-btn1").unbind("click").on("click",function(){
                 
                        if(localStorage.uid==undefined){
                            layer.closeAll()
                            setTimeout(function(){ loginLayer()},300)
                            return
                        }
                        var _self=$(this)
        
                        $.ajax({
                            url:$ip+'room/likeOpt',
                            data:{
                                roomId:_self.attr("data-type"),
                                optType:1,
                                uid:localStorage.uid,
                                token:localStorage.token,
                                pageID: localStorage.canvasCode,
                            },
                            success:function(data){
                                //console.log('關注',data)
                                if(data.code==1){
                                    _self.text("已追蹤")
                                    _self.unbind("click")
                                    layer.msg('追蹤成功')
                                }else{
                                    layer.msg(data.msg)
                                }
                            }
                        })
                    })
                }
          
                $(".space-btn2").unbind("click").on("click",function(){
                    if(localStorage.uid==undefined){
                        layer.closeAll()
                        setTimeout(function(){ loginLayer()},300)
                        return
                    }
                    var _self=$(this)
                    $(".live-send-input").focus()
                    $(".live-send-input").val('@'+_self.attr("data-type")+';')
                    layer.closeAll()
                })
                
            }
        })
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["400px", "430px"],
            content: $(".layer-space-box"),
            end: function () {
                $(".layui-layer-shade").hide()
                layer.closeAll()
            }
        })
    }
    function liveList(e){
        $.ajax({
            url:$ip+'frontPage/queryLiveUsers',
            data:{
                pageNum:e,
                pageSize:100,
                //,
                pageID:localStorage.canvasCode
            },
            success:function(data){
                //console.log('直播列表',data)
                if(data.code==-5008){
                    setTimeout(function() {
                        liveList(e)
                    }, 500);
                    return;
                }
                var html=[];
                for(var i=0;i<data.roomList.length;i++){
                    var list=data.roomList[i]
                    if(list.roomId==sessionStorage.roomId)continue;
                    html+='<a title='+keyEArr[Math.floor(Math.random()*200)]+' href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.roomId+'"><li data-type="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_268" style="background:#E5E5E5;background-size: cover;">';
                    if(list.liveScope==3&&list.selfLock==1)html+='<img class="lock" src="../images/Lock-no.png?v=2022102001">';
                    else if(list.liveScope==3&&list.selfLock==0)html+='<img class="lock" src="../images/Lock-no.png?v=2022102001">';
                    html+='<img class="move-live-online" src="images/live.png" alt="直播中">';
                    html+='<img class="more-live-poster" src="images/face.png" alt="'+list.introduce+'">'
                    html+='<div class="more-live-name">'+list.nickname+'</div>';
                    html+='<div class="more-live-li-shadow"></div>';
                    html+='<div class="live-top-shadow2"></div>'
                    html+='</li></a>';
                }
                $(".more-live-ul").html(html);
            }
        })
    } 
    function zoneList(){
        $.ajax({
            url:$ip+'zone/dynamic/album/getList',
            data:{
                
                zoneId:sessionStorage.roomId,
                pageNum:1,
                pageSize:99,
                pageID:localStorage.canvasCode
            },
            success:function(data){
                dataArr=data
                //console.log('获取相册列表',data)
       
                var html=[];
                if(data.dataList.length==0){
                    html+="<div class='images-no-box'><img src='images/no-icon.png'><p>該主播暫無相冊噢</p></div>"
                }
                for(var i=0;i<data.dataList.length;i++){
                    var list=data.dataList[i];
                    var content=JSON.parse(list.content)
                    if(list.type==3){
                        html+='<li data-type2='+i+' data-type='+list.topicId+' style="background: url(https://zhibocdn.yabolive.net/comm'+content.videos[0].cover+'?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">';
                        html+='<div class="mc-images-li-bottom">';
                        html+='<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">'+list.comment+'</span>';
                        html+='<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">'+list.up+'</span>';
                        html+='<span class="mc-images-li-span3">'+add0(Math.ceil(content.videos[0].duration/60000))+':'+add0(Math.ceil(content.videos[0].duration%60000/1000))+'</span>';
                        html+='</div>';
                        html+='<div class="mc-images-li-shadow"></div>';
                        html+='</li>';
                    }else{
                        html+='<li data-type2='+i+' data-type='+list.topicId+' style="background: url(https://zhibocdn.yabolive.net/comm'+content.images[0].url+'?x-oss-process=image/resize,w_180)no-repeat;background-size: cover;">';
                        html+='<div class="mc-images-li-bottom">';
                        html+='<span class="mc-images-li-span1"><img src="images/images-icon1.png" alt="">'+list.comment+'</span>';
                        if(list.selfUp==1) html+='<span class="mc-images-li-span2"><img src="images/images-icon2-click.png" alt="">'+list.up+'</span>';
                        else html+='<span class="mc-images-li-span2"><img src="images/images-icon2.png" alt="">'+list.up+'</span>';
                        html+='</div>';
                        html+='<div class="mc-images-li-shadow"></div>';
                        html+='</li>';
                    }
                }
                $(".mc-images-ul").html(html);
                $(".mc-images-ul li").unbind("click").on("click",function(){
                    var _self=$(this);
                    pid=_self.attr("data-type")
                    photo(pid,_self.attr("data-type2"))
                    layer.open({
                        type: 1,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass5",
                        area: ["1300px", "900px"],
                        content: $(".layer-photo"),
                        end: function () {
                            $(".layui-layer-shade").hide()
                            $(".layer-photo-content-left video").remove()
                            layer.closeAll()
                        }
                    })
                    // $(".photo-arrow-left").unbind("click").on("click",function(){
                    //     var photoNum= _self.attr("data-type2")
                    //     if(photoNum!=0){
                    //         //console.log(dataArr.dataList[photoNum-1].topicId)
                    //     }
                        
                        
                       
                    //     // photo(_self.attr("data-type"))
                    // })
                    // $(".photo-arrow-right").unbind("click").on("click",function(){
                    //     // photo(_self.attr("data-type"))
                    // })
                })
            
            }
        })
    }
    function photo(e,num){
        $.ajax({
            url:$ip+'frontPage/queryTopicInfo',
            async:false,
            data:{
                topicId:e,
                pageID:localStorage.canvasCode,
                uid:localStorage.uid,
                token:localStorage.token,
            },
            success:function(data){
                //console.log('查看帖子详情',data)
                var list=data.topic
                var myTopicId=list.topicId
                var imagesList=JSON.parse(list.content);
                
                if(list.type==2){
                    //console.log(imagesList)
                    var html=[];
                    if(imagesList.images.length>1){
                        var ulWidth=126*imagesList.images.length
                        var ulLeft=63*imagesList.images.length
                        html+='<ul style="width:'+ulWidth+'px;margin-left:'+-ulLeft+'px" class="photo-content-left-ul">';
                        for(var i=0;i<imagesList.images.length;i++){
                            if(i==0) html+='<li data-type='+imagesList.images[i].url+' class="photo-li-click" style="background:url(https://zhibocdn.yabolive.net/comm'+imagesList.images[i].url+'?x-oss-process=image/resize,w_105);background-size:cover"></li>';
                            else html+='<li data-type='+imagesList.images[i].url+' style="background:url(https://zhibocdn.yabolive.net/comm'+imagesList.images[i].url+'?x-oss-process=image/resize,w_105);background-size:cover"></li>'; 

                        }
                        html+='</ul>';
                    }

                    if(imagesList.images[0].high>900){
                        if(imagesList.images[0].high>imagesList.images[0].wide)html+='<img style="height:900px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
                        else html+='<img style="width:775px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
                    } 
                    else if(imagesList.images[0].wide>775)html+='<img style="width:775px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
                    else html+='<img style="height:'+imagesList.images[0].high+'px;width:'+imagesList.images[0].wide+'px" class="photo-content-left-img" src="https://zhibocdn.yabolive.net/comm'+imagesList.images[0].url+'?x-oss-process=image/resize,w_775" alt="">';
                    $(".layer-photo-content-left").html(html);
                    if(imagesList.images.length>1){
                        $(".photo-content-left-ul li").unbind("click").on("click",function(){
                            var _self=$(this);
                            $(".photo-content-left-ul li").removeClass("photo-li-click")
                            _self.addClass("photo-li-click")
                            $(".photo-content-left-img").attr("src","https://zhibocdn.yabolive.net/comm"+_self.attr("data-type")+"?x-oss-process=image/resize,w_775")
                        })
                    }
                }else if(list.type==3){
                    var html=[];
                  
                    if(imagesList.videos[0].wide>imagesList.videos[0].high) html+='<video style="width:775px;max-height: 900px" controls src="https://zhibocdn.yabolive.net/comm'+imagesList.videos[0].url.replace(".flv",".mp4")+'">';
                    else html+='<video style="height: 900px;max-width: 775px;" controls src="https://zhibocdn.yabolive.net/comm'+imagesList.videos[0].url.replace(".flv",".mp4")+'">';
                    $(".layer-photo-content-left").html(html);
                    $(".layer-photo-content-left video").on("error",function(){
                        $(".layer-photo-content-left video").attr("src",'https://zhibocdn.yabolive.net/comm'+imagesList.videos[0].url.replace(".flv",".MP4")+'')
                    })
                }
                var html=[];
                html+='<img class="photo-content-top-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_50" alt="">';
                html+='<div class="photo-content-name">'+list.nickname+''; 
                if(list.isLikeRoom==0)html+='<span data-type="'+list.uid+'" class="photo-name-like">+追蹤</span>';
                html+='</div>';
                $(".photo-content-top").html(html);
                var html=[];
                html+='<p class="photo-time-p">'+timeGet(list.updateTime)[0]+'年'+timeGet(list.updateTime)[1]+'月'+timeGet(list.updateTime)[2]+'日</p>';
                html+='<div class="photo-content-speak">'+imagesList.title+'</div>';
                html+='<div class="photo-content-like">';
                html+='<span><img src="images/icon1.png" alt="">'+list.comment+'</span>';
                if(list.selfUp==1)html+='<span><img  data-type="1" class="up-click" src="images/icon2-click.png" alt=""><span>'+list.up+'</span></span>';
                else html+='<span><img  data-type="0" class="up-click" src="images/icon2.png" alt=""><span>'+list.up+'</span></span>';
                html+='</div>';
                $(".photo-content-center").html(html);
                // setTimeout(function(){
                //     //console.log($(".photo-content-center").height())
                // },50)   
                $(".photo-name-like").unbind("click").on("click",function(){
                    var _self=$(this)
                    if(localStorage.uid==undefined){
                        layer.closeAll()
                        setTimeout(function() {
                            loginLayer()
                        }, 200);
                  
                    }
                    $.ajax({
                        url:$ip+'room/likeOpt',
                        data:{
                            roomId:_self.attr("data-type"),
                            optType:1,
                            uid:localStorage.uid,
                            token:localStorage.token,
                            pageID: localStorage.canvasCode,
                        },
                        success:function(data){
                            //console.log('關注',data)
                            if(data.code==1){
                                $(".photo-name-like").hide()
                                $(".like-btn").hide()
                                layer.msg('關注成功')
                            }else{
                                layer.msg(data.msg)
                            }
                        }
                    })
                })
                $(".up-click").unbind("click").on("click",function(){
                    if(localStorage.uid==undefined){
                        layer.closeAll()
                        setTimeout(function(){
                            $(".login-box1 .login-title").text('登入為Ta點讚')   
                             loginLayer()
                            },300)

                        return;
                    }
                    if(data.selfUp==1){
                        return;
                    }
                    var _self=$(this)
                    $.ajax({
                        url:$ip+'dynamic/topic/up',
                        data:{
                            token:localStorage.token,
                            uid:localStorage.uid,
                            topicId:myTopicId,
                            cancel:_self.attr("data-type"),
                            pageID:localStorage.canvasCode,
                        },
                        success:function(data){
                            //console.log('動態點讚',data)
                            if(data.code!=1){
                                layer.msg(data.msg)
                                return;
                            }
                            if(_self.attr("data-type")==0){
                                $(".up-click").attr("data-type",'1');
                                $(".up-click").attr("src","images/icon2-click.png")
                                $(".up-click").siblings("span").text((Number($(".up-click").siblings("span").text())+1))
                            }
                            else if(_self.attr("data-type")==1){
                                $(".up-click").attr("data-type",'0');
                                $(".up-click").attr("src","images/icon2.png")
                                $(".up-click").siblings("span").text((Number($(".up-click").siblings("span").text())-1))
                            }
                        }
                    })
                })
                $(".photo-arrow-left").attr("data-type",""+(num-1)+"")
                $(".photo-arrow-right").attr("data-type",""+(Number(num)+1)+"")
                $(".photo-arrow-left").unbind("click").on("click",function(){
                    var _self=$(this)
                    if(_self.attr("data-type")>-1){
                        var nextNum=_self.attr("data-type")
                        pid=dataArr.dataList[nextNum].topicId
                        photo(pid,nextNum)
                    }
                })
                $(".photo-arrow-right").unbind("click").on("click",function(){
                    var _self=$(this)
                    if(dataArr.dataList[_self.attr("data-type")]!=undefined){
                        var nextNum=Number(_self.attr("data-type"))
                        pid=dataArr.dataList[nextNum].topicId
                        photo(pid,nextNum)
                    }
                })

                $(".photo-msg-btn").unbind("click").on("click",function(){
                    if(localStorage.token==undefined){
                        layer.closeAll()
                        setTimeout(function(){
                            loginLayer()
                        }, 300);
                        return;
                    }
                    if($(".photo-content-input").val()==''||$(".photo-content-input").val().split(" ").join("").length == 0){
                        layer.msg("請輸入要評論的內容")
                        return;
                    }
                    if(comment1!=0&&comment2!=0){
                        commentSend(myTopicId,$(".photo-content-input").val(),comment1,comment2)
                    }else if(comment1!=0&&comment2==0){
                        commentSend(myTopicId,$(".photo-content-input").val(),comment1)
                    }else if(comment1==0&&comment2==0){
                        commentSend(myTopicId,$(".photo-content-input").val())
                    }
                    
                })
                $(".good-btn").unbind("click").on("click",function(){
                    if(data.selfUp==1){
                        return;
                    }
                    var _self=$(this)
                    $.ajax({
                        url:$ip+'dynamic/topic/up',
                        data:{
                            token:localStorage.token,
                            uid:localStorage.uid,
                            topicId:myTopicId,
                            cancel:_self.attr("data-type"),
                            pageID:localStorage.canvasCode,
                        },
                        success:function(data){
                            //console.log('動態點讚',data)
                            if(data.code!=1){
                                layer.msg(data.msg)
                                return;
                            }
                            if(_self.attr("data-type")==0){
                                $(".good-btn").attr("data-type",'1');
                                $(".good-btn").attr("src","images/icon2-click.png")
                                $(".good-box span").text((Number($(".good-box span").text())+1))
                            }
                            else if(_self.attr("data-type")==1){
                                $(".good-btn").attr("data-type",'0');
                                $(".good-btn").attr("src","images/icon2.png")
                                $(".good-box span").text((Number($(".good-box span").text())-1))
                            }
                        }
                    })
                })
            }
        })
        commentList(e)
    }
    function commentList(e){
        $.ajax({
            url:$ip+'dynamic/comment/list',
            data:{
                topicId:e,
                pageNum:1,
                pageSize:99,
                pageID:localStorage.canvasCode,
            },
            success:function(data){
                //console.log('查看评论列表',data)
                $(".photo-content-input").val("")
                $(".photo-content-input").attr("placeholder","請輸入要評論的內容")
                setTimeout(function() {
                    comment1=0
                    comment2=0
                    var rightHeight=900-$(".photo-content-center").height()-80-75
                    $(".photo-content-right-ul").height(rightHeight)
                    if(data.commentResult.length==0){
                        $(".photo-content-right-ul").html('');
                        return;
                    }
                    var html=[];
                    for(var i=0;i<data.commentResult.length;i++){
                        var list=data.commentResult[i]
                        if(data.systemDate-list.updateTime<86400000){
                            var outTime=Math.ceil((data.systemDate-list.updateTime)/3600000)+'小時前'
                        }else{
                            var outTime=timeGet(list.updateTime)[0]+'年'+timeGet(list.updateTime)[1]+'月'+timeGet(list.updateTime)[2]+'日 '+timeGet(list.updateTime)[2]+':'+timeGet(list.updateTime)[3]
                        }
                        html+='<li>';
                        html+='<img class="photo-message-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_50" alt="">';
                        html+='<p class="photo-message-name">'+list.nickname+'</p>';
                        if(JSON.parse(list.content).images!=undefined){
                            html+='<p class="photo-message-content">'+JSON.parse(list.content).text+'<br><img class="small-img" src="https://zhibocdn.yabolive.net/comm'+JSON.parse(list.content).images[0].url+'?x-oss-process=image/resize,w_300"></p>';
                        }
                        else html+='<p class="photo-message-content">'+JSON.parse(list.content).text+'</p>';
                        html+='<p class="photo-message-time">'+list.remark+' <span data-type='+list.commentId+' class="Reply-btn">回復</span></p>';
                        if(list.replyResult.length!=0){
                            html+='<div class="photo-more-message">';
                            for(var j=0;j<list.replyResult.length;j++){
                                if(data.systemDate-list.replyResult[j].updateTime<86400000){
                                    var outTime2=Math.ceil((data.systemDate-list.replyResult[j].updateTime)/3600000)+'小時前'
                                }else{
                                    var outTime2=timeGet(list.replyResult[j].updateTime)[0]+'年'+timeGet(list.replyResult[j].updateTime)[1]+'月'+timeGet(list.replyResult[j].updateTime)[2]+'日 '+timeGet(list.replyResult[j].updateTime)[2]+':'+timeGet(list.replyResult[j].updateTime)[3]
                                }
                                html+='<div class="more-message-box">';
                                html+='<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm'+list.replyResult[j].face.split('?')[0]+'?x-oss-process=image/resize,w_50" alt="">';
                                if(list.replyResult[j].toNickname!=undefined)html+='<p class="more-message-content"><span>'+list.replyResult[j].nickname+'</span>回復'+list.replyResult[j].toNickname+':'+JSON.parse(list.replyResult[j].content).text+'</p>';
                                else html+='<p class="more-message-content"><span>'+list.replyResult[j].nickname+':</span> '+JSON.parse(list.replyResult[j].content).text+'</p>';
                                //插入图片
                                if(JSON.parse(list.replyResult[j].content).images!=undefined){
                                    html+='<p style="width:250px" class="photo-message-content">'+JSON.parse(list.replyResult[j].content).text+'<br><img class="small-img" src="https://zhibocdn.yabolive.net/comm'+JSON.parse(list.replyResult[j].content).images[0].url+'?x-oss-process=image/resize,w_300"></p>'
                                }
                                html+='<p class="more-message-time">'+list.replyResult[j].remark+' <span data-type='+list.commentId+' data-type2='+list.replyResult[j].commentId+' class="Reply-btn2">回復</span></p>';
                                html+='</div>';
                            }
                            if(list.reply>2)html+='<p class="more-replay">共'+list.reply+'條回復 <span data-type2="'+e+'" data-type='+list.commentId+' class="comment-more">點擊查看</span></p>'
                            html+='</div>';
                        }
                        html+='</li>';
                    }
                    $(".photo-content-right-ul").html(html);
                    $(".small-img").unbind("click").on("click",function(){
                        var _self=$(this)
                        if(_self.hasClass("big-img")){
                            _self.removeClass("big-img")
                        }else{
                            _self.addClass("big-img")
                        }
                    })
                    $(".Reply-btn").unbind("click").on("click",function(){
                        if(localStorage.uid==undefined){
                            layer.closeAll()
                            setTimeout(function(){
                                loginLayer()
                            }, 300);
                            return;
                        }
                        var _self=$(this);
                        comment1=_self.attr("data-type")
                        $(".photo-content-input").attr("placeholder",'回復'+_self.parent().siblings(".photo-message-name").text()+':')
                        $(".photo-content-input").val('')
                        $('.photo-content-input').focus()
                        
                    })
                    $(".Reply-btn2").unbind("click").on("click",function(){
                        if(localStorage.uid==undefined){
                            layer.closeAll()
                            setTimeout(function(){
                                loginLayer()
                            }, 300);
                            return;
                        }

                        var _self=$(this);
                        comment1=_self.attr("data-type")
                        comment2=_self.attr("data-type2")
                        $(".photo-content-input").attr("placeholder",'回復'+_self.parent().siblings(".more-message-content").children("span").text()+':')
                        $(".photo-content-input").val('')
                        $('.photo-content-input').focus()
                    })
                    $(".comment-more").unbind("click").on("click",function(){
                        if(localStorage.uid==undefined){
                            layer.closeAll()
                            setTimeout(function(){
                                loginLayer()
                            }, 300);
                            return;
                        }
                        _self=$(this)
                        $.ajax({
                            url:$ip+'dynamic/reply/getList',
                            data:{
                                topicId:_self.attr("data-type2"),
                                pageNum:1,
                                pageSize:99,
                                commentId:_self.attr("data-type"),
                                uid:localStorage.uid,
                                token:localStorage.token,
                                pageID:localStorage.canvasCode,
                            },
                            success:function(data){
                                //console.log('加載更多回復',data)
                                if(data.code!=1){
                                    layer.msg(data.msg);
                                }
                                var html=[];
                                for(var i=0;i<data.replyList.length;i++){
                                    var list=data.replyList[i]
                                    html+='<div class="more-message-box">';
                                    html+='<img class="more-message-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_50" alt="">';
                                    if(list.toNickname!=undefined)html+='<p class="more-message-content"><span>'+list.nickname+'</span>回復'+list.toNickname+':'+JSON.parse(list.content).text+'</p>';
                                    else html+='<p class="more-message-content"><span>'+list.nickname+':</span> '+JSON.parse(list.content).text+'</p>';
                                    html+='<p class="more-message-time">'+list.remark+' <span data-type='+_self.attr("data-type")+' data-type2='+list.commentId+' class="Reply-btn2">回復</span></p>';
                                    html+='</div>';
                                }
                                $(".more-replay").hide()
                                _self.parent().parent().html(html);
                                $(".Reply-btn2").unbind("click").on("click",function(){
                                    if(localStorage.uid==undefined){
                                        loginLayer()
                                        return;
                                    }
                                    var _self=$(this);
                                    comment1=_self.attr("data-type")
                                    comment2=_self.attr("data-type2")
                                    $(".photo-content-input").attr("placeholder",'回復'+_self.parent().siblings(".more-message-content").children("span").text()+'')
                                    $(".photo-content-input").val('')
                                    $('.photo-content-input').focus()
                                })
                            }
                        })
                    })
                }, 300);
                
                
            }
        })

    }
    function task(e){
        $.ajax({
            url:$ip+'task/getcenter',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                type:e,
                // //,
                pageID:localStorage.canvasCode
            },
            success:function(data){
                console.log('獲取任務列表',data)
                if(data.code!=1)return;
                var html=[]
                var taskIconArr=['','','','big-diamond.png','rich-icon.png','dew.png','pin.png','pin.png']
                for(var i=0;i<data.tasks[0].tasklist.length;i++){
                    var list=data.tasks[0].tasklist[i];
                    if(list.state==3&&list.pid!='50007')continue;
                    html+='<li>';
                   html+='<p>'+list.taskName+' <span><img src="images/dew.png" alt="">+'+list.award+'</span></p>';
                    if(list.pid!='50007'||list.state!=3)html+='<p>'+list.taskDescription+'</p>';
                    else{
                        var date1 = new Date().getTime()+3600000;
                        html+='<p>'+timeGet(date1)[3]+':00可再次領取</p>';
                    } 
                    if(list.state==0||list.state==1) html+='<img class="task-btn task-btn1" src="images/task1.png" alt="">';
                    else if(list.state==2)html+='<img data-type="'+list.tid+'" class="task-btn task-btn2" src="images/task2.png" alt="">';
                    else if(list.state==3)html+='<img class="task-btn " src="images/task3.png" alt="">';
                    html+='</li>';
                }
                for(var i=0;i<data.tasks[1].tasklist.length;i++){
                    var list=data.tasks[1].tasklist[i];
                    if(list.state==3)continue;
                    html+='<li>';
                    html+='<p>'+list.taskName+' <span><img src="images/dew.png" alt="">+'+list.award+'</span></p>';
                    html+='<p>'+list.taskDescription+'</p>';
                    if(list.state==0||list.state==1) html+='<img class="task-btn task-btn1" src="images/task1.png" alt="">';
                    else if(list.state==2)html+='<img data-type="'+list.tid+'" class="task-btn task-btn2" src="images/task2.png" alt="">';
                    else if(list.state==3)html+='<img class="task-btn task-btn2" src="images/task3.png" alt="">';
                    html+='</li>';
                }
                $(".day-task-content-ul").html(html);
                $(".task-btn2").unbind("click").on("click",function(){
                    var _self=$(this)
                    $.ajax({
                        url:$ip+'task/receive',
                        data:{
                            uid:localStorage.uid,
                            token:localStorage.token,
                            tid:_self.attr('data-type'),
                            pageID:localStorage.canvasCode
                        },
                        success:function(data){
                            //console.log('领取任务奖励',data)
                            if(data.code!=1){
                                layer.msg(data.msg)
                                return;
                            }
                            if(data.code==1){
                                layer.msg("領取成功")
                                _self.attr("src",'images/task3.png')
                                if(_self.attr('data-type')!='50007')_self.unbind("click")
                                else{
                                    var date1 = new Date().getTime()+3600000;
                                    _self.siblings("p").eq(1).text(''+timeGet(date1)[3]+':00可再次領取')
                                    _self.unbind("click")
                                } 
                                
                            }
                        }
                    })
                })
            }
        })
    }
    function guardList(){
        $.ajax({
            url:$ip+'guard/getRoomGuarders',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                roomid:sessionStorage.roomId,
                index:1,
                pageSize:99,
                //,
                pageID:localStorage.canvasCode
            },
            success:function(data){
                //console.log('主播的守护列表',data)
                var html=[];
                if(data.result.length==0){
                    html+='<img class="guard-face" src="images/guard-face.png">'
                    html+='<p class="guard-p1">主播還沒有守護</p>'
                    html+='<p class="guard-p2">快來成為TA的第一位守護吧</p>'
                    $(".guard-list-ul").html(html);
                    return;
                }
                for(var i=0;i<data.result.length;i++){
                    var list=data.result[i];
                    html+='<li data-type="'+list.uid+'" class="name-span">';
                    html+='<div class="guard-list-li-content">';
                    html+='<img class="guard-king" src="images/g-king.png" alt="">';
                    html+='<img class="guard-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_45" alt="">';
                    html+='<span>'+list.nickname+'</span>';
                    html+='</div>';
                    html+='</li>';
                    if(list.uid==localStorage.uid){
                        var endTime=data.systemDate+86400000*list.expireDays
                        $(".guard-btn").addClass("guard-btn2").html('<p>已守護</p><p>當前守護至'+timeGet(endTime)[0]+'-'+timeGet(endTime)[1]+'-'+timeGet(endTime)[2]+'</p>')
                        $(".gurad-layer-p2").text('當前守護至 '+timeGet(endTime)[0]+'-'+timeGet(endTime)[1]+'-'+timeGet(endTime)[2]+'')
                        $(".guard-layer-btn").addClass("guard-layer-btn2")
                    }
                }
                $(".guard-list-ul").html(html);
                $(".name-span").unbind("click").on("click",function(){
                    var _self=$(this)
                    cardUp( _self.attr("data-type"))
                })
            }
        })
    }
    function openGuard(){
        if(localStorage.token==undefined||localStorage.token=='undefined'){
            layer.msg("請先登錄")
            return;
        }
        if(localStorage.uid==sessionStorage.roomId){
            layer.msg("自己無法給自己開通守護")
            return;
        }
        $.ajax({
            url:$ip+'guard/openGuard',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                roomid:sessionStorage.roomId,
                //,
                pageID:localStorage.canvasCode,
            },
            success:function(data){
                //console.log("開通守護",data);
                if(data.code==1){
                    layer.closeAll()
                    layer.msg("開通成功")
                    guardList()
                }else{
                    layer.msg(data.msg)
                }
            }
        })
    }
    function  commentSend(e,contentStr,comm,reId){
        var obj={
            "text": ""+contentStr+"",
        }
        $.ajax({
            url:$ip+'dynamic/comment/send',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                topicId:e,
                commentId:comm,
                replyId:reId,
                content:JSON.stringify(obj),
                pageID:localStorage.canvasCode,
            },
            success:function(data){
                //console.log('發佈評論',data)
                if(data.code==1){
                    layer.msg("評論成功")
                    $(".photo-content-input").val("")
                    setTimeout(function() {
                        commentList(pid)
                    },500);
                }else{
                    layer.msg(data.msg)
                    
                }
            }
        })
    }
    //websocket
    var ws;
    var ReconnectionT=null
    var Reconnection=0
    var trackNum=0
    //websocket相关
 
    var outT=null
    setInterval(function() {
        //普通礼物相关
        for(var i=0;i<5;i++){
            if($(".gift-track-box .track-content").eq(i)==undefined)continue;
            $(".gift-track-box .track-content").eq(i).attr("data-type",$(".gift-track-box .track-content").eq(i).attr("data-type")-500)
            if($(".gift-track-box .track-content").eq(i).attr('data-type')<=0){
                $(".gift-track-box .track-content").eq(i).children(".track-bar").addClass("track-out")
            }
            if($(".gift-track-box .track-content").eq(i).attr('data-type')<=-500){
                $(".gift-track-box .track-content").eq(i).remove()
            }
        }
        //特效礼物相关
        if($(".gift-show-box .gift-show-ing").eq(0).length!=0){
            //出现并计时
            if($(".gift-show-box .gift-show-ing").eq(0).attr("data-type2")==0){
                $(".gift-show-box .gift-show-ing").eq(0).attr("data-type2",1) 
                $(".gift-show-box .gift-show-ing").eq(0).append('<img class="gift-show-img" src="'+$(".gift-show-box .gift-show-ing").eq(0).attr("data-type3")+'?'+Math.random()+'" alt="">')
            }
            var giftShowTime= $(".gift-show-box .gift-show-ing").eq(0).attr("data-type")-500
            $(".gift-show-box .gift-show-ing").eq(0).fadeIn(500)
            $(".gift-show-box .gift-show-ing").eq(0).attr("data-type",giftShowTime)
            //消失
            if($(".gift-show-box .gift-show-ing").eq(0).attr("data-type")<=0){
                $(".gift-show-box .gift-show-ing").eq(0).fadeOut(500)
            }
            //删除dom
            if($(".gift-show-box .gift-show-ing").eq(0).attr("data-type")<=-500){
                $(".gift-show-box .gift-show-ing").eq(0).remove()
            }
        }
    }, 500);
    var systemMsg=true;
    var msgGoTrack=0
    function WebSocketGo() {
        if ("WebSocket" in window) {
            // 打开一个 web socket
            if(localStorage.token==undefined||localStorage.token=='undefined')var url = ""+$ws+"ws?uid=" + localStorage.uid + "&token="+localStorage.canvasCode+"&roomid=" + sessionStorage.roomId + "&connType=2";
            else var url = ""+$ws+"ws?uid=" + localStorage.uid + "&token="+localStorage.token+"&roomid=" + sessionStorage.roomId + "&connType=1";
            ws = new WebSocket(url);
            ws.onopen = function () {
                typeof tHeart!='undefined'&&typeof tHeart!='null'?clearInterval(tHeart):tHeart=null;
                clearInterval(ReconnectionT)
                // Reconnection=0
                heartbeat()
                tHeart=setInterval(function(){
                    heartbeat()
                }, 5000);
            };
        
            ws.onmessage = function (evt) {
                var obj = JSON.parse(evt.data);
                //系統消息
                if(JSON.parse(obj.content).content.roomid!=sessionStorage.roomId){
                    return;
                }
                if(obj.cid == 10000){
                    var list=JSON.parse(obj.content)
                    //console.log('系統消息',list);
                    var html=[];
                    html+='<li class="live-msg-li">'+list.content.msg+'</li>';
                    $(".live-msg-ul").append(html);
                }
                //刷獎送禮
                if(obj.cid == 5300){
                    Reconnection=0;
                    var list=JSON.parse(obj.content)
                    //console.log('刷獎送禮',list)
                    if(list.content.isBigGift==false){
                        if(list.content.num!=1){
                            var numArr=list.content.num.toString().split("");
                            var html=[]
                            html+='<img style="height:20px" src="images/num/dx.png">';
                            for(var j=0;j<numArr.length;j++){
                                html+='<img class="num-img num-show" src="images/num/d'+numArr[j]+'.png">'
                            }
                        for(var i=0;i<$(".gift-track-box").children().length;i++){
                                if($(".track-content").hasClass('track'+list.content.uuid+'')){
                                    $('.track'+list.content.uuid+'').attr("data-type",'5000')
                                    if(list.content.lottery>0&&list.content.lottery<100) $('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get1">'+list.content.lottery+'倍</div>')
                                    else if(list.content.lottery>=100&&list.content.lottery<500){
                                        $('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get2"><span>'+list.content.lottery+'倍</span></div>')
                                    } 
                                    else if(list.content.lottery>=500){
                                        $('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get3"><span>'+list.content.lottery+'倍</span></div>')
                                    } 
                                    $('.track'+list.content.uuid+'').children(".track-bar").children('.track-num').html(html)
                                    return;
                                }
                            }
                        }
                        trackNum++
                        var html=[]
                        var numArr=list.content.num.toString().split("");
                        html+='<div data-type="5000" class="track-content track'+list.content.uuid+'">';
                        html+='<div class="track-bar track-dew trackId'+trackNum+'">';
                        html+='<img class="track-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_40" alt="">';
                        html+='<p class="track-p1">'+list.content.userInfo.nickname+'</p>';
                        html+='<p class="track-p2">送出'+list.content.giftname+'</p>';
                        html+='<img class="track-gift" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,w_52" alt="">';
                        html+='<span class="track-num"><img style="height:20px" src="images/num/dx.png">';
                        for(var i=0;i<numArr.length;i++){
                            html+='<img class="num-img" src="images/num/d'+numArr[i]+'.png">'
                        }
                        html+='</span>'
                        html+='<div class="dew-get-box"></div>'
                        html+='</div>';
                        html+='</div>';
                        $(".gift-track-box").append(html);
                        if(list.content.lottery>0&&list.content.lottery<100) $('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get1">'+list.content.lottery+'倍</div>')
                        else if(list.content.lottery>=100&&list.content.lottery<500){
                            $('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get2"><span>'+list.content.lottery+'倍</span></div>')
                        } 
                        else if(list.content.lottery>=500){
                            $('.trackId'+trackNum+' .dew-get-box').html('<div class="dew-get3"><span>'+list.content.lottery+'倍</span></div>')
                        } 
                        $('.trackId'+trackNum+'').addClass("track-go")
                        return;
                    }
                    if(list.content.isBigGift){
                        trackNum++
                        var html=[]
                        html+='<div data-type="5000" data-type2="0" data-type3="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="gift-show-ing gift-show-content show'+trackNum+'">';
                        html+='<div class="gift-show-text">';
                        html+='<img class="gift-show-face" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,h_18" alt="">';
                        html+='<p class="gift-show-p1">'+list.content.userInfo.nickname+'</p>';
                        html+='<p class="gift-show-p2">送出'+list.content.giftname+'x'+list.content.num+'</p>';
                        html+='</div>';
                        html+='</div>';
                        $(".gift-show-box").append(html)
                    }

                }
                //接收直播间礼物
                if (obj.cid == 5200) {
                    Reconnection=0;
                    var list=JSON.parse(obj.content)
                    // console.log('直播间接收礼物',list)
                    if(list.content.isBigGift==false){
                        if(list.content.num!=1){
                            var numArr=list.content.num.toString().split("");
                            var html=[]
                            html+='<img src="images/num/x.png">';
                            for(var j=0;j<numArr.length;j++){
                                html+='<img class="num-img num-show" src="images/num/n'+numArr[j]+'.png">'
                            }
                            for(var i=0;i<$(".gift-track-box").children().length;i++){
                                if($(".track-content").hasClass('track'+list.content.uuid+'')){
                                    if(list.content.giftDuration!==0&&list.content.giftDuration!=undefined)$('.track'+list.content.uuid+'').attr("data-type",''+list.content.giftDuration*1000+'')
                                    else $('.track'+list.content.uuid+'').attr("data-type",'5000')
                                    $('.track'+list.content.uuid+'').children(".track-bar").children('.track-num').html(html)
                                    return;
                                }
                            }
                        }
                        trackNum++
                        var html=[]
                        var numArr=list.content.num.toString().split("");
                        if(list.content.giftDuration!==0&&list.content.giftDuration!=undefined)html+='<div data-type="'+list.content.giftDuration+'" class="track-content track'+list.content.uuid+'">';
                        else html+='<div data-type="5000" class="track-content track'+list.content.uuid+'">';
                        html+='<div class="track-bar track1-bg trackId'+trackNum+'">';
                        html+='<img class="track-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_40" alt="">';
                        html+='<p class="track-p1">'+list.content.userInfo.nickname+'</p>';
                        html+='<p class="track-p2">送出'+list.content.giftname+'</p>';
                        html+='<img class="track-gift" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,w_52" alt="">';
                        html+='<span class="track-num"><img src="images/num/x.png">';
                        for(var i=0;i<numArr.length;i++){
                            html+='<img class="num-img" src="images/num/n'+numArr[i]+'.png">'
                        }
                        html+='</span>';
                        html+='</div>';
                        html+='</div>';
                        $(".gift-track-box").append(html);
                        $('.trackId'+trackNum+'').addClass("track-go")
                        return;
                    }
                    if(list.content.isBigGift){
                        trackNum++
                        var html=[]
                        if(list.content.giftDuration!==0&&list.content.giftDuration!=undefined)html+='<div data-type="'+list.content.giftDuration*1000+'" data-type2="0" data-type3="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="gift-show-ing gift-show-content show'+trackNum+'">';
                        else html+='<div data-type="5000" data-type2="0" data-type3="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="gift-show-ing gift-show-content show'+trackNum+'">';
                        // html+='<img class="gift-show-img" src="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" alt="">';
                        html+='<div class="gift-show-text">';
                        html+='<img class="gift-show-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,h_50" alt="">';
                        html+='<p class="gift-show-p1">'+list.content.userInfo.nickname+'</p>';
                        html+='<p class="gift-show-p2">送出'+list.content.giftname+'x'+list.content.num+'</p>';
                        html+='</div>';
                        html+='</div>';
                        $(".gift-show-box").append(html)
                        // $(".show"+trackNum+" .gift-show-img").on("load",function(){
                        //     $(".show"+trackNum+"").addClass("gift-show-ing")
                        //     $(".show"+trackNum+" .gift-show-img").attr("src","")
                        // })
                    }
                }
                //聊天信息
                if (obj.cid == 6200) {
                    Reconnection=0;
                    var list=JSON.parse(obj.content)
                    // console.log('直播间发言',list);
                    //进入直播间
                    if(list.content.type==1){
                        var html=[];
                      
                        var richLv=0
                        //vip開通特效
                        if(list.content.vipInfo.isVip==true){
                            if(list.content.lv>0){
                                if(list.content.motor!='') html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span"><img src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png">'+list.content.nickname+'</span> 來了,來自'+list.content.country+'<img class="go-car" src="https://zhibocdn.yabolive.net/comm'+list.content.motor+'?x-oss-process=image/resize,w_45"></li>';
                                else html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span"><img src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png">'+list.content.nickname+'</span> 來了,來自'+list.content.country+'</li>';
                            }else{
                                if(list.content.motor!='') html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+'</span> 來了,來自'+list.content.country+'<img class="go-car" src="https://zhibocdn.yabolive.net/comm'+list.content.motor+'?x-oss-process=image/resize,w_45"></li>';
                                else html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+'</span> 來了,來自'+list.content.country+'</li>';
                            }

                            //vip进场特效
                            if(list.content.lv>=0&&list.content.lv<11)richLv=1
                            else if(list.content.lv>=11&&list.content.lv<21)richLv=2               
                            else if(list.content.lv>=21&&list.content.lv<31)richLv=3                                
                            else if(list.content.lv>=31&&list.content.lv<41)richLv=4                               
                            else if(list.content.lv>=41&&list.content.lv<46)richLv=5                                
                            else if(list.content.lv>=46&&list.content.lv<51)richLv=6                                
                            else if(list.content.lv==51)richLv=7                
                            else if(list.content.lv==52) richLv=8                   
                            if(richLv>1){
                                msgGoTrack++
                                if(msgGoTrack>4)msgGoTrack=1
                                var html2=[]
                                html2+='<div class="msg-rich-go msg-rich-go-track'+msgGoTrack+' go'+richLv+' goShow-go"><img src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png" alt=""><span>'+list.content.nickname+'</span>來了,来自'+list.content.country+'</div>'
                                $(".msg-rich-go-box").append(html2)
                                setTimeout(function(){
                                    $(".msg-rich-go").eq(0).remove()
                                  
                                }, 3700);
                            }
                        }else{
                            if(list.content.motor!='') html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+'</span> 來了,來自'+list.content.country+' <img class="go-car" src="https://zhibocdn.yabolive.net/comm'+list.content.motor+'?x-oss-process=image/resize,w_45"></li>';
                            else html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+'</span> 來了,來自'+list.content.country+'</li>';
                        }
                        
                     
                        $(".live-msg-ul").append(html);
                    }
                    //发言
                    if(list.content.type==2){
                        var html=[];
                        var richLv=0
                        if(list.content.vipInfo.isVip==true){
                            if(list.content.vip_lv>=0&&list.content.vip_lv<11)richLv=1
                            else if(list.content.vip_lv>=11&&list.content.vip_lv<21)richLv=2
                            else if(list.content.vip_lv>=21&&list.content.vip_lv<31)richLv=3
                            else if(list.content.vip_lv>=31&&list.content.vip_lv<41)richLv=4
                            else if(list.content.vip_lv>=41&&list.content.vip_lv<46)richLv=5
                            else if(list.content.vip_lv>=46&&list.content.vip_lv<51)richLv=6
                            else if(list.content.vip_lv==51)richLv=7
                            else if(list.content.vip_lv==52)richLv=8
                        }
                        if(richLv>3)html+='<li class="live-msg-li live-msg-li'+richLv+'">';
                        else html+='<li class="live-msg-li">';
                        
                        // if(list.content.vip_lv>0)html+='<span data-type="'+list.content.uid+'" class="name-span"><img src="https://app.ixiulive.com/static/vip/'+list.content.vip_lv+'.png">'+list.content.uid_nick+'</span><span class="online-lv">'+list.content.live_lv+'</span>: '+list.content.content+'';
                        // else html+='<span data-type="'+list.content.uid+'" class="name-span">'+list.content.uid_nick+'</span><span class="online-lv">'+list.content.live_lv+'</span>: '+list.content.content+'';
                        html+='<span data-type="'+list.content.uid+'" class="name-span">';
                        if(list.content.vip_lv>0&&list.content.vipInfo.isVip==true)html+='<img src="https://app.ixiulive.com/static/vip/'+list.content.vip_lv+'.png">';
                        if(list.content.uid<0)html+='<img class="lv-secret" src="images/lv-secret.png">'
                        html+=''+list.content.uid_nick+'</span>';
                        // if(list.content.live_lv>0)html+='<span class="online-lv">'+list.content.live_lv+'</span>';
                        if(list.content.medal!="")html+='<img class="medal-icon" src="https://zhibocdn.yabolive.net/comm'+list.content.medal+'?x-oss-process=image/resize,w_24">';
                        html+=': '+list.content.content+'';
                        html+='</li>';
                        $(".live-msg-ul").append(html);
                        if($(".live-msg-ul li").length>50){
                            for(var i=0;i<$(".live-msg-ul li").length-50;i++){
                                $(".live-msg-ul li").eq(i).remove()
                            }
                        }
                    }
                    //点亮直播间
                    if(list.content.type==3){
                        var html=[];
                        html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+' </span> 點亮了直播間,熱門指數+1</li>'
                        $(".live-msg-ul").append(html);
                    }
                    //追踪
                    if(list.content.type==4){
                        var html=[];
                        html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.nickname+' </span>關注主播不迷路</li>'
                        $(".live-msg-ul").append(html);
                    }
                    //送礼信息
                    if(list.content.type==5){
                        var html=[];
                        html+='<li class="live-msg-other-li"><span data-type="'+list.content.uid+'" class="name-span">'+list.content.uid_nick+' </span>送給'+list.content.room_nick+'<span>'+list.content.gift_name+'x'+list.content.gift_num+'</span></li>'
                        $(".live-msg-ul").append(html);
                    }
                    $(".name-span").unbind("click").on("click",function(){
                        var _self=$(this)
                        cardUp( _self.attr("data-type"))
                    })
                }
                //主播數據變更
                if (obj.cid == 4200){
                    var list=JSON.parse(obj.content)
                    //console.log('主播數據變更',list);
                    $(".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 == 4300){
                    var list=JSON.parse(obj.content)
                    //console.log(list)
                    //正常直播
                    if(list.content.state==0){
                        //console.log("正常直播")
                        $(".live-stop-box").hide()
                        var player = document.getElementById('videoElement');
                        flvPlayer.unload();
                    
                        setTimeout(function() {
                            var promise = document.querySelector('video').play();
                            if (promise !== undefined) {
                            promise.then(_ => {
                                var html = [];
                                html += '<video  controls webkit-playsinline ="true" playsinline ="true" autoplay ="" playsinline="true" class="live-video"  src="" id="videoElement"  loop="" ></video>';
                                $(".live-content-box-left-roombox").html(html)
                                flvPlay(flowUrl)
                                // Autoplay started!
                            }).catch(error => {
                                var myVideo=document.querySelector(".live-video")
                                var html = [];
                                html += '<video controls webkit-playsinline ="true" muted playsinline ="true" autoplay ="" playsinline="true" class="live-video"  src="" id="videoElement"  loop="" ></video>';
                                $(".live-content-box-left-roombox").html(html)
                                flvPlay(flowUrl)

                                // Autoplay was prevented.
                                // Show a "Play" button so that user can start playback.

                            });
                        }


                        }, 3000);
                        // try{
                        
                        // }catch (e) {
                        //     //console.log(e)
                        // }
                    }
                    if(list.content.state==1){
                        //console.log("暂停直播")
                        layer.msg("主播暂停了直播")
                        $(".live-stop-box").html('<img src="images/stop.webp">').show()
                        var player = document.getElementById('videoElement');
                        player.pause()
                        flvPlayer.unload();
                    }
                    if(list.content.state==2){
                        //console.log("下播")
                        window.location.reload()
                    }
                }
                //主播切換付費房
                if (obj.cid == 4400){
                    var list=JSON.parse(obj.content)
                    if(list.content.mode==0){
                        window.location.reload()
                        return;
                    }
                    $(".secret-room").fadeIn(350)
                    $(".secret-bg").hide()
                    $(".secret-shadow").css("background","rgba(0, 0, 0, 0.1)")
                    $(".secret-shadow").css("backdrop-filter",'blur(6px)')
                    $(".secret-face img").attr("src",$(".mc-material-face").attr("src").split('?')[0]+'?x-oss-process=image/resize,w_90')
                    var secretTime=30
                    $(".secret-rich-tips3").show()
                    $(".secret-rich-tips3 span").text(''+secretTime+'秒')
                    setInterval(function(){
                        secretTime--
                        $(".secret-rich-tips3 span").text(''+secretTime+'秒')
                    },1000)
                    $(".secret-rich-btn").unbind("click").on("click",function(){
                        if(localStorage.uid==undefined){
                            loginLayer()
                            return;
                        }
                        $.ajax({
                            url:$ip+'room/to/join/buy',
                            data:{
                                uid: localStorage.uid,
                                token: localStorage.token,
                                roomId: sessionStorage.roomId,
                                channelId:list.content.channelId,
                                pageID: localStorage.canvasCode,
                            },
                            success:function(data){
                                // console.log('进入付费房购买资格',data)
                                if(data.code==-100){
                                    layer.msg(data.msg)
                                    setTimeout(function() {
                                        window.open("../reg/index.html")
                                    }, 500);
                                    return
                                }
                                if(data.code==1){
                                    layer.msg("已付費,即將進入直播間")
                                    setTimeout(function(){
                                        window.location.reload()
                                    },1000)
                                }else{
                                    layer.msg(data.msg)
                                }
                            }
                        })
                    })
                    setTimeout(function() {
                        window.location.reload()
                    }, 30000);
                }
                //用戶開通守護
                if (obj.cid == 2200){
                    clearTimeout(guardShowOk)
                    var list=JSON.parse(obj.content)
                    var html=[];
                    html+='<img class="guard-show-webp" src="images/guard-show.webp?='+Math.random()+'" alt="">';
                    html+='<img class="guard-show-face" src="https://zhibocdn.yabolive.net/comm'+list.content.avatar+'?x-oss-process=image/resize,w_45" alt="">';
                    html+='<p class="guard-name">'+list.content.nickname+'</p>';
                    html+='<img class="guard-tips" src="images/guard-tips.png" alt="">';
                    $(".guard-show-box").html(html).fadeIn(350);
                    guardShowOk=setTimeout(function()  {
                        $(".guard-show-box").fadeOut(350)
                    }, 3500);
                }
                //提出包房
                if (obj.cid == 2400){
                    alert("您已被移出直播,暫時不能進入")
                    window.location.href="../index.html"
                }
                if($(".live-msg-ul").height()-($(".msg-big-box").scrollTop()+$(".msg-big-box").height())<150){
                    $(".msg-big-box").scrollTop($(".live-msg-ul").height()-$(".msg-big-box").height()+30)
                }
            };

            ws.onclose = function () {
                typeof tHeart!='undefined'&&typeof tHeart!='null'?clearInterval(tHeart):tHeart=null;
                // 关闭 websocket
                //console.log("连接已关闭...");
                //console.log(Reconnection)
                clearInterval(ReconnectionT)
                if(Reconnection>=3){
                    clearInterval(ReconnectionT)
                    return;
                }
                // Reconnection++
            
                ReconnectionT=setInterval(function()  {
                    WebSocketGo()
                    Reconnection++
                
                }, 3000);
            
            };
        }
        else {
            // 浏览器不支持 WebSocket
            //console.log("您的浏览器不支持 WebSocket!");
        }
    }
    function heartbeat(){
        if(ws.readyState == 1){
            var msg=new WsMsg(1000,"ping","");
            // //console.log('心跳',msg)
            ws.send(JSON.stringify(msg));
        }
    }
    function WsMsg(cid,content,extend) {
        this.time = new Date().getTime();
        this.msgid=Math.random().toString(36).slice(-8);
        this.cid = cid;
        this.content = content;
        this.extend = extend;     
    }
    // function dewShow1(ele,num){
    //     setTimeout(function(){
    //         $(""+ele+" .dew-get2 img").attr("src","images/dew-get2/中奖-切图_"+imgAdd(num)+".png")
    //         num++
    //         if(num<21)dewShow1(ele,num)
    //         else $(""+ele+" .dew-get2").hide()
    //     },100)
    // }
    // function dewShow2(ele,num){
    //     setTimeout(function(){
    //         $(""+ele+" .dew-get3 img").attr("src","images/dew-get3/大奖-切图_"+imgAdd(num)+".png")
    //         num++
    //         if(num<30)dewShow2(ele,num)
    //         else $(""+ele+" .dew-get3").hide()
    //     },100)
    // }
    
})
</script>

</html>