添加bgm

2 years ago · 12f353e895
parent 87e2f3690e
commit 12f353e895
4 changed files with 17 additions and 9 deletions
--- a/index.html
+++ b/index.html
@ -11,6 +11,7 @@
 <body>
    <div id="kof">
    </div>
+
    <script type="module">
        import {KOF} from '/static/js/base.js';
        let kof = new KOF('kof');
--- a/static/audios/bgm.m4a
+++ b/static/audios/bgm.m4a
--- a/static/css/base.css
+++ b/static/css/base.css
@ -82,4 +82,3 @@
    font-weight: bold;
    color: blue;
 }
-
--- a/static/js/game_map/base.js
+++ b/static/js/game_map/base.js
@ -23,24 +23,32 @@ class GameMap extends AcGameObject {
        </div>
        </div>`));

+        this.root.$kof.append($(`
+        <audio id="player" autoplay>
+            <source src="./static/audios/bgm.m4a" type="audio/mpeg">
+         </audio>`));
+
        this.time_left = 60000; // 剩余时间
        this.$timer = this.root.$kof.find('.kof-head-timer');
-
+        this.$bgm = this.root.$kof.find('#player')[0];
+        this.$bgm.currentTime = 0;
+        this.$bgm.play();
    }

    start() {
-
    }

    update_timer() { // 更新时间
        let [a, b] = this.root.players;
        if (a.status === 6 || b.status === 6) {
+            this.$bgm.pause();
            return;
        }

        this.time_left -= this.time_delta;
        if (this.time_left < 0) {
            this.time_left = 0;
+            this.$bgm.pause();
            if (a.status !== 6 && b.status !== 6) {
                a.status = b.status = 6;
                a.current_frame_cnt = b.current_frame_cnt = 0;