Skip to content

libai / footseen-large-website

Go to a project
Commit 0fee8ed5 by libai
Options

测试

parent a4a0a4c0
Inline Side-by-side
Showing with 148 additions and 30 deletions
mTest/index.html
......@@ -63,7 +63,7 @@
</style>
</head>
<body style="background: #F3F3F3">
<body style="background: #d9d9d9">
<div class="bottom-nav">
<div><div class="bottom-nav-img1 bottom-nav-img1-click"></div></div>
<div><div class="bottom-nav-img2"></div></div>
......@@ -631,7 +631,7 @@ $(function(){
html+='<a href="room/liveRoom.html?roomId='+list.roomId+'"><li>';
if(list.liveScope==3&&list.selfLock==1)html+='<img class="secret" src="images/secret-ok.png" alt="">';
else if(list.liveScope==3&&list.selfLock==0)html+='<img class="secret" src="images/secret-no.png" alt="">';
html+='<div class="hot-num-box"><img src="images/hot.png"><span>'+list.hotnum+'</span></div>';
html+='<div class="hot-num-box"><img src="images/hot.png"><span>'+list.onlinenum+'</span></div>';
html+='<img class="live-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split("?")[0]+'?x-oss-process=image/resize,w_180" alt="">';
html+='<div class="live-shadow"></div>';
html+='<div class="live-bottom-box">';
......
mTest/index.js
......@@ -4,7 +4,7 @@
if ('serviceWorker' in navigator) {
navigator.serviceWorker
.register('/active2022/footseenH5/sw.js')
.register('/active2022/abc/sw.js?V=20221115')
.then(() => { console.log('Service Worker Registered'); });
}
......@@ -13,27 +13,28 @@ if ('serviceWorker' in navigator) {
let deferredPrompt;
const addBtn = document.querySelector('.add-button');
addBtn.style.display = 'none';
window.addEventListener('beforeinstallprompt', (e) => {
// 防止 Chrome 67 及更早版本自动显示安装提示
// Prevent Chrome 67 and earlier from automatically showing the prompt
e.preventDefault();
// 稍后再触发此事件
// Stash the event so it can be triggered later.
deferredPrompt = e;
// 更新 UI 以提醒用户可以将 App 安装到桌面
// Update UI to notify the user they can add to home screen
addBtn.style.display = 'block';
addBtn.addEventListener('click', (e) => {
// 隐藏显示 A2HS 按钮的界面
addBtn.addEventListener('click', () => {
// hide our user interface that shows our A2HS button
addBtn.style.display = 'none';
// 显示安装提示
// Show the prompt
deferredPrompt.prompt();
// 等待用户反馈
// Wait for the user to respond to the prompt
deferredPrompt.userChoice.then((choiceResult) => {
if (choiceResult.outcome === 'accepted') {
console.log('User accepted the A2HS prompt');
} else {
console.log('User dismissed the A2HS prompt');
}
deferredPrompt = null;
});
if (choiceResult.outcome === 'accepted') {
console.log('User accepted the A2HS prompt');
} else {
console.log('User dismissed the A2HS prompt');
}
deferredPrompt = null;
});
});
});
\ No newline at end of file
mTest/room/css/liveRoom.css
......@@ -985,10 +985,10 @@
}
.gift-bar-box {
height: 1rem;
width: 6.35rem;
width: 8rem;
position: relative;
margin-left: 0.25rem;
background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
border-radius: 1rem 0 0 1rem;
margin-bottom: 0.5rem;
margin-top: 0.1rem;
......@@ -1596,3 +1596,33 @@
filter: blur(0.2rem);
opacity: 0.8;
}
.room-content-loading {
display: none;
width: 10rem;
height: 100vh;
position: fixed;
z-index: 0;
background: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
}
.room-content-loading .loading-icon {
position: absolute;
width: 2.66rem;
top: 47%;
left: 50%;
margin-left: -1.33rem;
margin-top: -1.33rem;
}
.loading-face {
position: absolute;
display: none;
width: 15rem;
height: 15rem;
z-index: -1;
left: -2.5rem;
top: 50%;
margin-top: -7.5rem;
opacity: 0.7;
filter: blur(0.3rem);
}
mTest/room/css/liveRoom.less
......@@ -1015,10 +1015,10 @@
}
.gift-bar-box{
height: 1rem;
width: 6.35rem;
width: 8rem;
position: relative;
margin-left: 0.25rem;
background:linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.2),rgba(0,0,0,0));
background:linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.2),rgba(0,0,0,0),rgba(0,0,0,0));
border-radius: 1rem 0 0 1rem;
margin-bottom: 0.5rem;
margin-top: 0.1rem;
......@@ -1647,3 +1647,34 @@
filter: blur(0.2rem);
opacity: 0.8;
}
.room-content-loading{
display: none;
width: 10rem;
height: 100vh;
position: fixed;
z-index: 0;
background: rgba(0,0,0,0.3);
top: 0;
left: 0;
.loading-icon{
position: absolute;
width: 2.66rem;
top: 47%;
left: 50%;
margin-left: -1.33rem;
margin-top: -1.33rem;
}
}
.loading-face{
position: absolute;
display: none;
width: 15rem;
height: 15rem;
z-index: -1;
left: -2.5rem;
top: 50%;
margin-top: -7.5rem;
opacity: 0.7;
filter: blur(0.3rem);
}
\ No newline at end of file
mTest/room/liveRoom.html
......@@ -161,8 +161,12 @@
<div class="secret-btn">付費進入直播間</div>
<p class="secret-tips">主播10分鐘內下播，寶石退回</p>
</div>
<div class="room-content">
<div class="room-content-loading">
<img class="loading-icon" src="images/loading/loading (1).png" alt="">
</div>
<img class="loading-face" src="" alt="">
<div class="room-top">
<div class="room-mc-box">
<!-- <img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
......@@ -571,9 +575,11 @@ $(function(){
var BottomRoomId
localStorage.canvasCode="phone"
var giftMd5=null;
var loadT=null;
$(".room-bg").css("height",$(document).height())
// hotList()
liveList(1)
//进入直播间
$.ajax({
url:$ip+'room/enterRoom',
......@@ -666,10 +672,21 @@ $(function(){
moreMc()
return;
}
$(".room-content-loading").show()
$(".loading-face").show().attr("src","https://zhibocdn.yabolive.net/comm"+data.room.face.split('?')[0]+"?x-oss-process=image/resize,w_350")
var loadNum=1
loadT=setInterval(function(){
$(".loading-icon").attr("src","images/loading/loading ("+loadNum+").png")
loadNum++
if(loadNum>21)loadNum=1
},70)
var soundOk=false
html+='<video muted id="myVideo" autoplay webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="height:100%;object-fit:fill;position:absolute;z-index: 10" poster="" src="'+data.pullFlowUrlHLS+'"></video>'
$(".video-box").html(html)
$("#myVideo").on("canplay",function(){
clearInterval(loadT)
$(".room-content-loading").hide()
$(".loading-face").hide()
$(".sound-btn").unbind("click").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")==1){
......@@ -1643,6 +1660,13 @@ $(function(){
if(localStorage.uid==list.content.uid){
myMsg=true
}
$(".user-msg-name,.user-name").unbind("click").on("click",function(){
var _self=$(this)
if(_self.attr("data-type")<0){
return;
}
cardUp(_self.attr("data-type"))
})
// var richLv=0
// //vip開通特效
// if(list.content.vipInfo.isVip==true){
......
mTest/style.css 0 → 100644
html {
height: 100%;
background: black;
}
body {
height: inherit;
margin: 0;
}
img {
display: block;
width: 100%;
}
.add-button {
position: absolute;
top: 1px;
left: 1px;
}
@media (orientation: landscape) {
img {
height: 100%;
object-fit: cover;
}
}
\ No newline at end of file
mTest/sw.js
self.addEventListener('install', (e) => {
console.log(1212333)
e.waitUntil(
caches.open('fox-store').then((cache) => cache.addAll([
'/active2022/footseenH5/',
'/active2022/footseenH5/index.html',
'/active2022/footseenH5/index.js',
'/active2022/footseenH5/css/index.css',
'/active2022/footseenH5/images/',
caches.open('footseen').then((cache) => cache.addAll([
'/active2022/abc/',
'/active2022/abc/index.html',
'/active2022/abc/index.js',
'/active2022/abc/style.css',
'/active2022/abc/images/fox1.jpg',
'/active2022/abc/images/fox2.jpg',
'/active2022/abc/images/fox3.jpg',
'/active2022/abc/images/fox4.jpg',
])),
);
});
console.log(1212)
self.addEventListener('fetch', (e) => {
console.log(e.request.url);
e.respondWith(
......
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