Compare commits
No commits in common. "12eb6709d9a945ee58dd4dd24e71119b3326ba92" and "59e8a672d6fced68d98f4ccd92f0a6597c1a1095" have entirely different histories.
12eb6709d9
...
59e8a672d6
10
dancing.html
10
dancing.html
|
|
@ -8,7 +8,6 @@
|
||||||
<link rel="stylesheet" type="text/css" href="css/style-jq.css" />
|
<link rel="stylesheet" type="text/css" href="css/style-jq.css" />
|
||||||
<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
|
||||||
<script src="./js/custom.js" type="text/javascript" charset="utf-8"></script>
|
<script src="./js/custom.js" type="text/javascript" charset="utf-8"></script>
|
||||||
<script src="./js/handle.js" type="text/javascript" charset="utf-8"></script>
|
|
||||||
<body>
|
<body>
|
||||||
<!--灯光-->
|
<!--灯光-->
|
||||||
<div class="Lighting">
|
<div class="Lighting">
|
||||||
|
|
@ -52,16 +51,11 @@
|
||||||
<!--大航海介绍-->
|
<!--大航海介绍-->
|
||||||
<div class="types">
|
<div class="types">
|
||||||
<!-- <div class="name">
|
<!-- <div class="name">
|
||||||
<p>送任意电池可获得荧光棒！<br />
|
<p>送任意电池可获得荧光棒！<br />
大航海排名前三可成为领舞!<br />
领舞特权：切歌，镜头，统一动作”跳跃，旋转，向左，向右，向左抖腿，向右抖腿”，
一起喊“任意文字”
|
||||||
大航海排名前三可成为领舞!<br />
|
|
||||||
领舞特权：切歌，镜头，统一动作”跳跃，旋转，向左，向右，向左抖腿，向右抖腿”，
|
|
||||||
一起喊“任意文字”
|
|
||||||
</p>
|
</p>
|
||||||
</div> -->
|
</div> -->
|
||||||
<!-- <div class="list">
|
<!-- <div class="list">
|
||||||
<p>1：最炫民族风</p>
|
<p>1：最炫民族风</p>
<p>2：爱情买卖</p>
<p>3：两只蝴蝶</p>
|
||||||
<p>2：爱情买卖</p>
|
|
||||||
<p>3：两只蝴蝶</p>
|
|
||||||
</div> -->
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<!--舞池-->
|
<!--舞池-->
|
||||||
|
|
|
||||||
74
js/custom.js
74
js/custom.js
|
|
@ -199,43 +199,43 @@ $(function(){
|
||||||
// } else {
|
// } else {
|
||||||
// peopleObj(nameArr[nameIndex],sayArr[sayIndex],actionArr[actionIndex],moveArr[moveIndex]);
|
// peopleObj(nameArr[nameIndex],sayArr[sayIndex],actionArr[actionIndex],moveArr[moveIndex]);
|
||||||
// num++;
|
// num++;
|
||||||
// $.ajax({
|
$.ajax({
|
||||||
// method: 'get',
|
method: 'get',
|
||||||
// url: 'https://bili.dothis.top/src/fetch.php',
|
url: 'https://bili.dothis.top/src/fetch.php',
|
||||||
// data: '',
|
data: '',
|
||||||
// contentType: false,
|
contentType: false,
|
||||||
// processData: false,
|
processData: false,
|
||||||
// crossDomain:true,
|
crossDomain:true,
|
||||||
// success: (res)=>{
|
success: (res)=>{
|
||||||
// console.log(res);
|
console.log(res);
|
||||||
// if(res.data.dm.length!=0){
|
if(res.data.dm.length!=0){
|
||||||
// res.data.dm.forEach((item,index)=>{
|
res.data.dm.forEach((item,index)=>{
|
||||||
// var nameIndex = Math.floor(Math.random()*nameArr.length);
|
var nameIndex = Math.floor(Math.random()*nameArr.length);
|
||||||
// var sayIndex = Math.floor(Math.random()*sayArr.length);
|
var sayIndex = Math.floor(Math.random()*sayArr.length);
|
||||||
// var actionIndex = Math.floor(Math.random()*actionArr.length);
|
var actionIndex = Math.floor(Math.random()*actionArr.length);
|
||||||
// var moveIndex = Math.floor(Math.random()*moveArr.length);
|
var moveIndex = Math.floor(Math.random()*moveArr.length);
|
||||||
// peopleObj(item.uname,item.text,actionArr[actionIndex],moveArr[moveIndex]);
|
peopleObj(item.uname,item.text,actionArr[actionIndex],moveArr[moveIndex]);
|
||||||
// num++;
|
num++;
|
||||||
// })
|
})
|
||||||
// $('.lingname').text(res.data.leader.uname);
|
$('.lingname').text(res.data.leader.uname);
|
||||||
// if(res.data.leader.event=='scale-left' || res.data.leader.event=='scale-right' || res.data.leader.event=='scale-bottom-left' ||
|
if(res.data.leader.event=='scale-left' || res.data.leader.event=='scale-right' || res.data.leader.event=='scale-bottom-left' ||
|
||||||
// res.data.leader.event=='scale-bottom-right'){
|
res.data.leader.event=='scale-bottom-right'){
|
||||||
// $('.ground-bg').addClass(res.data.leader.event);
|
$('.ground-bg').addClass(res.data.leader.event);
|
||||||
// } else {
|
} else {
|
||||||
// setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
// console.log(res.data.leader.event);
|
console.log(res.data.leader.event);
|
||||||
// // 显示领舞说话
|
// 显示领舞说话
|
||||||
// $('.speak-pink').text(res.data.leader.text);
|
$('.speak-pink').text(res.data.leader.text);
|
||||||
// $('.speak-pink').fadeIn();
|
$('.speak-pink').fadeIn();
|
||||||
// setTimeout(()=>{//关闭领舞说话
|
setTimeout(()=>{//关闭领舞说话
|
||||||
// $('.speak-pink').fadeOut();
|
$('.speak-pink').fadeOut();
|
||||||
// },3000)
|
},3000)
|
||||||
// allDancing(res.data.leader.event);
|
allDancing(res.data.leader.event);
|
||||||
// },3000)
|
},3000)
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// });
|
});
|
||||||
// }
|
// }
|
||||||
// },1000)
|
// },1000)
|
||||||
|
|
||||||
|
|
|
||||||
107
js/handle.js
107
js/handle.js
|
|
@ -1,107 +0,0 @@
|
||||||
// uid列表 TODO 优化查询性能
|
|
||||||
let uidList = {}
|
|
||||||
// 事件列表-中文
|
|
||||||
let eventTextList = ['切歌', '跳跃', '向左', '向右', '左抖腿', '右抖腿', '抖动', '一起喊', '镜头']
|
|
||||||
|
|
||||||
// 根据事件文字 获取事件名
|
|
||||||
function getEvent(name) {
|
|
||||||
let map = {
|
|
||||||
'切歌' : 'change_song',
|
|
||||||
'跳跃' : 'dancing-down',
|
|
||||||
'向左' : 'dancing-left',
|
|
||||||
'向右' : 'dancing-right',
|
|
||||||
'左抖腿' : 'dancing-wobble',
|
|
||||||
'右抖腿' : 'dancing-wobble-right',
|
|
||||||
'抖动' : 'dancing-up',
|
|
||||||
'一起喊' : 'all_shout',
|
|
||||||
'镜头' : scale()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 随机选择镜头
|
|
||||||
function scale() {
|
|
||||||
let list = ['scale-left', 'scale-right', 'scale-bottom-left', 'scale-bottom-right']
|
|
||||||
return list[Math.floor(Math.random() * list.length)];
|
|
||||||
}
|
|
||||||
|
|
||||||
// 字符串包含的事件 （仅取第一个）
|
|
||||||
function getFirstEventKeyword(name) {
|
|
||||||
let event = ''
|
|
||||||
$.each(eventTextList, function (index, item) {
|
|
||||||
if (name.indexOf(item) != -1) {
|
|
||||||
event = item
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
return event
|
|
||||||
}
|
|
||||||
|
|
||||||
// 接受消息处理
|
|
||||||
function receiveMessage(event)
|
|
||||||
{
|
|
||||||
console.log(event.data, 'event test')
|
|
||||||
// 我们能信任信息来源吗？
|
|
||||||
if (event.origin !== "https://live.bilibili.com") {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
|
|
||||||
let data = JSON.parse(event.data)
|
|
||||||
|
|
||||||
if (data.length <= 0) {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
|
|
||||||
// 当前直播间 自己的弹幕 无法获取到ct和type值 就暂时过滤
|
|
||||||
if (data.ct === '') {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
|
|
||||||
// custom.js中 每条弹幕的处理 放到了此处
|
|
||||||
// -------------------- 每条弹幕处理 begin -----------------------
|
|
||||||
let random1 = uid in uidList ? 1 : 0
|
|
||||||
let random2 = Math.floor(Math.random() + 0.5)
|
|
||||||
let dm = {text: data.danmaku, uid: data.uid, uname: data.uname,
|
|
||||||
event: getFirstEventKeyword(data.danmaku), is_new: random1, is_admin: 0, is_exit: random2}
|
|
||||||
|
|
||||||
let leader = {
|
|
||||||
uid: '1111', uname: '大帅比', text: '6666', event: ''
|
|
||||||
}
|
|
||||||
|
|
||||||
let actionIndex = Math.floor(Math.random()*actionArr.length);
|
|
||||||
let moveIndex = Math.floor(Math.random()*moveArr.length);
|
|
||||||
peopleObj(dm.uname,dm.text,actionArr[actionIndex],moveArr[moveIndex]);
|
|
||||||
num++;
|
|
||||||
|
|
||||||
$('.lingname').text(leader.uname);
|
|
||||||
if(leader.event=='scale-left' || leader.event=='scale-right' || leader.event=='scale-bottom-left' || leader.event=='scale-bottom-right'){
|
|
||||||
$('.ground-bg').addClass(leader.event);
|
|
||||||
} else {
|
|
||||||
setTimeout(()=>{
|
|
||||||
console.log(leader.event);
|
|
||||||
// 显示领舞说话
|
|
||||||
$('.speak-pink').text(leader.text);
|
|
||||||
$('.speak-pink').fadeIn();
|
|
||||||
setTimeout(()=>{//关闭领舞说话
|
|
||||||
$('.speak-pink').fadeOut();
|
|
||||||
},3000)
|
|
||||||
allDancing(leader.event);
|
|
||||||
},3000)
|
|
||||||
}
|
|
||||||
|
|
||||||
// -------------------- 每条弹幕处理 end -----------------------
|
|
||||||
|
|
||||||
// event.source 就当前弹出页的来源页面
|
|
||||||
// event.data 是 "hello there!"
|
|
||||||
|
|
||||||
// 假设你已经验证了所受到信息的origin (任何时候你都应该这样做), 一个很方便的方式就是把event.source
|
|
||||||
// 作为回信的对象，并且把event.origin作为targetOrigin
|
|
||||||
// event.source.postMessage("hi there yourself! the secret response " +
|
|
||||||
// "is: rheeeeet!",
|
|
||||||
// event.origin);
|
|
||||||
|
|
||||||
// 数据是否为空
|
|
||||||
// 弹幕类型判断 事件弹幕、内容弹幕
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
window.addEventListener("message", receiveMessage, false);
|
|
||||||
Loading…
Reference in New Issue