@banou/media-player 0.6.2 → 0.7.0

package/src/utils/mp4box.ts

@@ -1,74 +0,0 @@
-declare module "mp4box" {
-
-  export interface MP4MediaTrack {
-      id: number
-      created: Date
-      modified: Date
-      movie_duration: number
-      layer: number
-      alternate_group: number
-      volume: number
-      track_width: number
-      track_height: number
-      timescale: number
-      duration: number
-      bitrate: number
-      codec: string
-      language: string
-      nb_samples: number
-  }
-
-  export  interface MP4VideoData {
-      width: number
-      height: number
-  }
-
-  export  interface MP4VideoTrack extends MP4MediaTrack {
-      video: MP4VideoData
-  }
-
-  export  interface MP4AudioData {
-      sample_rate: number
-      channel_count: number
-      sample_size: number
-  }
-
-  export  interface MP4AudioTrack extends MP4MediaTrack {
-      audio: MP4AudioData
-  }
-
-  export  type MP4Track = MP4VideoTrack | MP4AudioTrack
-
-  export interface MP4Info {
-      duration: number
-      timescale: number
-      fragment_duration: number
-      isFragmented: boolean
-      isProgressive: boolean
-      hasIOD: boolean
-      brands: string[]
-      created: Date
-      modified: Date
-      tracks: MP4Track[]
-  }
-
-  export type MP4ArrayBuffer = ArrayBuffer & { fileStart: number }
-
-  export interface MP4File {
-
-      onMoovStart?: () => void
-      onReady?: (info: MP4Info) => void
-      onError?: (e: Error) => void
-
-      appendBuffer(data: MP4ArrayBuffer): number
-      start(): void
-      stop(): void
-      flush(): void
-
-  }
-
-  export function createFile(): MP4File
-
-}
-
-export { }

package/src/utils/use-local-storage.ts

@@ -1,30 +0,0 @@
-import { useEffect, useState } from 'react'
-
-export const useLocalStorage = <T,>(name: string, defaultValue?: T) => {
-  const [storageValue, setStorageValue] = useState(() => localStorage.getItem(name) ?? defaultValue)
-
-  const updateStorage = (newValue: string) => {
-    localStorage.setItem(name, newValue)
-    setStorageValue(newValue)
-    window.dispatchEvent(new Event('storage'))
-  }
-
-  useEffect(() => {
-    const syncLocalStorage = () => {
-      const item = localStorage.getItem(name)
-      setStorageValue(item ?? defaultValue)
-    }
-
-    window.addEventListener('storage', syncLocalStorage)
-    return () => {
-      window.removeEventListener('storage', syncLocalStorage)
-    }
-  }, [name])
-
-  return [storageValue, updateStorage] as const
-}
-
-export default useLocalStorage
-
-export type booleanType = 'true' | 'false' | undefined
-

package/src/utils/use-scrub.ts

@@ -1,40 +0,0 @@
-import type { MouseEventHandler, RefObject } from 'react'
-
-import { useState, useEffect } from 'react'
-
-export default ({ ref, defaultValue }: { ref: RefObject<HTMLElement>, defaultValue?: number }) => {
-  const [value, setValue] = useState(defaultValue)
-  const [scrubbing, setScrubbing] = useState(false)
-
-  const scrub: MouseEventHandler<HTMLDivElement> = (ev) => {
-    setScrubbing(true)
-    if (!ref.current) return
-    const { clientX: x } = ev
-    const { left, right } = ref.current.getBoundingClientRect()
-    setValue(Math.min(Math.max(((x - left) / (right - left)), 0), 1))
-  }
-
-  useEffect(() => {
-    if (!scrubbing) return
-    const mouseUp = () => setScrubbing(false)
-    const mouseMove = (ev: globalThis.MouseEvent) => {
-      if (!ref.current) return
-      const { clientX: x } = ev
-      const { left, right } = ref.current.getBoundingClientRect()
-      setValue(Math.min(Math.max(((x - left) / (right - left)), 0), 1))
-    }
-    document.addEventListener('mousemove', mouseMove)
-    document.addEventListener('mouseup', mouseUp)
-    return () => {
-      document.removeEventListener('mousemove', mouseMove)
-      document.removeEventListener('mouseup', mouseUp)
-    }
-  }, [scrubbing])
-
-  return {
-    value,
-    scrubbing,
-    scrub,
-    setValue
-  }
-}

package/src/utils/volume-utils.ts

@@ -1,39 +0,0 @@
-// Constants for logarithmic scaling
-const MIN_VOLUME = 0.0001 // Avoid zero which would give -Infinity when taking log
-const MAX_VOLUME = 1.0
-
-// Defines how "curved" the logarithmic response is
-// Higher values = more dramatic volume change at the low end
-export const VOLUME_EXPONENT = 2.0
-
-/**
- * Converts a linear slider value (0-1) to logarithmic volume scale
- * Uses formula: volume = minVolume * (maxVolume/minVolume)^position
- * 
- * @param linearValue Linear slider position (0-1)
- * @returns Logarithmic volume value (0-1)
- */
-export const linearToLogVolume = (linearValue: number): number => {
-  // Ensure value is within range
-  const normalizedLinear = Math.max(MIN_VOLUME, Math.min(MAX_VOLUME, linearValue))
-  
-  // Calculate using the formula: volume = minVolume * (maxVolume/minVolume)^position
-  // We can also use a simpler formula: Math.pow(normalizedLinear, VOLUME_EXPONENT)
-  // Which gives a good perceptual curve with proper scaling
-  return Math.pow(normalizedLinear, VOLUME_EXPONENT)
-}
-
-/**
- * Converts a logarithmic volume (0-1) back to linear slider position (0-1)
- * Inverse of the logarithmic formula
- * 
- * @param logVolume Logarithmic volume (0-1)
- * @returns Linear slider position (0-1)
- */
-export const logToLinearVolume = (logVolume: number): number => {
-  // Ensure value is within range
-  const normalizedLog = Math.max(MIN_VOLUME, Math.min(MAX_VOLUME, logVolume))
-  
-  // Inverse of our simplified formula
-  return Math.pow(normalizedLog, MAX_VOLUME/VOLUME_EXPONENT)
-}

package/src/utils/window-height.ts

@@ -1,19 +0,0 @@
-import { useEffect, useState } from 'react'
-
-const useWindowSize = () => {
-  const [windowHeight, setWindowHeight] = useState(window.innerHeight)
-  const [windowWidth, setWindowWidth] = useState(window.innerWidth)
-  useEffect(() => {
-    const handleResize = () => {
-      setWindowHeight(window.innerHeight)
-      setWindowWidth(window.innerWidth)
-    }
-
-    window.addEventListener('resize', handleResize)
-
-    return () => { window.removeEventListener('resize', handleResize) }
-  }, [])
-  return [windowHeight, windowWidth]
-}
-
-export default useWindowSize

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "outDir": "build",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": false,
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "jsx": "react-jsx",
-    "paths": {
-      "mp4box": ["./src/utils/mp4box.ts"]
-    },
-    "types": []
-  },
-  "include": ["src"],
-  "exclude": ["node_modules"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}