厨房音效暂存

This commit is contained in:
Dragon
2024-03-29 14:42:50 +08:00
parent 00f179e786
commit 597d717c9d
6 changed files with 60 additions and 0 deletions

View File

@@ -40,6 +40,14 @@ html {
top: 1.18667rem; top: 1.18667rem;
} }
.header .muciek {
width: 0.8rem;
height: 0.8rem;
position: absolute;
right: 0.1rem;
top: 2.0rem;
}
.header .record_icon { .header .record_icon {
width: 1.57333rem; width: 1.57333rem;
height: 0.61333rem; height: 0.61333rem;

View File

@@ -43,6 +43,14 @@ html {
top: px2rem(89); top: px2rem(89);
} }
.muciek {
width: px2rem(60);
height: px2rem(60);
position: absolute;
right: 0.1rem;
top: 2.0rem;
}
.record_icon { .record_icon {
width: px2rem(118); width: px2rem(118);
height: px2rem(46); height: px2rem(46);

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -17,6 +17,7 @@
<img src="./images/rule_icon.png" alt="" class="rule_icon"> <img src="./images/rule_icon.png" alt="" class="rule_icon">
<img src="./images/record_icon.png" alt="" class="record_icon"> <img src="./images/record_icon.png" alt="" class="record_icon">
<img src="./images/rank_icon.png" alt="" class="rank_icon"> <img src="./images/rank_icon.png" alt="" class="rank_icon">
<img src="./images/bo.png" alt="" class="muciek" id="muciek">
<!-- <div class="headerH3">選擇鉆石 > 選擇圖標</div> --> <!-- <div class="headerH3">選擇鉆石 > 選擇圖標</div> -->
</div> </div>
<!-- 食材大盒子 --> <!-- 食材大盒子 -->
@@ -311,6 +312,19 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 投入音效 -->
<audio style="display: none;" id="draw">
<source src="https://img.tukuppt.com/newpreview_music/09/00/67/5c8941a76fd1b53174.mp3" type="audio/mp3">
</audio>
<!-- 开奖中音效 -->
<audio style="display: none;" id="lotteryMusic">
<source src="https://img.tukuppt.com/newpreview_music/09/00/67/5c8941a43051468781.mp3" type="audio/mp3">
</audio>
<!-- 背景音效 -->
<audio style="display: none;" id="backgroundMusic" autoplay loop>
<source src="https://img.tukuppt.com/newpreview_music/08/99/14/5c88e514c9bd380408.mp3" type="audio/mp3">
</audio>
</body> </body>
</html> </html>

View File

@@ -39,6 +39,9 @@ let type = 1
let pageSize = 20 let pageSize = 20
let page = 1 let page = 1
let pageSizeLack = true; let pageSizeLack = true;
var audioIf = true;
var backgroundMusic = document.getElementById('backgroundMusic');
var lotteryMusic = document.getElementById('lotteryMusic');
$(function () { $(function () {
getInfoFromClient() getInfoFromClient()
setTimeout(function () { setTimeout(function () {
@@ -96,6 +99,9 @@ function getNewestAct () {
listItem(roundId); listItem(roundId);
if (startTime <= userComeinTime && userComeinTime < drawStageStartTime) { if (startTime <= userComeinTime && userComeinTime < drawStageStartTime) {
// 第一階段 // 第一階段
if (audioIf) {
backgroundMusic.play();
}
console.log("第一階段"); console.log("第一階段");
countupTimes = Math.floor(((drawStageStartTime - startTime) - (userComeinTime - startTime)) / 1000 + 1); countupTimes = Math.floor(((drawStageStartTime - startTime) - (userComeinTime - startTime)) / 1000 + 1);
countup(1); countup(1);
@@ -103,6 +109,11 @@ function getNewestAct () {
$('.result_popup').hide(); $('.result_popup').hide();
} else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) { } else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) {
// 第二階段 // 第二階段
backgroundMusic.pause();
lotteryMusic.currentTime = 0;
lotteryMusic.volume = 100 / 100;
lotteryMusic.play();
console.log("第二階段"); console.log("第二階段");
countupTimes = Math.floor(((showResultStageStartTime - drawStageStartTime) - (userComeinTime - drawStageStartTime)) / 1000 + 1); countupTimes = Math.floor(((showResultStageStartTime - drawStageStartTime) - (userComeinTime - drawStageStartTime)) / 1000 + 1);
countup(2); countup(2);
@@ -116,6 +127,10 @@ function getNewestAct () {
}, 100); }, 100);
} else if (showResultStageStartTime <= userComeinTime && userComeinTime < endTime) { } else if (showResultStageStartTime <= userComeinTime && userComeinTime < endTime) {
// 第三階段 // 第三階段
lotteryMusic.pause();
if (audioIf) {
backgroundMusic.play();
}
console.log("第三階段"); console.log("第三階段");
countupTimes = Math.floor(((endTime - showResultStageStartTime) - (userComeinTime - showResultStageStartTime)) / 1000 + 1); countupTimes = Math.floor(((endTime - showResultStageStartTime) - (userComeinTime - showResultStageStartTime)) / 1000 + 1);
countup(3); countup(3);
@@ -300,6 +315,11 @@ function draw (itemId, tais) {
$('.box .box_in .sBox').click(function () { $('.box .box_in .sBox').click(function () {
var id = $(this).attr('id'); var id = $(this).attr('id');
// $(this).children('.qp').show(); // $(this).children('.qp').show();
var drawBut = document.getElementById("draw");
drawBut.pause();
drawBut.currentTime = 0; // 将当前时间设置为0可选
drawBut.play();
draw(id, $(this)); draw(id, $(this));
}) })
// 去充值按鈕 // 去充值按鈕
@@ -491,6 +511,16 @@ $('.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .con
} }
$('.shade-mask-fragmentNum').hide() $('.shade-mask-fragmentNum').hide()
}) })
$('.muciek').click(function () {
audioIf = !audioIf;
if (audioIf) {
$(this).attr('src', './images/bo.png')
backgroundMusic.play();
} else {
$(this).attr('src', './images/jin.png')
backgroundMusic.pause();
}
})
//返回页面 重新请求接口 //返回页面 重新请求接口
// var hiddenProperty = 'hidden' in document ? 'hidden' : // var hiddenProperty = 'hidden' in document ? 'hidden' :