增加背景音乐,增加抖动效果

Signed-off-by: milo <zwesy@qq.com>
master
cp 2021-11-19 09:56:03 +08:00 committed by milo
parent 31a2650a3b
commit fbdca13ce8
7 changed files with 30 additions and 4 deletions

BIN
.DS_Store vendored

Binary file not shown.

19
css/animate.css vendored
View File

@ -22,9 +22,24 @@
0%{
transform: scale(1);
}
100%{
33%{
transform: scale(1.01);
}
66%{
transform: scale(1);
}
72%{
transform: scale(1.01);
}
80%{
transform: scale(1);
}
88%{
transform: scale(1.01);
}
100%{
transform: scale(1);
}
}
@keyframes scale{
0%{
@ -421,6 +436,8 @@
}
}
/*镜头拉近*/
@keyframes scale-left{
0{
transform:scale(1,1);

View File

@ -156,6 +156,10 @@ body{
height: 100%;
background: url(../image/img_01.png) no-repeat;
overflow: hidden;
animation: scale-body .6s linear infinite;
top:0px;
position: absolute;
}
.Lighting{
position: fixed;

View File

@ -19,11 +19,16 @@
<!--舞台背景-->
<div class="stage">
<div class="video" >
<video id="mousedown" autoplay muted src="image/vd.mp4" ></video>
<video id="mousedown" loop autoplay muted src="image/vd.mp4" ></video>
</div>
<!--音乐-->
<audio controls autoplay muted style="z-index: 999; position: fixed;display: none;">
<source src="muz/829094.mp3" type="audio/mpeg">
</audio>
<!--点击播放音乐-->
<script>
document.body.addEventListener('mousedown', function(){
var vdo = $("video")[0]; //jquery
var vdo = $("audio")[0]; //jquery
vdo.muted = false;
}, false);
</script>

View File

@ -102,7 +102,7 @@ $(function(){
var sayIndex = Math.floor(Math.random()*sayArr.length);
var actionIndex = Math.floor(Math.random()*actionArr.length);
num++;
if(num==10){
if(num==300){
clearInterval(timer);
} else {
peopleObj(nameArr[nameIndex],sayArr[sayIndex],actionArr[actionIndex]);

BIN
muz/384076.mp3 Normal file

Binary file not shown.

BIN
muz/829094.mp3 Normal file

Binary file not shown.