Skip to content

S
SURPRISED
Commit 6763743b authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

1

parent 0eac9eac
Hide whitespace changes
Inline Side-by-side
Showing with 91 additions and 27 deletions
css/Invitation.css
View file @ 6763743b
...@@ -365,6 +365,9 @@ ...@@ -365,6 +365,9 @@
font-size: 0.35rem; font-size: 0.35rem;
margin-top: .2rem; margin-top: .2rem;
} }
.muted{
display: none;
}
.muted,.muted2{ .muted,.muted2{
position: fixed; position: fixed;
right: 1%; right: 1%;
...@@ -374,6 +377,7 @@ ...@@ -374,6 +377,7 @@
opacity: .8; opacity: .8;
} }
.muted2{ .muted2{
-webkit-filter: grayscale(100%) brightness(1) contrast(.5); -webkit-filter: grayscale(100%) brightness(1) contrast(.5);
-moz-filter: grayscale(100%) brightness(1) contrast(.5); -moz-filter: grayscale(100%) brightness(1) contrast(.5);
-ms-filter: grayscale(100%) brightness(1) contrast(.5); -ms-filter: grayscale(100%) brightness(1) contrast(.5);
......
css/signinInfo.css
View file @ 6763743b
...@@ -23,31 +23,31 @@ ...@@ -23,31 +23,31 @@
top: 50%; top: 50%;
left: 50%; left: 50%;
transform:translate(-50%,-50%); transform:translate(-50%,-50%);
padding: 4rem;
box-sizing: border-box; box-sizing: border-box;
} }
.info_box_left{ .info_box_left{
float: left; float: left;
width: 40%; width: 372px;
height: 100%; height: 446px;
box-shadow: -8px 8px 3px 4px #E1BD5E;
} }
.info_box_left .img_box{ .info_box_left .img_box{
padding: .5rem; padding: .5rem;
background: -webkit-linear-gradient(right bottom,#B08C3E,#F4D371);
background: linear-gradient(right bottom,#B08C3E,#B08C3E);
height: 100%; height: 100%;
box-sizing: border-box; background: url(../images/texiao/head-bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
} }
.info_box_left .img_box img{ .info_box_left .img_box img{
width: 100%; width: 340px;
height: 100%; height: 425px;
box-shadow: -3px -3px 1px 0px #dec586; position: relative;
left: 20px;
top: 0px;
} }
.info_box_right{ .info_box_right{
float: left; float: left;
margin-left: 5%; margin-left: 5%;
width: 55%; width: 50%;
height: 100%; height: 100%;
text-align: center; text-align: center;
} }
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
font-size: 5.6rem; font-size: 5.6rem;
} }
.info_box_right p.font-s50{ .info_box_right p.font-s50{
font-size: 4rem; font-size: 3.8rem;
} }
.info_box_right p.info{ .info_box_right p.info{
font-size: 3rem; font-size: 3rem;
......
html/Invitation.html
View file @ 6763743b
...@@ -397,7 +397,16 @@ ...@@ -397,7 +397,16 @@
<script type="text/javascript" src="../js/layer/layer.js"></script> <script type="text/javascript" src="../js/layer/layer.js"></script>
<script src="https://unpkg.com/swiper/js/swiper.min.js"> </script> <script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>
<script type="text/javascript"> <script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
function audioAutoPlay() {
var audio = document.getElementById('audio');
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
audio.play();
}, false);
}
audioAutoPlay();
});
var mySwiper = new Swiper ('.swiper-container', { var mySwiper = new Swiper ('.swiper-container', {
direction: 'horizontal', // 垂直切换选项 direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项 loop: false, // 循环模式选项
...@@ -485,7 +494,6 @@ ...@@ -485,7 +494,6 @@
}; };
window.onload = function(){ window.onload = function(){
$('.loding').hide() $('.loding').hide()
$('.muted2').hide()
pages({ pages({
wrap: 'wrap', //.wrap的id wrap: 'wrap', //.wrap的id
wrap2: 'wrap2', //.wrap2的id wrap2: 'wrap2', //.wrap2的id
...@@ -496,6 +504,8 @@ ...@@ -496,6 +504,8 @@
var ado = audio[0]; var ado = audio[0];
window.addEventListener('click', function(){ window.addEventListener('click', function(){
ado.play() ado.play()
$('.muted').show()
$('.muted2').hide()
}) })
$('.muted').click(function () { $('.muted').click(function () {
ado.muted = true; ado.muted = true;
......
html/SignIn/SignIn.html
View file @ 6763743b
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="danmu" onclick="senddddddd()"> <div id="danmu">
</div> </div>
<!-- <div id="danmu" onclick="senddddddd()"> <!-- <div id="danmu" onclick="senddddddd()">
...@@ -269,7 +269,6 @@ ...@@ -269,7 +269,6 @@
// }) // })
proxy.on("barrage",data=>{ proxy.on("barrage",data=>{
let barrage = data let barrage = data
console.log()
createDM({img: barrage.p, name: barrage.n, text: barrage.m}) createDM({img: barrage.p, name: barrage.n, text: barrage.m})
}) })
} }
...@@ -299,7 +298,11 @@ ...@@ -299,7 +298,11 @@
showSignln() showSignln()
} else { } else {
let data = dataList[0] let data = dataList[0]
let playStr = `来自${data.BranchName}的${data.EmName}` let str1 = `入场嘉宾：${data.BranchName}，${data.EmName}${data.Job}，${data.JoinTime}入职。`
if (data.Remark) {
str1 += `特别介绍：${data.Remark}`
}
let playStr = str1
playVideo(playStr) playVideo(playStr)
var rand_in = parseInt(Math.random() * _in.length,10); var rand_in = parseInt(Math.random() * _in.length,10);
var rand_out = parseInt(Math.random() * _out.length,10); var rand_out = parseInt(Math.random() * _out.length,10);
......
html/SignIn/robot.html
View file @ 6763743b
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
<script src="../../js/moveJs/jquery.signalR.min.js"></script> <script src="../../js/moveJs/jquery.signalR.min.js"></script>
<script> <script>
var conn = $.hubConnection(getApiUrl().urlSignalr, { var conn = $.hubConnection(getApiUrl().urlSignalr, {
qs: `i=888888&n=印象之旅&p=${encodeURIComponent( qs: `i=888886&n=印象之旅&p=${encodeURIComponent(
"http://imgfile.oytour.com/New/Upload/User/20191018150051176.png" "http://imgfile.oytour.com/New/Upload/User/20191018150051176.png"
)}` )}`
}); });
......
html/SignIn/signinInfo.html
View file @ 6763743b
...@@ -28,9 +28,27 @@ ...@@ -28,9 +28,27 @@
<audio id="audio" muted autoplay>您的浏览器不支持 audio 元素。</audio> <audio id="audio" muted autoplay>您的浏览器不支持 audio 元素。</audio>
</div> </div>
<script src="../../js/moveJs/jquery.min.js"></script> <script src="../../js/moveJs/jquery.min.js"></script>
<script type="text/javascript" src="../../js/md5.js"></script>
<script type="text/javascript" src="../../js/mian.js"></script> <script type="text/javascript" src="../../js/mian.js"></script>
<script src="../../js/moveJs/jquery.signalR.min.js"></script> <script src="../../js/moveJs/jquery.signalR.min.js"></script>
<script> <script>
let token = '';
var gettokenMsg = {
appkey: "4gR6yRX5O3PN8hGC5FaNh5d5",
secrity: "QG70I08RXronkrRlGNqAxNRwEt27Ys7f"
};
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('thridparty_baiduvideo_gettoken', gettokenMsg),
async: false,
success: function (res) {
if (res.resultCode === 1) {
token = res.data.token
}
}
})
var conn = $.hubConnection(getApiUrl().urlSignalr, { var conn = $.hubConnection(getApiUrl().urlSignalr, {
qs: `i=888887&n=印象之旅&p=${encodeURIComponent( qs: `i=888887&n=印象之旅&p=${encodeURIComponent(
"http://imgfile.oytour.com/New/Upload/User/20191018150051176.png" "http://imgfile.oytour.com/New/Upload/User/20191018150051176.png"
...@@ -67,24 +85,42 @@ ...@@ -67,24 +85,42 @@
return new Promise(resolve => setTimeout(resolve, ms)); return new Promise(resolve => setTimeout(resolve, ms));
} }
showSignln() showSignln()
function senddddddd(){
dataList.push({
BranchName: "微途科技",
EmName: "华国豪",
EmpId: 1755,
GiftCode: "202001091535475564",
Id: 415,
IsReceive: 0,
Job: "技术开发",
JobYear: "2年",
ParentId: 1,
ReceiveDate: null,
Remark: null,
SignInDate: "2020-01-09T15:35:47.0815078+08:00",
SignInPhoto: "http://imgfile.oytour.com/Upload/Temporary/20200109033546047.jpg",
})
}
async function showSignln(){ async function showSignln(){
console.log(dataList)
if (dataList.length == 0) { if (dataList.length == 0) {
await sleep(1000); await sleep(1000);
showSignln() showSignln()
} else { } else {
$("#audio").attr('src', 'http://tsn.baidu.com/text2audio?tex=%E6%9D%A5%E8%87%AA%E5%BE%AE%E9%80%94%E7%A7%91%E6%8A%80%E7%9A%84%E7%BD%97%E8%B6%85&tok=24.825b6abe0dddd567466b9daef6fd5c5c.2592000.1579746727.282335-15369296&cuid=00-E0-4C-01-80-B4&ctp=1&lan=zh&spd=5&pit=5&vol=5&per=0&aue=3');
if(audio.paused){
audio.play();
}
let data = dataList[0] let data = dataList[0]
let str1 = `入场嘉宾：${data.BranchName}，${data.EmName}${data.Job}，${data.JoinTime}入职。`
if (data.Remark) {
str1 += `特别介绍：${data.Remark}`
}
let playStr = str1
playVideo(playStr)
$('.info_box').show(); $('.info_box').show();
$('.info_box').addClass('fadeIn'); $('.info_box').addClass('fadeIn');
$(".name").text(data.EmName) $(".name").text(`姓名：${data.EmName}`)
$(".brc").text(data.BranchName) $(".brc").text(`公司：${data.BranchName}`)
$(".job").text(data.Job) $(".job").text(`职务：${data.Job}`)
$(".info").text(data.Remark) $(".info").text(data.Remark)
$(".year").text(data.JobYear) $(".year").text(`${data.JoinTime}入职`)
$(".head_img").attr('src', data.SignInPhoto) $(".head_img").attr('src', data.SignInPhoto)
$('.show_info').removeClass('fadeIn'); $('.show_info').removeClass('fadeIn');
// 更改展示的图片 // 更改展示的图片
...@@ -100,6 +136,17 @@ ...@@ -100,6 +136,17 @@
} }
} }
} }
function playVideo(txt) {
var url = `http://tsn.baidu.com/text2audio?tex=${encodeURIComponent(
txt
)}&tok=${
token
}&cuid=00-E0-4C-01-80-B4&ctp=1&lan=zh&spd=5&pit=5&vol=5&per=0&aue=3`;
$("#audio").attr('src', url);
if(audio.paused){
audio.play();
}
}
</script> </script>
</body> </body>
</html> </html>
\ No newline at end of file
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 to comment