厨房音效暂存

view/peko/activity/act-kitchen/css/index.css

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

view/peko/activity/act-kitchen/css/index.scss

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

view/peko/activity/act-kitchen/index.html

@@ -17,6 +17,7 @@
         <img src="./images/rule_icon.png" alt="" class="rule_icon">
         <img src="./images/record_icon.png" alt="" class="record_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>
     <!-- 食材大盒子 -->
@@ -311,6 +312,19 @@
             </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>
 
 </html>

view/peko/activity/act-kitchen/js/index.js

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