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

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%{ 0%{
transform: scale(1); transform: scale(1);
} }
100%{ 33%{
transform: scale(1.01); 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{ @keyframes scale{
0%{ 0%{
@ -421,6 +436,8 @@
} }
} }
/*镜头拉近*/ /*镜头拉近*/
@keyframes scale-left{ @keyframes scale-left{
0{ 0{
transform:scale(1,1); transform:scale(1,1);

View File

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

View File

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

View File

@ -102,7 +102,7 @@ $(function(){
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);
num++; num++;
if(num==10){ if(num==300){
clearInterval(timer); clearInterval(timer);
} else { } else {
peopleObj(nameArr[nameIndex],sayArr[sayIndex],actionArr[actionIndex]); 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.