<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>妹妹聽指揮</title>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/daily.css">
<link rel="stylesheet" href="css/index.css?v=2022102001">
<link rel="stylesheet" href="css/liMarquee.css">
<style>
.layui-layer-shade {
opacity: 0.7 !important;
}
.yourclass5 {
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
}
.yourclass5 .layui-layer-content {
border-radius: 0rem !important;
}
</style>
</head>
<body style="background:rgba(0,0,0,0)">
<div class="room-bg-start">
<div style="display: none;" class="room-bg">
<div class="room-top-name">show time</div>
<div class="room-comm"></div>
<div class="room-face-box">
<img class="room-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/418212616660330836654de764cc0c14407eb2b5e16b6603deeb.jpg?x-oss-process=image/resize,w_80" alt="">
</div>
<p class="room-user-name"></p>
</div>
<div style="display: none;" class="room-ok">已完成</div>
</div>
<div class="room-bg-over">
<div class="room-over-text">指挥主播</div>
<ul class="room-over-ul">
<!-- <li>1.脱一件衣服</li>
<li>2.脱一件衣服</li>
<li>3.脱一件衣服</li>
<li>4.脱一件衣服</li> -->
</ul>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='2022102002'"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script>
sessionStorage.long=-1
var t1=null
$(".room-bg,.room-bg-over").on("click",function(){
if(sessionStorage.roomId==sessionStorage.uid)return;
$.ajax({
url:$ip+'/actShowForMe/openPopup.html',
data:{
roomId:sessionStorage.roomId,
popupUrl:''+$url+'activeFootseen/command2/index2.html'
},
success:function(data){
// ?uid='+sessionStorage.uid+'&roomId='+sessionStorage.roomId+'&token='+sessionStorage.token+'
}
})
})
view()
setInterval(function(){
view()
},3000)
function view(){
$.ajax({
url:$ip+'/actShowForMe/queryMicOrderBaseInfo.html',
data:{
roomId:sessionStorage.roomId,
},
success:function(data){
// console.log('主播指令',data)
if(data.receiveStatus==1){
$(".room-bg-over").hide()
$(".room-comm").text(data.receiveData.orderMsg)
$(".room-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.receiveData.face+"?x-oss-process=image/resize,w_80")
$(".room-user-name").text(data.receiveData.nickName)
$(".room-bg-start").show()
if(sessionStorage.uid==sessionStorage.roomId){
$(".room-ok").show()
$(".room-ok").unbind("click").on("click",function(){
$.ajax({
url:$ip+'/actShowForMe/clickCompleted.html',
data:{
roomId:sessionStorage.roomId
},
success:function(data){
if(data.code==1){
view()
}
}
})
})
}
return;
}
$(".room-bg-start").hide()
$(".room-bg-over").show()
if(sessionStorage.long!=data.orderList.length){
sessionStorage.long=data.orderList.length
var html=[];
for(var i=0;i<data.orderList.length;i++){
var list=data.orderList[i]
html+='<li>'+(i+1)+'.'+list.orderMsg+'</li>'
}
$(".room-over-ul").html(html)
if(data.orderList.length>4){
clearInterval(t1);
var myLong=0
var maxLong=data.orderList.length
t1=setInterval(function(){
myLong++
if(myLong==1)$(".room-over-ul li").css("transition","0.35s all")
$(".room-over-ul li").css("top","-"+myLong*28+"vw")
if(myLong+4>=maxLong){
setTimeout(function() {
$(".room-over-ul li").css("transition","0s all")
}, 350);
myLong=-1
}
},5000)
}
}
}
})
}
</script>
</html>