Skip to content

libai / footseen-large-website

Go to a project
Commit 3ce02ae7 by libai
Options

测试

parent ddc7b70e
Inline Side-by-side
Showing with 57 additions and 11 deletions
mTest/room/css/liveRoom.css
...@@ -1614,6 +1614,24 @@ ...@@ -1614,6 +1614,24 @@
top: 0; top: 0;
left: 0; left: 0;
} }
.room-content-loading .mc-tv {
width: 3rem;
top: 50%;
left: 50%;
position: absolute;
margin-left: -1.5rem;
margin-top: -3rem;
}
.room-content-loading > p {
position: absolute;
width: 10rem;
text-align: center;
font-size: 0.4rem;
color: #fff;
top: 50%;
left: 50%;
margin-left: -5rem;
}
.room-content-loading .loading-icon { .room-content-loading .loading-icon {
position: absolute; position: absolute;
width: 2.66rem; width: 2.66rem;
......
mTest/room/css/liveRoom.less
...@@ -1666,6 +1666,24 @@ ...@@ -1666,6 +1666,24 @@
background: rgba(0,0,0,0.3); background: rgba(0,0,0,0.3);
top: 0; top: 0;
left: 0; left: 0;
.mc-tv{
width: 3rem;
top: 50%;
left: 50%;
position: absolute;
margin-left: -1.5rem;
margin-top: -3rem;
}
>p{
position: absolute;
width: 10rem;
text-align: center;
font-size: 0.4rem;
color: #fff;
top: 50%;
left: 50%;
margin-left: -5rem;
}
.loading-icon{ .loading-icon{
position: absolute; position: absolute;
width: 2.66rem; width: 2.66rem;
...@@ -1698,4 +1716,4 @@ ...@@ -1698,4 +1716,4 @@
margin-left: -1rem; margin-left: -1rem;
margin-top: -1rem; margin-top: -1rem;
z-index: 500; z-index: 500;
} }
\ No newline at end of file
mTest/room/liveRoom.html
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<script src="../lib/fsize.js"></script> <script src="../lib/fsize.js"></script>
<link rel="stylesheet" href="../css/base.css"> <link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/layer.css"> <link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="css/liveRoom.css?v=2022112211"> <link rel="stylesheet" href="css/liveRoom.css?v=2022112213">
<link rel="stylesheet" href="../css/login.css?v=2022111808"> <link rel="stylesheet" href="../css/login.css?v=2022111808">
<script src="https://accounts.google.com/gsi/client" async defer></script> <script src="https://accounts.google.com/gsi/client" async defer></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
...@@ -726,12 +726,15 @@ $(function(){ ...@@ -726,12 +726,15 @@ $(function(){
// flvPlay(data.pullFlowUrl) // flvPlay(data.pullFlowUrl)
$("#myVideo").on("error",function(e){ $("#myVideo").on("error",function(e){
$(".play-icon").show() clearInterval(iosT)
$(".play-icon").unbind("click",function(){ var html=[];
var myVideoEle=document.getElementById('myVideo') html+='<img class="mc-tv" src="images/mc-tv.png">'
myVideoEle.play() html+='<p>主播暫停，馬上回來</p>'
$(".play-icon").fadeOut(200) $(".room-content-loading").html(html)
}) $(".room-content-loading").fadeIn(100)
$(".loading-face").fadeIn(100)
clearInterval(loadT)
$(".video-box").hide()
}) })
$("#myVideo").on("canplay",function(){ $("#myVideo").on("canplay",function(){
...@@ -1827,8 +1830,16 @@ $(function(){ ...@@ -1827,8 +1830,16 @@ $(function(){
if(list.content.state==1){ if(list.content.state==1){
//console.log("暂停直播") //console.log("暂停直播")
layer.msg("主播暂停了直播") layer.msg("主播暂停了直播")
document.getElementById('myVideo').pause(); var myVideo=document.getElementById('myVideo')
myVideo.pause();
var html=[];
html+='<img class="mc-tv" src="images/mc-tv.png">'
html+='<p>主播暫停，馬上回來</p>'
$(".room-content-loading").html(html)
$(".room-content-loading").fadeIn(100)
$(".loading-face").fadeIn(100)
clearInterval(loadT)
$(".video-box").hide()
} }
if(list.content.state==2){ if(list.content.state==2){
//console.log("下播") //console.log("下播")
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment