add sound volume

README.md

@@ -120,6 +120,7 @@ Properties
 | `fullscreen` | Fullscreen (default: `false`) |
 | `frame` | Application with frame (default: `false`) |
 | `background` | Image path of the background |
+| `sound.volume` | Sound volume in percent (default: `100`) |
 | `sound.background` | File path of the background sound |
 | `sound.selectCharacter` | File path of the sound played when selecting a character |
 | `sound.selectAILevel` | File path of the sound played when selecting the AI level |

package.json

@@ -2,7 +2,7 @@
   "name": "mugen-quick-versus-launcher",
   "author": "neolao",
   "license": "MIT",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "description": "Mugen launcher for Quick Versus",
   "keywords": [
     "mugen",

src/app.jsx

@@ -109,9 +109,15 @@ export default function App() {
   }
 
   if (configuration.sound && configuration.sound.background) {
+    let volume = 100;
+    if (configuration.sound.volume) {
+      volume = configuration.sound.volume;
+    }
+
     const soundPath = path.resolve(environment.currentDirectory, configuration.sound.background);
     if (fs.existsSync(soundPath)) {
       const audio = new Audio(soundPath);
+      audio.volume = volume / 100;
       audio.loop = true;
       audio.play();
 

src/configuration/useCancelSound.hook.js

@@ -2,12 +2,14 @@ import { useMemo } from "react";
 import { remote } from "electron";
 import useConfiguration from "./useConfiguration.hook";
 import useEnvironment from "./useEnvironment.hook";
+import useSoundVolume from "./useSoundVolume.hook";
 import noSound from "./noSound";
 const path = remote.require("path");
 
 export default function useCancelSound() {
   const environment = useEnvironment();
   const configuration = useConfiguration();
+  const volume = useSoundVolume();
 
   return useMemo(() => {
     if (!configuration.sound) {
@@ -20,6 +22,7 @@ export default function useCancelSound() {
 
     const filePath = path.resolve(environment.currentDirectory, configuration.sound.cancel);
     const audio = new Audio(filePath);
+    audio.volume = volume / 100;
     return {
       play: () => {
         audio.pause();

src/configuration/useMoveCursorSound.hook.js

@@ -2,12 +2,14 @@ import { useMemo } from "react";
 import { remote } from "electron";
 import useConfiguration from "./useConfiguration.hook";
 import useEnvironment from "./useEnvironment.hook";
+import useSoundVolume from "./useSoundVolume.hook";
 import noSound from "./noSound";
 const path = remote.require("path");
 
 export default function useMoveCursorSound() {
   const environment = useEnvironment();
   const configuration = useConfiguration();
+  const volume = useSoundVolume();
 
   return useMemo(() => {
     if (!configuration.sound) {
@@ -20,6 +22,7 @@ export default function useMoveCursorSound() {
 
     const filePath = path.resolve(environment.currentDirectory, configuration.sound.moveCursor);
     const audio = new Audio(filePath);
+    audio.volume = volume / 100;
     return {
       play: () => {
         audio.pause();

src/configuration/useSelectAILevelSound.hook.js

@@ -2,12 +2,14 @@ import { useMemo } from "react";
 import { remote } from "electron";
 import useConfiguration from "./useConfiguration.hook";
 import useEnvironment from "./useEnvironment.hook";
+import useSoundVolume from "./useSoundVolume.hook";
 import noSound from "./noSound";
 const path = remote.require("path");
 
 export default function useSelectAILevelSound() {
   const environment = useEnvironment();
   const configuration = useConfiguration();
+  const volume = useSoundVolume();
 
   return useMemo(() => {
     if (!configuration.sound) {
@@ -20,6 +22,7 @@ export default function useSelectAILevelSound() {
 
     const filePath = path.resolve(environment.currentDirectory, configuration.sound.selectAILevel);
     const audio = new Audio(filePath);
+    audio.volume = volume / 100;
     return {
       play: () => {
         audio.pause();

src/configuration/useSelectCharacterSound.hook.js

@@ -2,12 +2,14 @@ import { useMemo } from "react";
 import { remote } from "electron";
 import useConfiguration from "./useConfiguration.hook";
 import useEnvironment from "./useEnvironment.hook";
+import useSoundVolume from "./useSoundVolume.hook";
 import noSound from "./noSound";
 const path = remote.require("path");
 
 export default function useSelectCharacterSound() {
   const environment = useEnvironment();
   const configuration = useConfiguration();
+  const volume = useSoundVolume();
 
   return useMemo(() => {
     if (!configuration.sound) {
@@ -20,6 +22,7 @@ export default function useSelectCharacterSound() {
 
     const filePath = path.resolve(environment.currentDirectory, configuration.sound.selectCharacter);
     const audio = new Audio(filePath);
+    audio.volume = volume / 100;
     return {
       play: () => {
         audio.pause();

src/configuration/useSoundVolume.hook.js

@@ -0,0 +1,11 @@
+import useConfiguration from "./useConfiguration.hook";
+
+export default function useSoundVolume() {
+  const configuration = useConfiguration();
+
+  if (configuration.sound && configuration.sound.volume) {
+    return configuration.sound.volume;
+  }
+
+  return 100;
+}

src/style/window.css

@@ -11,6 +11,7 @@ body {
   cursor: none;
   overflow: hidden;
   user-select: none;
+  transform: translateZ(0);
 }
 
 #root {