v0.8.1

Author: skyrim

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "hlviewer.js",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "View GoldSrc maps and replays in browser",
   "keywords": [
     "hlviewer",

package.json

@@ -18,9 +18,7 @@ export function Timeline(props: { game: Game }) {
     })
   })
 
-  let isMouseDown = false
   const onMouseDown = (e: MouseEvent & { currentTarget: HTMLButtonElement }) => {
-    isMouseDown = true
     const rects = e.currentTarget.getClientRects()[0]
     const progress = 1 - (rects.right - e.pageX) / (rects.right - rects.left)
     props.game.player.seekByPercent(progress * 100)
@@ -35,7 +33,6 @@ export function Timeline(props: { game: Game }) {
     window.addEventListener(
       'mouseup',
       () => {
-        isMouseDown = false
         window.removeEventListener('mousemove', onMouseMove)
       },
       { once: true }

src/PlayerInterface/TimeLine/index.tsx

@@ -5,24 +5,19 @@ import './style.css'
 export function VolumeControl(props: { game: Game }) {
   const gameState = useGameState()
 
-  let isMouseDown = false
   const onMouseDown = (e: MouseEvent & { currentTarget: HTMLDivElement }) => {
-    isMouseDown = true
     const rects = e.currentTarget.getClientRects()[0]
     const volume = 1 - (rects.right - e.pageX) / (rects.right - rects.left)
     props.game.soundSystem.setVolume(volume)
 
     const onMouseMove = (e: MouseEvent) => {
       const volume = Math.max(0, Math.min(1 - (rects.right - e.pageX) / (rects.right - rects.left), 1))
-      if (isMouseDown) {
-        props.game.soundSystem.setVolume(volume)
-      }
+      props.game.soundSystem.setVolume(volume)
     }
     window.addEventListener('mousemove', onMouseMove)
     window.addEventListener(
       'mouseup',
       () => {
-        isMouseDown = false
         window.removeEventListener('mousemove', onMouseMove)
       },
       { once: true }