Improve sound

src/client/pages/messaging-room.vue

@@ -184,10 +184,7 @@ export default Vue.extend({
 		},
 
 		onMessage(message) {
-			// サウンドを再生する
-			const audio = new Audio(`/assets/sounds/${this.$store.state.device.sfxChat}.mp3`);
-			audio.volume = this.$store.state.device.sfxVolume;
-			audio.play();
+			this.$root.sound('chat');
 
 			const isBottom = this.isBottom();
 

src/client/pages/preferences/index.vue

@@ -37,6 +37,11 @@
 				<option v-for="sound in sounds" :value="sound" :key="sound">{{ sound || $t('none') }}</option>
 				<template #text><button class="_textButton" @click="listen(sfxChatBg)" v-if="sfxChatBg"><fa :icon="faPlay"/> {{ $t('listen') }}</button></template>
 			</mk-select>
+			<mk-select v-model="sfxAntenna">
+				<template #label>{{ $t('_sfx.antenna') }}</template>
+				<option v-for="sound in sounds" :value="sound" :key="sound">{{ sound || $t('none') }}</option>
+				<template #text><button class="_textButton" @click="listen(sfxAntenna)" v-if="sfxAntenna"><fa :icon="faPlay"/> {{ $t('listen') }}</button></template>
+			</mk-select>
 		</div>
 	</section>
 
@@ -97,6 +102,8 @@ const sounds = [
 	'syuilo/pope1',
 	'syuilo/pope2',
 	'syuilo/waon',
+	'syuilo/popo',
+	'syuilo/triple',
 	'aisha/1',
 	'aisha/2',
 	'aisha/3',
@@ -196,6 +203,11 @@ export default Vue.extend({
 			get() { return this.$store.state.device.sfxChatBg; },
 			set(value) { this.$store.commit('device/set', { key: 'sfxChatBg', value }); }
 		},
+
+		sfxAntenna: {
+			get() { return this.$store.state.device.sfxAntenna; },
+			set(value) { this.$store.commit('device/set', { key: 'sfxAntenna', value }); }
+		},
 	},
 
 	watch: {