diff --git a/src/web/app/common/views/components/othello.game.vue b/src/web/app/common/views/components/othello.game.vue index a84dcedd44..77be458879 100644 --- a/src/web/app/common/views/components/othello.game.vue +++ b/src/web/app/common/views/components/othello.game.vue @@ -38,6 +38,7 @@ <script lang="ts"> import Vue from 'vue'; import Othello, { Color } from '../../../../../common/othello/core'; +import { url } from '../../../config'; export default Vue.extend({ props: ['game', 'connection'], @@ -134,6 +135,13 @@ export default Vue.extend({ this.o.put(this.myColor, pos); + // サウンドを再生する + if ((this as any).os.isEnableSounds) { + const sound = new Audio(`${url}/assets/othello-put-me.mp3`); + sound.volume = localStorage.getItem('soundVolume') ? parseInt(localStorage.getItem('soundVolume'), 10) / 100 : 1; + sound.play(); + } + this.connection.send({ type: 'set', pos @@ -150,6 +158,13 @@ export default Vue.extend({ this.o.put(x.color, x.pos); this.checkEnd(); this.$forceUpdate(); + + // サウンドを再生する + if ((this as any).os.isEnableSounds && x.color != this.myColor) { + const sound = new Audio(`${url}/assets/othello-put-you.mp3`); + sound.volume = localStorage.getItem('soundVolume') ? parseInt(localStorage.getItem('soundVolume'), 10) / 100 : 1; + sound.play(); + } }, checkEnd() { diff --git a/src/web/assets/othello-put-me.mp3 b/src/web/assets/othello-put-me.mp3 new file mode 100644 index 0000000000..4e0e72091c Binary files /dev/null and b/src/web/assets/othello-put-me.mp3 differ diff --git a/src/web/assets/othello-put-you.mp3 b/src/web/assets/othello-put-you.mp3 new file mode 100644 index 0000000000..9244189c2d Binary files /dev/null and b/src/web/assets/othello-put-you.mp3 differ