Better sfx

8 files changed, 19 insertions, 4 deletions

diff --git a/src/client/assets/sounds/syuilo/down.mp3 b/src/client/assets/sounds/syuilo/down.mp3
new file mode 100644
index 0000000000..4cd421139d
--- /dev/null
+++ b/src/client/assets/sounds/syuilo/down.mp3
diff --git a/src/client/assets/sounds/syuilo/pope1.mp3 b/src/client/assets/sounds/syuilo/pope1.mp3
index 585bb0407e..d6f53cfacc 100644
--- a/src/client/assets/sounds/syuilo/pope1.mp3
+++ b/src/client/assets/sounds/syuilo/pope1.mp3
diff --git a/src/client/assets/sounds/syuilo/pope2.mp3 b/src/client/assets/sounds/syuilo/pope2.mp3
index 83865b989e..fe5d95e292 100644
--- a/src/client/assets/sounds/syuilo/pope2.mp3
+++ b/src/client/assets/sounds/syuilo/pope2.mp3
diff --git a/src/client/assets/sounds/syuilo/up.mp3 b/src/client/assets/sounds/syuilo/up.mp3
new file mode 100644
index 0000000000..3f30867764
--- /dev/null
+++ b/src/client/assets/sounds/syuilo/up.mp3
diff --git a/src/client/assets/sounds/syuilo/waon.mp3 b/src/client/assets/sounds/syuilo/waon.mp3
index c5797f066e..a4af473861 100644
--- a/src/client/assets/sounds/syuilo/waon.mp3
+++ b/src/client/assets/sounds/syuilo/waon.mp3
diff --git a/src/client/components/timeline.vue b/src/client/components/timeline.vue
index ba367bf23d..6befd7c2a7 100644
--- a/src/client/components/timeline.vue
+++ b/src/client/components/timeline.vue
@@ -53,7 +53,9 @@ export default Vue.extend({
 			(this.$refs.tl as any).prepend(note);
 
 			if (this.sound) {
-				const audio = new Audio(`/assets/sounds/${this.$store.state.device.sfxNote}.mp3`);
+				const audio = new Audio(note.userId === this.$store.state.i.id
+					? `/assets/sounds/${this.$store.state.device.sfxNoteMy}.mp3`
+					: `/assets/sounds/${this.$store.state.device.sfxNote}.mp3`);
 				audio.volume = this.$store.state.device.sfxVolume;
 				audio.play();
 			}
diff --git a/src/client/pages/preferences/index.vue b/src/client/pages/preferences/index.vue
index 4193959188..9d57ddad58 100644
--- a/src/client/pages/preferences/index.vue
+++ b/src/client/pages/preferences/index.vue
@@ -17,6 +17,11 @@
 				<option v-for="sound in sounds" :value="sound" :key="sound">{{ sound || $t('none') }}</option>
 				<template #text><button class="_textButton" @click="listen(sfxNote)" v-if="sfxNote"><fa :icon="faPlay"/> {{ $t('listen') }}</button></template>
 			</mk-select>
+			<mk-select v-model="sfxNoteMy">
+				<template #label>{{ $t('_sfx.noteMy') }}</template>
+				<option v-for="sound in sounds" :value="sound" :key="sound">{{ sound || $t('none') }}</option>
+				<template #text><button class="_textButton" @click="listen(sfxNoteMy)" v-if="sfxNoteMy"><fa :icon="faPlay"/> {{ $t('listen') }}</button></template>
+			</mk-select>
 			<mk-select v-model="sfxNotification">
 				<template #label>{{ $t('_sfx.notification') }}</template>
 				<option v-for="sound in sounds" :value="sound" :key="sound">{{ sound || $t('none') }}</option>
@@ -87,6 +92,8 @@ import { langs } from '../../config';
 
 const sounds = [
 	null,
+	'syuilo/up',
+	'syuilo/down',
 	'syuilo/pope1',
 	'syuilo/pope2',
 	'syuilo/waon',
@@ -170,6 +177,11 @@ export default Vue.extend({
 			set(value) { this.$store.commit('device/set', { key: 'sfxNote', value }); }
 		},
 
+		sfxNoteMy: {
+			get() { return this.$store.state.device.sfxNoteMy; },
+			set(value) { this.$store.commit('device/set', { key: 'sfxNoteMy', value }); }
+		},
+
 		sfxNotification: {
 			get() { return this.$store.state.device.sfxNotification; },
 			set(value) { this.$store.commit('device/set', { key: 'sfxNotification', value }); }
diff --git a/src/client/store.ts b/src/client/store.ts
index 4a329a0ebb..1a26bc82d1 100644
--- a/src/client/store.ts
+++ b/src/client/store.ts
@@ -42,10 +42,11 @@ const defaultDeviceSettings = {
 	showFixedPostForm: false,
 	useNotificationsPopup: true,
 	sfxVolume: 0.3,
-	sfxNote: 'syuilo/pope1',
+	sfxNote: 'syuilo/down',
+	sfxNoteMy: 'syuilo/up',
 	sfxNotification: 'syuilo/pope2',
-	sfxChat: 'syuilo/waon',
-	sfxChatBg: null,
+	sfxChat: 'syuilo/pope1',
+	sfxChatBg: 'syuilo/waon',
 	userData: {},
 };