@therealtinhtute/baroiplayer 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
- package/dist/context/media.js +0 -2
- package/dist/context/media.js.map +0 -1
- package/dist/context/media.mjs +0 -15
- package/dist/context/media.mjs.map +0 -1
- package/dist/context/store.js +0 -2
- package/dist/context/store.js.map +0 -1
- package/dist/context/store.mjs +0 -5
- package/dist/context/store.mjs.map +0 -1
- package/dist/context-Af84FynT.js +0 -1179
- package/dist/context-Af84FynT.js.map +0 -1
- package/dist/context-CwZnPdz0.cjs +0 -23
- package/dist/context-CwZnPdz0.cjs.map +0 -1
- package/dist/core-events-B5W_j8yU.js +0 -480
- package/dist/core-events-B5W_j8yU.js.map +0 -1
- package/dist/core-events-CN0-Vhhq.cjs +0 -2
- package/dist/core-events-CN0-Vhhq.cjs.map +0 -1
- package/dist/core-plugins-Bq9KLany.js +0 -696
- package/dist/core-plugins-Bq9KLany.js.map +0 -1
- package/dist/core-plugins-CPDSHMiQ.cjs +0 -2
- package/dist/core-plugins-CPDSHMiQ.cjs.map +0 -1
- package/dist/core.js +0 -37
- package/dist/core.js.map +0 -1
- package/dist/core.mjs +0 -1217
- package/dist/core.mjs.map +0 -1
- package/dist/enhanced-components-CXnYiOt6.cjs +0 -2
- package/dist/enhanced-components-CXnYiOt6.cjs.map +0 -1
- package/dist/enhanced-components-Da0TSvKe.js +0 -1073
- package/dist/enhanced-components-Da0TSvKe.js.map +0 -1
- package/dist/hooks-BCMilGRf.cjs +0 -4
- package/dist/hooks-BCMilGRf.cjs.map +0 -1
- package/dist/hooks-BPtHV1ZT.js +0 -2042
- package/dist/hooks-BPtHV1ZT.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
- package/dist/minimal-components-BHJMuaL7.cjs +0 -2
- package/dist/minimal-components-BHJMuaL7.cjs.map +0 -1
- package/dist/minimal-components-BmqRefl1.js +0 -2002
- package/dist/minimal-components-BmqRefl1.js.map +0 -1
- package/dist/mona-loading.gif +0 -0
- package/dist/performance-monitor--rzKTlbj.js +0 -302
- package/dist/performance-monitor--rzKTlbj.js.map +0 -1
- package/dist/performance-monitor-cjIvZE2D.cjs +0 -2
- package/dist/performance-monitor-cjIvZE2D.cjs.map +0 -1
- package/dist/src/adapters/videojs-adapter.d.ts.map +0 -1
- package/dist/src/adapters/videojs-adapter.js +0 -350
- package/dist/src/assets/mona-loading.gif +0 -0
- package/dist/src/components/AnimateLoading.d.ts.map +0 -1
- package/dist/src/components/AnimateLoading.js +0 -41
- package/dist/src/components/LoadingState.d.ts.map +0 -1
- package/dist/src/components/LoadingState.js +0 -111
- package/dist/src/components/accessibility/keyboard-help-overlay.d.ts.map +0 -1
- package/dist/src/components/accessibility/keyboard-help-overlay.js +0 -90
- package/dist/src/components/audio-player.d.ts.map +0 -1
- package/dist/src/components/audio-player.js +0 -31
- package/dist/src/components/basic/index.d.ts.map +0 -1
- package/dist/src/components/basic/index.js +0 -29
- package/dist/src/components/enhanced/advanced-features.d.ts.map +0 -1
- package/dist/src/components/enhanced/advanced-features.js +0 -64
- package/dist/src/components/enhanced/debug-panel.d.ts.map +0 -1
- package/dist/src/components/enhanced/debug-panel.js +0 -94
- package/dist/src/components/enhanced/enhanced-controls.d.ts.map +0 -1
- package/dist/src/components/enhanced/enhanced-controls.js +0 -233
- package/dist/src/components/enhanced/enhanced-media-player.d.ts.map +0 -1
- package/dist/src/components/enhanced/enhanced-media-player.js +0 -316
- package/dist/src/components/enhanced/error-handling.d.ts.map +0 -1
- package/dist/src/components/enhanced/error-handling.js +0 -153
- package/dist/src/components/enhanced/index.d.ts.map +0 -1
- package/dist/src/components/enhanced/index.js +0 -10
- package/dist/src/components/enhanced/media-player-enhanced.d.ts.map +0 -1
- package/dist/src/components/enhanced/media-player-enhanced.js +0 -250
- package/dist/src/components/examples/basic-video-player.d.ts.map +0 -1
- package/dist/src/components/examples/basic-video-player.js +0 -16
- package/dist/src/components/examples/custom-controls-example.d.ts.map +0 -1
- package/dist/src/components/examples/custom-controls-example.js +0 -12
- package/dist/src/components/examples/enhanced-controls-example.d.ts.map +0 -1
- package/dist/src/components/examples/enhanced-controls-example.js +0 -18
- package/dist/src/components/examples/enhanced-media-player-example.d.ts.map +0 -1
- package/dist/src/components/examples/enhanced-media-player-example.js +0 -13
- package/dist/src/components/examples/loading-states-demo.d.ts.map +0 -1
- package/dist/src/components/examples/loading-states-demo.js +0 -41
- package/dist/src/components/examples/react-19-demo.d.ts.map +0 -1
- package/dist/src/components/examples/react-19-demo.js +0 -104
- package/dist/src/components/examples/volume-orientation-demo.d.ts.map +0 -1
- package/dist/src/components/examples/volume-orientation-demo.js +0 -31
- package/dist/src/components/icon-demo.d.ts.map +0 -1
- package/dist/src/components/icon-demo.js +0 -16
- package/dist/src/components/icons/index.d.ts.map +0 -1
- package/dist/src/components/icons/index.js +0 -59
- package/dist/src/components/icons/svg-icons/ArrowLeftIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/ArrowLeftIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/ArrowRightIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/ArrowRightIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/AudioIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/AudioIcon.js +0 -4
- package/dist/src/components/icons/svg-icons/BackwardIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/BackwardIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/CameraIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/CameraIcon.js +0 -4
- package/dist/src/components/icons/svg-icons/CheckIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/CheckIcon.js +0 -4
- package/dist/src/components/icons/svg-icons/EnablePiPIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/EnablePiPIcon.js +0 -5
- package/dist/src/components/icons/svg-icons/ForwardIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/ForwardIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/FullscreenEnterIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/FullscreenEnterIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/FullscreenExitIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/FullscreenExitIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/LoadingIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/LoadingIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/PauseIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/PauseIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/PlayIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/PlayIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/PlaybackSpeedIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/PlaybackSpeedIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/QualityIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/QualityIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/SettingsIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/SettingsIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/SliderIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/SliderIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/SubtitleIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/SubtitleIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/SubtitleOffIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/SubtitleOffIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/UnPiPIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/UnPiPIcon.js +0 -5
- package/dist/src/components/icons/svg-icons/VolumeMutedIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/VolumeMutedIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/VolumeOneIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/VolumeOneIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/VolumeThreeIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/VolumeThreeIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/VolumeTwoIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/VolumeTwoIcon.js +0 -3
- package/dist/src/components/legacy.d.ts.map +0 -1
- package/dist/src/components/legacy.js +0 -52
- package/dist/src/components/media-metadata-display.d.ts.map +0 -1
- package/dist/src/components/media-metadata-display.js +0 -20
- package/dist/src/components/media-player-audio.d.ts.map +0 -1
- package/dist/src/components/media-player-audio.js +0 -18
- package/dist/src/components/media-player-controls.d.ts.map +0 -1
- package/dist/src/components/media-player-controls.js +0 -150
- package/dist/src/components/media-player-error.d.ts.map +0 -1
- package/dist/src/components/media-player-error.js +0 -85
- package/dist/src/components/media-player-fullscreen.d.ts.map +0 -1
- package/dist/src/components/media-player-fullscreen.js +0 -68
- package/dist/src/components/media-player-hls.d.ts.map +0 -1
- package/dist/src/components/media-player-hls.js +0 -20
- package/dist/src/components/media-player-loading.d.ts.map +0 -1
- package/dist/src/components/media-player-loading.js +0 -53
- package/dist/src/components/media-player-play.d.ts.map +0 -1
- package/dist/src/components/media-player-play.js +0 -44
- package/dist/src/components/media-player-root.d.ts.map +0 -1
- package/dist/src/components/media-player-root.js +0 -243
- package/dist/src/components/media-player-seek.d.ts.map +0 -1
- package/dist/src/components/media-player-seek.js +0 -92
- package/dist/src/components/media-player-time.d.ts.map +0 -1
- package/dist/src/components/media-player-time.js +0 -57
- package/dist/src/components/media-player-tooltip.d.ts.map +0 -1
- package/dist/src/components/media-player-tooltip.js +0 -14
- package/dist/src/components/media-player-video.d.ts.map +0 -1
- package/dist/src/components/media-player-video.js +0 -18
- package/dist/src/components/media-player-volume.d.ts.map +0 -1
- package/dist/src/components/media-player-volume.js +0 -88
- package/dist/src/components/media-player.d.ts.map +0 -1
- package/dist/src/components/media-player.js +0 -67
- package/dist/src/components/media-suspense.d.ts.map +0 -1
- package/dist/src/components/media-suspense.js +0 -173
- package/dist/src/components/player-settings-form.d.ts.map +0 -1
- package/dist/src/components/player-settings-form.js +0 -46
- package/dist/src/components/react-player-wrapper.d.ts.map +0 -1
- package/dist/src/components/react-player-wrapper.js +0 -163
- package/dist/src/components/simple-video-player.d.ts.map +0 -1
- package/dist/src/components/simple-video-player.js +0 -41
- package/dist/src/components/ui/enhanced-seek-bar.d.ts.map +0 -1
- package/dist/src/components/ui/enhanced-seek-bar.js +0 -112
- package/dist/src/components/ui/fullscreen-button.d.ts.map +0 -1
- package/dist/src/components/ui/fullscreen-button.js +0 -21
- package/dist/src/components/ui/media-resource-preloader.d.ts.map +0 -1
- package/dist/src/components/ui/media-resource-preloader.js +0 -295
- package/dist/src/components/ui/play-button.d.ts.map +0 -1
- package/dist/src/components/ui/play-button.js +0 -26
- package/dist/src/components/ui/seek-bar.d.ts.map +0 -1
- package/dist/src/components/ui/seek-bar.js +0 -54
- package/dist/src/components/ui/time-display.d.ts.map +0 -1
- package/dist/src/components/ui/time-display.js +0 -18
- package/dist/src/components/ui/volume-control.d.ts.map +0 -1
- package/dist/src/components/ui/volume-control.js +0 -71
- package/dist/src/components/unified/base-media-player.d.ts.map +0 -1
- package/dist/src/components/unified/base-media-player.js +0 -104
- package/dist/src/components/unified/media-player.d.ts.map +0 -1
- package/dist/src/components/unified/media-player.js +0 -41
- package/dist/src/components/variants/minimal/AccessibleMinimalPlayer.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/AccessibleMinimalPlayer.js +0 -322
- package/dist/src/components/variants/minimal/EnhancedMinimalMediaPlayer.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/EnhancedMinimalMediaPlayer.js +0 -280
- package/dist/src/components/variants/minimal/MinimalControls.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalControls.js +0 -19
- package/dist/src/components/variants/minimal/MinimalLoading.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalLoading.js +0 -6
- package/dist/src/components/variants/minimal/MinimalMediaPlayer.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalMediaPlayer.js +0 -135
- package/dist/src/components/variants/minimal/MinimalOverlay.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalOverlay.js +0 -15
- package/dist/src/components/variants/minimal/MinimalPlayButton.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalPlayButton.js +0 -29
- package/dist/src/components/variants/minimal/MinimalSeekBar.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalSeekBar.js +0 -73
- package/dist/src/components/variants/minimal/MinimalVolumeControl.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalVolumeControl.js +0 -29
- package/dist/src/components/variants/minimal/SimpleMinimalPlayer.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/SimpleMinimalPlayer.js +0 -51
- package/dist/src/components/variants/minimal/components/CenterPlayButton.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/CenterPlayButton.js +0 -8
- package/dist/src/components/variants/minimal/components/ControlBar.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/ControlBar.js +0 -10
- package/dist/src/components/variants/minimal/components/EnhancedSettingsMenu.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/EnhancedSettingsMenu.js +0 -68
- package/dist/src/components/variants/minimal/components/PlaybackControls.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/PlaybackControls.js +0 -9
- package/dist/src/components/variants/minimal/components/RightControls.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/RightControls.js +0 -40
- package/dist/src/components/variants/minimal/components/SeekBar.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/SeekBar.js +0 -43
- package/dist/src/components/variants/minimal/components/SettingsDropdown.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/SettingsDropdown.js +0 -18
- package/dist/src/components/variants/minimal/components/SubtitleDisplay.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/SubtitleDisplay.js +0 -6
- package/dist/src/components/variants/minimal/components/TimeDisplay.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/TimeDisplay.js +0 -5
- package/dist/src/components/variants/minimal/components/VideoElement.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/VideoElement.js +0 -4
- package/dist/src/components/variants/minimal/components/VolumeControl.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/VolumeControl.js +0 -99
- package/dist/src/components/variants/minimal/index.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/index.js +0 -8
- package/dist/src/components/video-player.d.ts.map +0 -1
- package/dist/src/components/video-player.js +0 -38
- package/dist/src/context/error-handling.d.ts.map +0 -1
- package/dist/src/context/error-handling.js +0 -300
- package/dist/src/context/media-context.d.ts.map +0 -1
- package/dist/src/context/media-context.js +0 -121
- package/dist/src/context/media-provider.d.ts.map +0 -1
- package/dist/src/context/media-provider.js +0 -164
- package/dist/src/context/media-store.d.ts.map +0 -1
- package/dist/src/context/media-store.js +0 -273
- package/dist/src/context/persistence.d.ts.map +0 -1
- package/dist/src/context/persistence.js +0 -356
- package/dist/src/core/events/event-system.d.ts.map +0 -1
- package/dist/src/core/events/event-system.js +0 -288
- package/dist/src/core/events/hooks.d.ts.map +0 -1
- package/dist/src/core/events/hooks.js +0 -198
- package/dist/src/core/events/index.d.ts.map +0 -1
- package/dist/src/core/events/index.js +0 -7
- package/dist/src/core/events/middleware.d.ts.map +0 -1
- package/dist/src/core/events/middleware.js +0 -219
- package/dist/src/core/index.d.ts.map +0 -1
- package/dist/src/core/index.js +0 -15
- package/dist/src/core/optimization/bundle-optimizer.d.ts.map +0 -1
- package/dist/src/core/optimization/bundle-optimizer.js +0 -217
- package/dist/src/core/performance/cicd.d.ts.map +0 -1
- package/dist/src/core/performance/cicd.js +0 -83
- package/dist/src/core/performance/index.d.ts.map +0 -1
- package/dist/src/core/performance/index.js +0 -14
- package/dist/src/core/performance/media-loading-optimizer.d.ts.map +0 -1
- package/dist/src/core/performance/media-loading-optimizer.js +0 -404
- package/dist/src/core/performance/performance-budgets.d.ts.map +0 -1
- package/dist/src/core/performance/performance-budgets.js +0 -326
- package/dist/src/core/performance/performance-monitor.d.ts.map +0 -1
- package/dist/src/core/performance/performance-monitor.js +0 -297
- package/dist/src/core/performance/performance-testing.d.ts.map +0 -1
- package/dist/src/core/performance/performance-testing.js +0 -314
- package/dist/src/core/plugins/base-plugin.d.ts.map +0 -1
- package/dist/src/core/plugins/base-plugin.js +0 -151
- package/dist/src/core/plugins/enhanced-plugin-system.d.ts.map +0 -1
- package/dist/src/core/plugins/enhanced-plugin-system.js +0 -305
- package/dist/src/core/plugins/examples/analytics-plugin.d.ts.map +0 -1
- package/dist/src/core/plugins/examples/analytics-plugin.js +0 -191
- package/dist/src/core/plugins/index.d.ts.map +0 -1
- package/dist/src/core/plugins/index.js +0 -9
- package/dist/src/core/plugins/registry.d.ts.map +0 -1
- package/dist/src/core/plugins/registry.js +0 -261
- package/dist/src/core/plugins/types.d.ts.map +0 -1
- package/dist/src/core/plugins/types.js +0 -31
- package/dist/src/core/plugins/utils.d.ts.map +0 -1
- package/dist/src/core/plugins/utils.js +0 -274
- package/dist/src/core/progressive-loading.d.ts.map +0 -1
- package/dist/src/core/progressive-loading.js +0 -239
- package/dist/src/core/providers/enhanced-hls-provider.d.ts.map +0 -1
- package/dist/src/core/providers/enhanced-hls-provider.js +0 -273
- package/dist/src/core/providers/service-provider.d.ts.map +0 -1
- package/dist/src/core/providers/service-provider.js +0 -105
- package/dist/src/core/utils.d.ts.map +0 -1
- package/dist/src/core/utils.js +0 -21
- package/dist/src/features/media-session/media-session-manager.d.ts.map +0 -1
- package/dist/src/features/media-session/media-session-manager.js +0 -331
- package/dist/src/features/picture-in-picture/pip-manager.d.ts.map +0 -1
- package/dist/src/features/picture-in-picture/pip-manager.js +0 -353
- package/dist/src/features/playlist/playlist-manager.d.ts.map +0 -1
- package/dist/src/features/playlist/playlist-manager.js +0 -475
- package/dist/src/features/subtitles/subtitle-manager.d.ts.map +0 -1
- package/dist/src/features/subtitles/subtitle-manager.js +0 -335
- package/dist/src/features/subtitles/subtitle-parser.d.ts.map +0 -1
- package/dist/src/features/subtitles/subtitle-parser.js +0 -217
- package/dist/src/features/thumbnails/thumbnail-generator.d.ts.map +0 -1
- package/dist/src/features/thumbnails/thumbnail-generator.js +0 -388
- package/dist/src/hooks/accessibility/index.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/index.js +0 -4
- package/dist/src/hooks/accessibility/use-accessibility-preferences.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/use-accessibility-preferences.js +0 -156
- package/dist/src/hooks/accessibility/use-focus-management.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/use-focus-management.js +0 -142
- package/dist/src/hooks/accessibility/use-keyboard-shortcuts.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/use-keyboard-shortcuts.js +0 -101
- package/dist/src/hooks/accessibility/use-screen-reader.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/use-screen-reader.js +0 -148
- package/dist/src/hooks/core/index.d.ts.map +0 -1
- package/dist/src/hooks/core/index.js +0 -19
- package/dist/src/hooks/legacy.d.ts.map +0 -1
- package/dist/src/hooks/legacy.js +0 -17
- package/dist/src/hooks/use-enhanced-media-player.d.ts.map +0 -1
- package/dist/src/hooks/use-enhanced-media-player.js +0 -395
- package/dist/src/hooks/use-intelligent-preloading.d.ts.map +0 -1
- package/dist/src/hooks/use-intelligent-preloading.js +0 -258
- package/dist/src/hooks/use-keyboard-controls.d.ts.map +0 -1
- package/dist/src/hooks/use-keyboard-controls.js +0 -83
- package/dist/src/hooks/use-media-actions.d.ts.map +0 -1
- package/dist/src/hooks/use-media-actions.js +0 -121
- package/dist/src/hooks/use-media-metadata.d.ts.map +0 -1
- package/dist/src/hooks/use-media-metadata.js +0 -74
- package/dist/src/hooks/use-media-optimistic.d.ts.map +0 -1
- package/dist/src/hooks/use-media-optimistic.js +0 -205
- package/dist/src/hooks/use-media-player.d.ts.map +0 -1
- package/dist/src/hooks/use-media-player.js +0 -251
- package/dist/src/hooks/use-media-state.d.ts.map +0 -1
- package/dist/src/hooks/use-media-state.js +0 -162
- package/dist/src/hooks/use-memory-optimization.d.ts.map +0 -1
- package/dist/src/hooks/use-memory-optimization.js +0 -288
- package/dist/src/hooks/use-optimistic-controls.d.ts.map +0 -1
- package/dist/src/hooks/use-optimistic-controls.js +0 -60
- package/dist/src/hooks/use-optimized-media.d.ts.map +0 -1
- package/dist/src/hooks/use-optimized-media.js +0 -211
- package/dist/src/hooks/use-touch-gestures.d.ts.map +0 -1
- package/dist/src/hooks/use-touch-gestures.js +0 -289
- package/dist/src/hooks/useEnhancedSubtitles.d.ts.map +0 -1
- package/dist/src/hooks/useEnhancedSubtitles.js +0 -205
- package/dist/src/hooks/useKeyboardShortcuts.d.ts.map +0 -1
- package/dist/src/hooks/useKeyboardShortcuts.js +0 -59
- package/dist/src/hooks/useMediaControls.d.ts.map +0 -1
- package/dist/src/hooks/useMediaControls.js +0 -44
- package/dist/src/hooks/useScreenshot.d.ts.map +0 -1
- package/dist/src/hooks/useScreenshot.js +0 -56
- package/dist/src/hooks/useSubtitles.d.ts.map +0 -1
- package/dist/src/hooks/useSubtitles.js +0 -73
- package/dist/src/hooks/useVideoPlayer.d.ts.map +0 -1
- package/dist/src/hooks/useVideoPlayer.js +0 -184
- package/dist/src/icons/components/FullscreenIcon.d.ts.map +0 -1
- package/dist/src/icons/components/FullscreenIcon.js +0 -11
- package/dist/src/icons/components/SettingsIcon.d.ts.map +0 -1
- package/dist/src/icons/components/SettingsIcon.js +0 -11
- package/dist/src/icons/components/animated/LoadingIcon.d.ts.map +0 -1
- package/dist/src/icons/components/animated/LoadingIcon.js +0 -11
- package/dist/src/icons/components/animated/PlayPauseIcon.d.ts.map +0 -1
- package/dist/src/icons/components/animated/PlayPauseIcon.js +0 -9
- package/dist/src/icons/components/media/PauseIcon.d.ts.map +0 -1
- package/dist/src/icons/components/media/PauseIcon.js +0 -12
- package/dist/src/icons/components/media/PlayIcon.d.ts.map +0 -1
- package/dist/src/icons/components/media/PlayIcon.js +0 -12
- package/dist/src/icons/components/volume/VolumeIcon.d.ts.map +0 -1
- package/dist/src/icons/components/volume/VolumeIcon.js +0 -11
- package/dist/src/icons/components/volume/VolumeOffIcon.d.ts.map +0 -1
- package/dist/src/icons/components/volume/VolumeOffIcon.js +0 -11
- package/dist/src/icons/index.d.ts.map +0 -1
- package/dist/src/icons/index.js +0 -45
- package/dist/src/icons/provider.d.ts.map +0 -1
- package/dist/src/icons/provider.js +0 -37
- package/dist/src/icons/types.d.ts.map +0 -1
- package/dist/src/icons/types.js +0 -1
- package/dist/src/index-enhanced.d.ts.map +0 -1
- package/dist/src/index-enhanced.js +0 -16
- package/dist/src/index-legacy.d.ts.map +0 -1
- package/dist/src/index-legacy.js +0 -97
- package/dist/src/index.d.ts.map +0 -1
- package/dist/src/index.js +0 -90
- package/dist/src/index.minimal.d.ts.map +0 -1
- package/dist/src/index.minimal.js +0 -3
- package/dist/src/lib/deprecation.d.ts.map +0 -1
- package/dist/src/lib/deprecation.js +0 -31
- package/dist/src/lib/format-time.d.ts.map +0 -1
- package/dist/src/lib/format-time.js +0 -32
- package/dist/src/lib/index.d.ts.map +0 -1
- package/dist/src/lib/index.js +0 -3
- package/dist/src/lib/utils.d.ts.map +0 -1
- package/dist/src/lib/utils.js +0 -5
- package/dist/src/test/setup.d.ts.map +0 -1
- package/dist/src/test/setup.js +0 -65
- package/dist/src/types/events.d.ts.map +0 -1
- package/dist/src/types/events.js +0 -2
- package/dist/src/types/formats.d.ts.map +0 -1
- package/dist/src/types/formats.js +0 -63
- package/dist/src/types/index.d.ts.map +0 -1
- package/dist/src/types/index.js +0 -4
- package/dist/utils-Db13763z.cjs +0 -9
- package/dist/utils-Db13763z.cjs.map +0 -1
- package/dist/utils-nTO4AnHo.js +0 -2809
- package/dist/utils-nTO4AnHo.js.map +0 -1
- package/dist/utils.js +0 -2
- package/dist/utils.js.map +0 -1
- package/dist/utils.mjs +0 -7
- package/dist/utils.mjs.map +0 -1
- package/src/adapters/videojs-adapter.js +0 -350
- package/src/components/AnimateLoading.js +0 -41
- package/src/components/LoadingState.js +0 -111
- package/src/components/accessibility/keyboard-help-overlay.js +0 -90
- package/src/components/audio-player.js +0 -31
- package/src/components/basic/index.js +0 -29
- package/src/components/enhanced/advanced-features.js +0 -64
- package/src/components/enhanced/debug-panel.js +0 -94
- package/src/components/enhanced/enhanced-controls.js +0 -233
- package/src/components/enhanced/enhanced-media-player.js +0 -316
- package/src/components/enhanced/error-handling.js +0 -153
- package/src/components/enhanced/index.js +0 -10
- package/src/components/enhanced/media-player-enhanced.js +0 -250
- package/src/components/examples/basic-video-player.js +0 -16
- package/src/components/examples/custom-controls-example.js +0 -12
- package/src/components/examples/enhanced-controls-example.js +0 -18
- package/src/components/examples/enhanced-media-player-example.js +0 -13
- package/src/components/examples/loading-states-demo.js +0 -41
- package/src/components/examples/react-19-demo.js +0 -104
- package/src/components/examples/volume-orientation-demo.js +0 -31
- package/src/components/icon-demo.js +0 -16
- package/src/components/icons/index.js +0 -59
- package/src/components/icons/svg-icons/ArrowLeftIcon.js +0 -3
- package/src/components/icons/svg-icons/ArrowRightIcon.js +0 -3
- package/src/components/icons/svg-icons/AudioIcon.js +0 -4
- package/src/components/icons/svg-icons/BackwardIcon.js +0 -3
- package/src/components/icons/svg-icons/CameraIcon.js +0 -4
- package/src/components/icons/svg-icons/CheckIcon.js +0 -4
- package/src/components/icons/svg-icons/EnablePiPIcon.js +0 -5
- package/src/components/icons/svg-icons/ForwardIcon.js +0 -3
- package/src/components/icons/svg-icons/FullscreenEnterIcon.js +0 -3
- package/src/components/icons/svg-icons/FullscreenExitIcon.js +0 -3
- package/src/components/icons/svg-icons/LoadingIcon.js +0 -3
- package/src/components/icons/svg-icons/PauseIcon.js +0 -3
- package/src/components/icons/svg-icons/PlayIcon.js +0 -3
- package/src/components/icons/svg-icons/PlaybackSpeedIcon.js +0 -3
- package/src/components/icons/svg-icons/QualityIcon.js +0 -3
- package/src/components/icons/svg-icons/SettingsIcon.js +0 -3
- package/src/components/icons/svg-icons/SliderIcon.js +0 -3
- package/src/components/icons/svg-icons/SubtitleIcon.js +0 -3
- package/src/components/icons/svg-icons/SubtitleOffIcon.js +0 -3
- package/src/components/icons/svg-icons/UnPiPIcon.js +0 -5
- package/src/components/icons/svg-icons/VolumeMutedIcon.js +0 -3
- package/src/components/icons/svg-icons/VolumeOneIcon.js +0 -3
- package/src/components/icons/svg-icons/VolumeThreeIcon.js +0 -3
- package/src/components/icons/svg-icons/VolumeTwoIcon.js +0 -3
- package/src/components/legacy.js +0 -52
- package/src/components/media-metadata-display.js +0 -20
- package/src/components/media-player-audio.js +0 -18
- package/src/components/media-player-controls.js +0 -150
- package/src/components/media-player-error.js +0 -85
- package/src/components/media-player-fullscreen.js +0 -68
- package/src/components/media-player-hls.js +0 -20
- package/src/components/media-player-loading.js +0 -53
- package/src/components/media-player-play.js +0 -44
- package/src/components/media-player-root.js +0 -243
- package/src/components/media-player-seek.js +0 -92
- package/src/components/media-player-time.js +0 -57
- package/src/components/media-player-tooltip.js +0 -14
- package/src/components/media-player-video.js +0 -18
- package/src/components/media-player-volume.js +0 -88
- package/src/components/media-player.js +0 -67
- package/src/components/media-suspense.js +0 -173
- package/src/components/player-settings-form.js +0 -46
- package/src/components/react-player-wrapper.js +0 -163
- package/src/components/simple-video-player.js +0 -41
- package/src/components/ui/enhanced-seek-bar.js +0 -112
- package/src/components/ui/fullscreen-button.js +0 -21
- package/src/components/ui/media-resource-preloader.js +0 -295
- package/src/components/ui/play-button.js +0 -26
- package/src/components/ui/seek-bar.js +0 -54
- package/src/components/ui/time-display.js +0 -18
- package/src/components/ui/volume-control.js +0 -71
- package/src/components/unified/base-media-player.js +0 -104
- package/src/components/unified/media-player.js +0 -41
- package/src/components/variants/minimal/AccessibleMinimalPlayer.js +0 -322
- package/src/components/variants/minimal/EnhancedMinimalMediaPlayer.js +0 -280
- package/src/components/variants/minimal/MinimalControls.js +0 -19
- package/src/components/variants/minimal/MinimalLoading.js +0 -6
- package/src/components/variants/minimal/MinimalMediaPlayer.js +0 -135
- package/src/components/variants/minimal/MinimalOverlay.js +0 -15
- package/src/components/variants/minimal/MinimalPlayButton.js +0 -29
- package/src/components/variants/minimal/MinimalSeekBar.js +0 -73
- package/src/components/variants/minimal/MinimalVolumeControl.js +0 -29
- package/src/components/variants/minimal/SimpleMinimalPlayer.js +0 -51
- package/src/components/variants/minimal/components/CenterPlayButton.js +0 -8
- package/src/components/variants/minimal/components/ControlBar.js +0 -10
- package/src/components/variants/minimal/components/EnhancedSettingsMenu.js +0 -68
- package/src/components/variants/minimal/components/PlaybackControls.js +0 -9
- package/src/components/variants/minimal/components/RightControls.js +0 -40
- package/src/components/variants/minimal/components/SeekBar.js +0 -43
- package/src/components/variants/minimal/components/SettingsDropdown.js +0 -18
- package/src/components/variants/minimal/components/SubtitleDisplay.js +0 -6
- package/src/components/variants/minimal/components/TimeDisplay.js +0 -5
- package/src/components/variants/minimal/components/VideoElement.js +0 -4
- package/src/components/variants/minimal/components/VolumeControl.js +0 -99
- package/src/components/variants/minimal/index.js +0 -8
- package/src/components/video-player.js +0 -38
- package/src/context/error-handling.js +0 -300
- package/src/context/media-context.js +0 -121
- package/src/context/media-provider.js +0 -164
- package/src/context/media-store.js +0 -273
- package/src/context/persistence.js +0 -356
- package/src/core/events/event-system.js +0 -288
- package/src/core/events/hooks.js +0 -198
- package/src/core/events/index.js +0 -7
- package/src/core/events/middleware.js +0 -219
- package/src/core/index.js +0 -15
- package/src/core/optimization/bundle-optimizer.js +0 -217
- package/src/core/performance/cicd.js +0 -83
- package/src/core/performance/index.js +0 -14
- package/src/core/performance/media-loading-optimizer.js +0 -404
- package/src/core/performance/performance-budgets.js +0 -326
- package/src/core/performance/performance-monitor.js +0 -297
- package/src/core/performance/performance-testing.js +0 -314
- package/src/core/plugins/base-plugin.js +0 -151
- package/src/core/plugins/enhanced-plugin-system.js +0 -305
- package/src/core/plugins/examples/analytics-plugin.js +0 -191
- package/src/core/plugins/index.js +0 -9
- package/src/core/plugins/registry.js +0 -261
- package/src/core/plugins/types.js +0 -31
- package/src/core/plugins/utils.js +0 -274
- package/src/core/progressive-loading.js +0 -239
- package/src/core/providers/enhanced-hls-provider.js +0 -273
- package/src/core/providers/service-provider.js +0 -105
- package/src/core/utils.js +0 -21
- package/src/features/media-session/media-session-manager.js +0 -331
- package/src/features/picture-in-picture/pip-manager.js +0 -353
- package/src/features/playlist/playlist-manager.js +0 -475
- package/src/features/subtitles/subtitle-manager.js +0 -335
- package/src/features/subtitles/subtitle-parser.js +0 -217
- package/src/features/thumbnails/thumbnail-generator.js +0 -388
- package/src/hooks/accessibility/index.js +0 -4
- package/src/hooks/accessibility/use-accessibility-preferences.js +0 -156
- package/src/hooks/accessibility/use-focus-management.js +0 -142
- package/src/hooks/accessibility/use-keyboard-shortcuts.js +0 -101
- package/src/hooks/accessibility/use-screen-reader.js +0 -148
- package/src/hooks/core/index.js +0 -19
- package/src/hooks/legacy.js +0 -17
- package/src/hooks/use-enhanced-media-player.js +0 -395
- package/src/hooks/use-intelligent-preloading.js +0 -258
- package/src/hooks/use-keyboard-controls.js +0 -83
- package/src/hooks/use-media-actions.js +0 -121
- package/src/hooks/use-media-metadata.js +0 -74
- package/src/hooks/use-media-optimistic.js +0 -205
- package/src/hooks/use-media-player.js +0 -251
- package/src/hooks/use-media-state.js +0 -162
- package/src/hooks/use-memory-optimization.js +0 -288
- package/src/hooks/use-optimistic-controls.js +0 -60
- package/src/hooks/use-optimized-media.js +0 -211
- package/src/hooks/use-touch-gestures.js +0 -289
- package/src/hooks/useEnhancedSubtitles.js +0 -205
- package/src/hooks/useKeyboardShortcuts.js +0 -59
- package/src/hooks/useMediaControls.js +0 -44
- package/src/hooks/useScreenshot.js +0 -56
- package/src/hooks/useSubtitles.js +0 -73
- package/src/hooks/useVideoPlayer.js +0 -184
- package/src/icons/components/FullscreenIcon.js +0 -11
- package/src/icons/components/SettingsIcon.js +0 -11
- package/src/icons/components/animated/LoadingIcon.js +0 -11
- package/src/icons/components/animated/PlayPauseIcon.js +0 -9
- package/src/icons/components/media/PauseIcon.js +0 -12
- package/src/icons/components/media/PlayIcon.js +0 -12
- package/src/icons/components/volume/VolumeIcon.js +0 -11
- package/src/icons/components/volume/VolumeOffIcon.js +0 -11
- package/src/icons/index.js +0 -45
- package/src/icons/provider.js +0 -37
- package/src/icons/types.js +0 -1
- package/src/index-enhanced.js +0 -16
- package/src/index-legacy.js +0 -97
- package/src/index.js +0 -90
- package/src/index.minimal.js +0 -3
- package/src/lib/deprecation.js +0 -31
- package/src/lib/format-time.js +0 -32
- package/src/lib/index.js +0 -3
- package/src/lib/utils.js +0 -5
- package/src/test/setup.js +0 -65
- package/src/types/events.js +0 -2
- package/src/types/formats.js +0 -63
- package/src/types/index.js +0 -4
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-optimistic-controls.d.ts","sourceRoot":"","sources":["use-optimistic-controls.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,UAAU,EAAE,YAAY,CAAC,EAAE,gBAAgB,GAAG,IAAI;;;;;;;;;4BAyC1E,MAAM;qBAUb,MAAM;gCAUK,MAAM;;;EAqBvC"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { useOptimistic, useTransition } from 'react';
|
|
2
|
-
export function useOptimisticMediaState(initialState, mediaElement) {
|
|
3
|
-
const [isPending, startTransition] = useTransition();
|
|
4
|
-
// Optimistic state for each property
|
|
5
|
-
const [optimisticPlaying, setOptimisticPlaying] = useOptimistic(initialState.isPlaying, (_, value) => value);
|
|
6
|
-
const [optimisticVolume, setOptimisticVolume] = useOptimistic(initialState.volume, (_, value) => value);
|
|
7
|
-
const [optimisticTime, setOptimisticTime] = useOptimistic(initialState.currentTime, (_, value) => value);
|
|
8
|
-
const [optimisticRate, setOptimisticRate] = useOptimistic(initialState.playbackRate, (_, value) => value);
|
|
9
|
-
// Wrapped actions with optimistic updates
|
|
10
|
-
const actions = {
|
|
11
|
-
togglePlay: async () => {
|
|
12
|
-
const newState = !optimisticPlaying;
|
|
13
|
-
setOptimisticPlaying(newState);
|
|
14
|
-
startTransition(async () => {
|
|
15
|
-
if (mediaElement) {
|
|
16
|
-
if (newState) {
|
|
17
|
-
await mediaElement.play();
|
|
18
|
-
}
|
|
19
|
-
else {
|
|
20
|
-
mediaElement.pause();
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
},
|
|
25
|
-
setVolume: async (volume) => {
|
|
26
|
-
setOptimisticVolume(volume);
|
|
27
|
-
startTransition(async () => {
|
|
28
|
-
if (mediaElement) {
|
|
29
|
-
mediaElement.volume = volume;
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
},
|
|
33
|
-
seek: async (time) => {
|
|
34
|
-
setOptimisticTime(time);
|
|
35
|
-
startTransition(async () => {
|
|
36
|
-
if (mediaElement) {
|
|
37
|
-
mediaElement.currentTime = time;
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
},
|
|
41
|
-
setPlaybackRate: async (rate) => {
|
|
42
|
-
setOptimisticRate(rate);
|
|
43
|
-
startTransition(async () => {
|
|
44
|
-
if (mediaElement) {
|
|
45
|
-
mediaElement.playbackRate = rate;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
return {
|
|
51
|
-
state: {
|
|
52
|
-
isPlaying: optimisticPlaying,
|
|
53
|
-
volume: optimisticVolume,
|
|
54
|
-
currentTime: optimisticTime,
|
|
55
|
-
playbackRate: optimisticRate
|
|
56
|
-
},
|
|
57
|
-
actions,
|
|
58
|
-
isPending
|
|
59
|
-
};
|
|
60
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-optimized-media.d.ts","sourceRoot":"","sources":["use-optimized-media.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,sBAAsB;;;;;;;;;;;;;;;;;;;EA2DrC;AAGD,wBAAgB,yBAAyB;;;;iBAgBF,MAAM;wBAIC,MAAM;;;;;;;;;;4BAwCF,MAAM;4BAIP,MAAM;6BAIL,MAAM;EAuBvD;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,MAAY,UAIJ,MAAM,UAmBrD;AAGD,wBAAgB,kBAAkB,CAAC,KAAK,GAAE,MAAW,YAIE,MAAM,UAS5D;AAGD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,UAW5C;AAGD,wBAAgB,uBAAuB,CACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EACpC,OAAO,CAAC,EAAE,wBAAwB,WAuBlC;AAGD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,WAgB1C"}
|
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { useMediaSelector, useMediaDispatch, MediaActionTypes } from "../context/media-context";
|
|
4
|
-
// Optimized hook for media state with memoized selectors
|
|
5
|
-
export function useOptimizedMediaState() {
|
|
6
|
-
// Memoized selectors to prevent unnecessary re-renders
|
|
7
|
-
const isPlaying = useMediaSelector(React.useCallback(state => state.isPlaying, []));
|
|
8
|
-
const currentTime = useMediaSelector(React.useCallback(state => state.currentTime, []));
|
|
9
|
-
const duration = useMediaSelector(React.useCallback(state => state.duration, []));
|
|
10
|
-
const volume = useMediaSelector(React.useCallback(state => state.volume, []));
|
|
11
|
-
const isMuted = useMediaSelector(React.useCallback(state => state.isMuted, []));
|
|
12
|
-
const isLoading = useMediaSelector(React.useCallback(state => state.isLoading, []));
|
|
13
|
-
const error = useMediaSelector(React.useCallback(state => state.error, []));
|
|
14
|
-
const isFullscreen = useMediaSelector(React.useCallback(state => state.isFullscreen, []));
|
|
15
|
-
const isPictureInPicture = useMediaSelector(React.useCallback(state => state.isPictureInPicture, []));
|
|
16
|
-
const buffered = useMediaSelector(React.useCallback(state => state.buffered, []));
|
|
17
|
-
const playbackRate = useMediaSelector(React.useCallback(state => state.playbackRate, []));
|
|
18
|
-
// Derived state with memoization
|
|
19
|
-
const progress = React.useMemo(() => {
|
|
20
|
-
return duration > 0 ? (currentTime / duration) * 100 : 0;
|
|
21
|
-
}, [currentTime, duration]);
|
|
22
|
-
const remainingTime = React.useMemo(() => {
|
|
23
|
-
return Math.max(0, duration - currentTime);
|
|
24
|
-
}, [duration, currentTime]);
|
|
25
|
-
const bufferedRanges = React.useMemo(() => {
|
|
26
|
-
if (!buffered || duration === 0)
|
|
27
|
-
return [];
|
|
28
|
-
const ranges = [];
|
|
29
|
-
for (let i = 0; i < buffered.length; i++) {
|
|
30
|
-
ranges.push({
|
|
31
|
-
start: (buffered.start(i) / duration) * 100,
|
|
32
|
-
end: (buffered.end(i) / duration) * 100
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
return ranges;
|
|
36
|
-
}, [buffered, duration]);
|
|
37
|
-
const canPlay = React.useMemo(() => {
|
|
38
|
-
return !isLoading && !error && duration > 0;
|
|
39
|
-
}, [isLoading, error, duration]);
|
|
40
|
-
return {
|
|
41
|
-
// Basic state
|
|
42
|
-
isPlaying,
|
|
43
|
-
currentTime,
|
|
44
|
-
duration,
|
|
45
|
-
volume,
|
|
46
|
-
isMuted,
|
|
47
|
-
isLoading,
|
|
48
|
-
error,
|
|
49
|
-
isFullscreen,
|
|
50
|
-
isPictureInPicture,
|
|
51
|
-
buffered,
|
|
52
|
-
playbackRate,
|
|
53
|
-
// Derived state
|
|
54
|
-
progress,
|
|
55
|
-
remainingTime,
|
|
56
|
-
bufferedRanges,
|
|
57
|
-
canPlay
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
// Optimized hook for media controls with memoized callbacks
|
|
61
|
-
export function useOptimizedMediaControls() {
|
|
62
|
-
const dispatch = useMediaDispatch();
|
|
63
|
-
// Memoized control functions
|
|
64
|
-
const play = React.useCallback(() => {
|
|
65
|
-
dispatch({ type: MediaActionTypes.PLAY });
|
|
66
|
-
}, [dispatch]);
|
|
67
|
-
const pause = React.useCallback(() => {
|
|
68
|
-
dispatch({ type: MediaActionTypes.PAUSE });
|
|
69
|
-
}, [dispatch]);
|
|
70
|
-
const toggle = React.useCallback(() => {
|
|
71
|
-
dispatch({ type: MediaActionTypes.PLAY });
|
|
72
|
-
}, [dispatch]);
|
|
73
|
-
const seek = React.useCallback((time) => {
|
|
74
|
-
dispatch({ type: MediaActionTypes.SEEK, detail: time });
|
|
75
|
-
}, [dispatch]);
|
|
76
|
-
const setVolume = React.useCallback((volume) => {
|
|
77
|
-
dispatch({ type: MediaActionTypes.SET_VOLUME, detail: volume });
|
|
78
|
-
}, [dispatch]);
|
|
79
|
-
const mute = React.useCallback(() => {
|
|
80
|
-
dispatch({ type: MediaActionTypes.MUTE });
|
|
81
|
-
}, [dispatch]);
|
|
82
|
-
const unmute = React.useCallback(() => {
|
|
83
|
-
dispatch({ type: MediaActionTypes.UNMUTE });
|
|
84
|
-
}, [dispatch]);
|
|
85
|
-
const toggleMute = React.useCallback(() => {
|
|
86
|
-
dispatch({ type: MediaActionTypes.TOGGLE_MUTE });
|
|
87
|
-
}, [dispatch]);
|
|
88
|
-
const enterFullscreen = React.useCallback(() => {
|
|
89
|
-
dispatch({ type: MediaActionTypes.ENTER_FULLSCREEN });
|
|
90
|
-
}, [dispatch]);
|
|
91
|
-
const exitFullscreen = React.useCallback(() => {
|
|
92
|
-
dispatch({ type: MediaActionTypes.EXIT_FULLSCREEN });
|
|
93
|
-
}, [dispatch]);
|
|
94
|
-
const toggleFullscreen = React.useCallback(() => {
|
|
95
|
-
dispatch({ type: MediaActionTypes.ENTER_FULLSCREEN });
|
|
96
|
-
}, [dispatch]);
|
|
97
|
-
const enterPictureInPicture = React.useCallback(() => {
|
|
98
|
-
dispatch({ type: MediaActionTypes.ENTER_PIP });
|
|
99
|
-
}, [dispatch]);
|
|
100
|
-
const exitPictureInPicture = React.useCallback(() => {
|
|
101
|
-
dispatch({ type: MediaActionTypes.EXIT_PIP });
|
|
102
|
-
}, [dispatch]);
|
|
103
|
-
const togglePictureInPicture = React.useCallback(() => {
|
|
104
|
-
dispatch({ type: MediaActionTypes.ENTER_PIP });
|
|
105
|
-
}, [dispatch]);
|
|
106
|
-
const setPlaybackRate = React.useCallback((rate) => {
|
|
107
|
-
dispatch({ type: MediaActionTypes.SET_PLAYBACK_RATE, detail: rate });
|
|
108
|
-
}, [dispatch]);
|
|
109
|
-
const skipForward = React.useCallback((seconds = 10) => {
|
|
110
|
-
dispatch({ type: MediaActionTypes.SEEK, detail: seconds });
|
|
111
|
-
}, [dispatch]);
|
|
112
|
-
const skipBackward = React.useCallback((seconds = 10) => {
|
|
113
|
-
dispatch({ type: MediaActionTypes.SEEK, detail: -seconds });
|
|
114
|
-
}, [dispatch]);
|
|
115
|
-
return {
|
|
116
|
-
play,
|
|
117
|
-
pause,
|
|
118
|
-
toggle,
|
|
119
|
-
seek,
|
|
120
|
-
setVolume,
|
|
121
|
-
mute,
|
|
122
|
-
unmute,
|
|
123
|
-
toggleMute,
|
|
124
|
-
enterFullscreen,
|
|
125
|
-
exitFullscreen,
|
|
126
|
-
toggleFullscreen,
|
|
127
|
-
enterPictureInPicture,
|
|
128
|
-
exitPictureInPicture,
|
|
129
|
-
togglePictureInPicture,
|
|
130
|
-
setPlaybackRate,
|
|
131
|
-
skipForward,
|
|
132
|
-
skipBackward
|
|
133
|
-
};
|
|
134
|
-
}
|
|
135
|
-
// Hook for debounced seek operations
|
|
136
|
-
export function useDebouncedSeek(delay = 100) {
|
|
137
|
-
const dispatch = useMediaDispatch();
|
|
138
|
-
const timeoutRef = React.useRef(null);
|
|
139
|
-
const debouncedSeek = React.useCallback((time) => {
|
|
140
|
-
if (timeoutRef.current) {
|
|
141
|
-
clearTimeout(timeoutRef.current);
|
|
142
|
-
}
|
|
143
|
-
timeoutRef.current = setTimeout(() => {
|
|
144
|
-
dispatch({ type: MediaActionTypes.SEEK, detail: time });
|
|
145
|
-
}, delay);
|
|
146
|
-
}, [dispatch, delay]);
|
|
147
|
-
React.useEffect(() => {
|
|
148
|
-
return () => {
|
|
149
|
-
if (timeoutRef.current) {
|
|
150
|
-
clearTimeout(timeoutRef.current);
|
|
151
|
-
}
|
|
152
|
-
};
|
|
153
|
-
}, []);
|
|
154
|
-
return debouncedSeek;
|
|
155
|
-
}
|
|
156
|
-
// Hook for throttled volume changes
|
|
157
|
-
export function useThrottledVolume(delay = 50) {
|
|
158
|
-
const dispatch = useMediaDispatch();
|
|
159
|
-
const lastUpdateRef = React.useRef(0);
|
|
160
|
-
const throttledSetVolume = React.useCallback((volume) => {
|
|
161
|
-
const now = Date.now();
|
|
162
|
-
if (now - lastUpdateRef.current >= delay) {
|
|
163
|
-
dispatch({ type: MediaActionTypes.SET_VOLUME, detail: volume });
|
|
164
|
-
lastUpdateRef.current = now;
|
|
165
|
-
}
|
|
166
|
-
}, [dispatch, delay]);
|
|
167
|
-
return throttledSetVolume;
|
|
168
|
-
}
|
|
169
|
-
// Hook for optimized time formatting
|
|
170
|
-
export function useFormattedTime(time) {
|
|
171
|
-
return React.useMemo(() => {
|
|
172
|
-
const hours = Math.floor(time / 3600);
|
|
173
|
-
const minutes = Math.floor((time % 3600) / 60);
|
|
174
|
-
const seconds = Math.floor(time % 60);
|
|
175
|
-
if (hours > 0) {
|
|
176
|
-
return `${hours}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
|
|
177
|
-
}
|
|
178
|
-
return `${minutes}:${seconds.toString().padStart(2, '0')}`;
|
|
179
|
-
}, [time]);
|
|
180
|
-
}
|
|
181
|
-
// Hook for intersection observer (for lazy loading)
|
|
182
|
-
export function useIntersectionObserver(elementRef, options) {
|
|
183
|
-
const [isIntersecting, setIsIntersecting] = React.useState(false);
|
|
184
|
-
React.useEffect(() => {
|
|
185
|
-
const element = elementRef.current;
|
|
186
|
-
if (!element)
|
|
187
|
-
return;
|
|
188
|
-
const observer = new IntersectionObserver(([entry]) => {
|
|
189
|
-
setIsIntersecting(entry?.isIntersecting ?? false);
|
|
190
|
-
}, options);
|
|
191
|
-
observer.observe(element);
|
|
192
|
-
return () => {
|
|
193
|
-
observer.unobserve(element);
|
|
194
|
-
};
|
|
195
|
-
}, [elementRef, options]);
|
|
196
|
-
return isIntersecting;
|
|
197
|
-
}
|
|
198
|
-
// Hook for media queries (responsive behavior)
|
|
199
|
-
export function useMediaQuery(query) {
|
|
200
|
-
const [matches, setMatches] = React.useState(false);
|
|
201
|
-
React.useEffect(() => {
|
|
202
|
-
const mediaQuery = window.matchMedia(query);
|
|
203
|
-
setMatches(mediaQuery.matches);
|
|
204
|
-
const handler = (event) => {
|
|
205
|
-
setMatches(event.matches);
|
|
206
|
-
};
|
|
207
|
-
mediaQuery.addEventListener('change', handler);
|
|
208
|
-
return () => mediaQuery.removeEventListener('change', handler);
|
|
209
|
-
}, [query]);
|
|
210
|
-
return matches;
|
|
211
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-touch-gestures.d.ts","sourceRoot":"","sources":["use-touch-gestures.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,UAAU,GACV,YAAY,GACZ,UAAU,GACV,WAAW,CAAA;AAGf,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAA;IACjB,UAAU,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACpC,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtC,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,MAAM,EAAE,WAAW,CAAA;CACpB;AAGD,MAAM,WAAW,aAAa;IAC5B,eAAe,CAAC,EAAE,WAAW,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAoCD,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACjC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,EACxC,MAAM,GAAE,aAAkB;;EAiQ3B;AAGD,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACjC,OAAO,EAAE;IACP,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC;;EAmEF"}
|
|
@@ -1,289 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { useDeviceInfo, useHapticFeedback } from "./use-mobile";
|
|
4
|
-
// Default configuration
|
|
5
|
-
const defaultConfig = {
|
|
6
|
-
enabledGestures: ['tap', 'double-tap', 'long-press', 'swipe-left', 'swipe-right', 'swipe-up', 'swipe-down', 'pinch-in', 'pinch-out'],
|
|
7
|
-
tapThreshold: 200,
|
|
8
|
-
doubleTapThreshold: 300,
|
|
9
|
-
longPressThreshold: 500,
|
|
10
|
-
swipeThreshold: 50,
|
|
11
|
-
swipeVelocityThreshold: 0.5,
|
|
12
|
-
pinchThreshold: 0.1,
|
|
13
|
-
rotationThreshold: 15,
|
|
14
|
-
enableHapticFeedback: true
|
|
15
|
-
};
|
|
16
|
-
// Touch gesture hook
|
|
17
|
-
export function useTouchGestures(ref, onGesture, config = {}) {
|
|
18
|
-
const mergedConfig = { ...defaultConfig, ...config };
|
|
19
|
-
const { isTouchDevice } = useDeviceInfo();
|
|
20
|
-
const { triggerHaptic } = useHapticFeedback();
|
|
21
|
-
const gestureState = React.useRef({
|
|
22
|
-
isTracking: false,
|
|
23
|
-
touches: [],
|
|
24
|
-
startTouches: []
|
|
25
|
-
});
|
|
26
|
-
// Helper functions
|
|
27
|
-
const getTouchPoint = (touch) => ({
|
|
28
|
-
id: touch.identifier,
|
|
29
|
-
x: touch.clientX,
|
|
30
|
-
y: touch.clientY,
|
|
31
|
-
timestamp: Date.now()
|
|
32
|
-
});
|
|
33
|
-
const getDistance = (p1, p2) => Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
|
|
34
|
-
const getVelocity = (start, end) => {
|
|
35
|
-
const timeDiff = Math.max(end.timestamp - start.timestamp, 1);
|
|
36
|
-
return {
|
|
37
|
-
x: (end.x - start.x) / timeDiff,
|
|
38
|
-
y: (end.y - start.y) / timeDiff
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
const createGestureEvent = (type, startPoint, currentPoint, additionalData = {}) => ({
|
|
42
|
-
type,
|
|
43
|
-
startPoint: { x: startPoint.x, y: startPoint.y },
|
|
44
|
-
currentPoint: { x: currentPoint.x, y: currentPoint.y },
|
|
45
|
-
duration: currentPoint.timestamp - startPoint.timestamp,
|
|
46
|
-
target: ref.current,
|
|
47
|
-
preventDefault: () => { },
|
|
48
|
-
...additionalData
|
|
49
|
-
});
|
|
50
|
-
// Handle touch start
|
|
51
|
-
const handleTouchStart = React.useCallback((e) => {
|
|
52
|
-
if (!mergedConfig.enabledGestures.length)
|
|
53
|
-
return;
|
|
54
|
-
const touches = Array.from(e.touches).map(getTouchPoint);
|
|
55
|
-
const state = gestureState.current;
|
|
56
|
-
state.isTracking = true;
|
|
57
|
-
state.touches = touches;
|
|
58
|
-
state.startTouches = [...touches];
|
|
59
|
-
// Clear any existing long press timer
|
|
60
|
-
if (state.longPressTimer) {
|
|
61
|
-
clearTimeout(state.longPressTimer);
|
|
62
|
-
}
|
|
63
|
-
// Set up long press detection for single touch
|
|
64
|
-
if (touches.length === 1 && mergedConfig.enabledGestures.includes('long-press')) {
|
|
65
|
-
state.longPressTimer = setTimeout(() => {
|
|
66
|
-
if (state.touches.length === 1 && touches[0]) {
|
|
67
|
-
const gestureEvent = createGestureEvent('long-press', touches[0], touches[0]);
|
|
68
|
-
onGesture(gestureEvent);
|
|
69
|
-
if (mergedConfig.enableHapticFeedback) {
|
|
70
|
-
triggerHaptic('heavy');
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}, mergedConfig.longPressThreshold);
|
|
74
|
-
}
|
|
75
|
-
// Handle multi-touch gestures
|
|
76
|
-
if (touches.length === 2 && touches[0] && touches[1]) {
|
|
77
|
-
state.initialDistance = getDistance(touches[0], touches[1]);
|
|
78
|
-
state.initialScale = 1;
|
|
79
|
-
state.lastScale = 1;
|
|
80
|
-
}
|
|
81
|
-
}, [mergedConfig, onGesture, triggerHaptic]);
|
|
82
|
-
// Handle touch move
|
|
83
|
-
const handleTouchMove = React.useCallback((e) => {
|
|
84
|
-
const state = gestureState.current;
|
|
85
|
-
if (!state.isTracking)
|
|
86
|
-
return;
|
|
87
|
-
const touches = Array.from(e.touches).map(getTouchPoint);
|
|
88
|
-
state.touches = touches;
|
|
89
|
-
// Handle pinch gesture
|
|
90
|
-
if (touches.length === 2 && state.initialDistance && touches[0] && touches[1]) {
|
|
91
|
-
const currentDistance = getDistance(touches[0], touches[1]);
|
|
92
|
-
const scale = currentDistance / state.initialDistance;
|
|
93
|
-
const scaleDiff = Math.abs(scale - (state.lastScale || 1));
|
|
94
|
-
if (scaleDiff > mergedConfig.pinchThreshold) {
|
|
95
|
-
const gestureType = scale > (state.lastScale || 1) ? 'pinch-out' : 'pinch-in';
|
|
96
|
-
if (mergedConfig.enabledGestures.includes(gestureType)) {
|
|
97
|
-
const centerPoint = {
|
|
98
|
-
x: (touches[0].x + touches[1].x) / 2,
|
|
99
|
-
y: (touches[0].y + touches[1].y) / 2,
|
|
100
|
-
id: -1,
|
|
101
|
-
timestamp: Date.now()
|
|
102
|
-
};
|
|
103
|
-
const startCenterPoint = {
|
|
104
|
-
x: ((state.startTouches[0]?.x ?? 0) + (state.startTouches[1]?.x ?? 0)) / 2,
|
|
105
|
-
y: ((state.startTouches[0]?.y ?? 0) + (state.startTouches[1]?.y ?? 0)) / 2,
|
|
106
|
-
id: -1,
|
|
107
|
-
timestamp: state.startTouches[0]?.timestamp ?? Date.now()
|
|
108
|
-
};
|
|
109
|
-
const gestureEvent = createGestureEvent(gestureType, startCenterPoint, centerPoint, {
|
|
110
|
-
scale,
|
|
111
|
-
distance: currentDistance
|
|
112
|
-
});
|
|
113
|
-
onGesture(gestureEvent);
|
|
114
|
-
state.lastScale = scale;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
// Clear long press timer on move
|
|
119
|
-
if (state.longPressTimer && touches.length === 1 && state.startTouches[0] && touches[0]) {
|
|
120
|
-
const startTouch = state.startTouches[0];
|
|
121
|
-
const currentTouch = touches[0];
|
|
122
|
-
const distance = getDistance(startTouch, currentTouch);
|
|
123
|
-
if (distance > mergedConfig.swipeThreshold) {
|
|
124
|
-
clearTimeout(state.longPressTimer);
|
|
125
|
-
state.longPressTimer = undefined;
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}, [mergedConfig, onGesture]);
|
|
129
|
-
// Handle touch end
|
|
130
|
-
const handleTouchEnd = React.useCallback((e) => {
|
|
131
|
-
const state = gestureState.current;
|
|
132
|
-
if (!state.isTracking)
|
|
133
|
-
return;
|
|
134
|
-
const endTouches = Array.from(e.changedTouches).map(getTouchPoint);
|
|
135
|
-
const currentTime = Date.now();
|
|
136
|
-
// Clear long press timer
|
|
137
|
-
if (state.longPressTimer) {
|
|
138
|
-
clearTimeout(state.longPressTimer);
|
|
139
|
-
state.longPressTimer = undefined;
|
|
140
|
-
}
|
|
141
|
-
// Handle single touch gestures
|
|
142
|
-
if (state.startTouches.length === 1 && endTouches.length === 1 && state.startTouches[0] && endTouches[0]) {
|
|
143
|
-
const startTouch = state.startTouches[0];
|
|
144
|
-
const endTouch = endTouches[0];
|
|
145
|
-
const distance = getDistance(startTouch, endTouch);
|
|
146
|
-
const duration = endTouch.timestamp - startTouch.timestamp;
|
|
147
|
-
// Check for swipe gestures
|
|
148
|
-
if (distance > mergedConfig.swipeThreshold) {
|
|
149
|
-
const velocity = getVelocity(startTouch, endTouch);
|
|
150
|
-
const absVelX = Math.abs(velocity.x);
|
|
151
|
-
const absVelY = Math.abs(velocity.y);
|
|
152
|
-
if (absVelX > mergedConfig.swipeVelocityThreshold || absVelY > mergedConfig.swipeVelocityThreshold) {
|
|
153
|
-
let gestureType;
|
|
154
|
-
if (absVelX > absVelY) {
|
|
155
|
-
gestureType = velocity.x > 0 ? 'swipe-right' : 'swipe-left';
|
|
156
|
-
}
|
|
157
|
-
else {
|
|
158
|
-
gestureType = velocity.y > 0 ? 'swipe-down' : 'swipe-up';
|
|
159
|
-
}
|
|
160
|
-
if (mergedConfig.enabledGestures.includes(gestureType)) {
|
|
161
|
-
const gestureEvent = createGestureEvent(gestureType, startTouch, endTouch, {
|
|
162
|
-
velocity,
|
|
163
|
-
distance
|
|
164
|
-
});
|
|
165
|
-
onGesture(gestureEvent);
|
|
166
|
-
if (mergedConfig.enableHapticFeedback) {
|
|
167
|
-
triggerHaptic('light');
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
// Check for tap gestures
|
|
173
|
-
else if (duration < mergedConfig.tapThreshold && distance < mergedConfig.swipeThreshold) {
|
|
174
|
-
// Check for double tap
|
|
175
|
-
if (state.lastTap &&
|
|
176
|
-
currentTime - state.lastTap.timestamp < mergedConfig.doubleTapThreshold &&
|
|
177
|
-
getDistance({ ...state.lastTap.point, id: -1, timestamp: state.lastTap.timestamp }, endTouch) < mergedConfig.swipeThreshold) {
|
|
178
|
-
if (mergedConfig.enabledGestures.includes('double-tap')) {
|
|
179
|
-
const gestureEvent = createGestureEvent('double-tap', startTouch, endTouch);
|
|
180
|
-
onGesture(gestureEvent);
|
|
181
|
-
if (mergedConfig.enableHapticFeedback) {
|
|
182
|
-
triggerHaptic('medium');
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
state.lastTap = undefined;
|
|
186
|
-
}
|
|
187
|
-
else {
|
|
188
|
-
// Single tap
|
|
189
|
-
if (mergedConfig.enabledGestures.includes('tap')) {
|
|
190
|
-
const gestureEvent = createGestureEvent('tap', startTouch, endTouch);
|
|
191
|
-
onGesture(gestureEvent);
|
|
192
|
-
if (mergedConfig.enableHapticFeedback) {
|
|
193
|
-
triggerHaptic('light');
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
state.lastTap = {
|
|
197
|
-
timestamp: currentTime,
|
|
198
|
-
point: { x: endTouch.x, y: endTouch.y }
|
|
199
|
-
};
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
// Reset gesture state
|
|
204
|
-
if (e.touches.length === 0) {
|
|
205
|
-
state.isTracking = false;
|
|
206
|
-
state.touches = [];
|
|
207
|
-
state.startTouches = [];
|
|
208
|
-
state.initialDistance = undefined;
|
|
209
|
-
state.initialScale = undefined;
|
|
210
|
-
state.lastScale = undefined;
|
|
211
|
-
}
|
|
212
|
-
}, [mergedConfig, onGesture, triggerHaptic]);
|
|
213
|
-
// Attach event listeners
|
|
214
|
-
React.useEffect(() => {
|
|
215
|
-
const element = ref.current;
|
|
216
|
-
if (!element || !isTouchDevice)
|
|
217
|
-
return;
|
|
218
|
-
element.addEventListener('touchstart', handleTouchStart, { passive: false });
|
|
219
|
-
element.addEventListener('touchmove', handleTouchMove, { passive: false });
|
|
220
|
-
element.addEventListener('touchend', handleTouchEnd, { passive: false });
|
|
221
|
-
element.addEventListener('touchcancel', handleTouchEnd, { passive: false });
|
|
222
|
-
return () => {
|
|
223
|
-
element.removeEventListener('touchstart', handleTouchStart);
|
|
224
|
-
element.removeEventListener('touchmove', handleTouchMove);
|
|
225
|
-
element.removeEventListener('touchend', handleTouchEnd);
|
|
226
|
-
element.removeEventListener('touchcancel', handleTouchEnd);
|
|
227
|
-
};
|
|
228
|
-
}, [handleTouchStart, handleTouchMove, handleTouchEnd, isTouchDevice]);
|
|
229
|
-
return {
|
|
230
|
-
isGestureEnabled: isTouchDevice && mergedConfig.enabledGestures.length > 0
|
|
231
|
-
};
|
|
232
|
-
}
|
|
233
|
-
// Media player specific gesture hook with predefined actions
|
|
234
|
-
export function useMediaGestures(ref, actions) {
|
|
235
|
-
const handleGesture = React.useCallback((event) => {
|
|
236
|
-
const { type, velocity, distance, scale } = event;
|
|
237
|
-
switch (type) {
|
|
238
|
-
case 'double-tap':
|
|
239
|
-
// Double tap to play/pause
|
|
240
|
-
actions.onPlayPause?.();
|
|
241
|
-
break;
|
|
242
|
-
case 'swipe-left':
|
|
243
|
-
// Swipe left to seek backward
|
|
244
|
-
const backwardAmount = Math.min((distance || 0) / 10, 30); // Max 30 seconds
|
|
245
|
-
actions.onSeek?.('backward', backwardAmount);
|
|
246
|
-
break;
|
|
247
|
-
case 'swipe-right':
|
|
248
|
-
// Swipe right to seek forward
|
|
249
|
-
const forwardAmount = Math.min((distance || 0) / 10, 30); // Max 30 seconds
|
|
250
|
-
actions.onSeek?.('forward', forwardAmount);
|
|
251
|
-
break;
|
|
252
|
-
case 'swipe-up':
|
|
253
|
-
// Swipe up on right side for volume up
|
|
254
|
-
if (event.startPoint.x > (ref.current?.clientWidth || 0) / 2) {
|
|
255
|
-
const volumeAmount = Math.min((distance || 0) / 100, 0.2); // Max 20%
|
|
256
|
-
actions.onVolumeChange?.('up', volumeAmount);
|
|
257
|
-
}
|
|
258
|
-
break;
|
|
259
|
-
case 'swipe-down':
|
|
260
|
-
// Swipe down on right side for volume down
|
|
261
|
-
if (event.startPoint.x > (ref.current?.clientWidth || 0) / 2) {
|
|
262
|
-
const volumeAmount = Math.min((distance || 0) / 100, 0.2); // Max 20%
|
|
263
|
-
actions.onVolumeChange?.('down', volumeAmount);
|
|
264
|
-
}
|
|
265
|
-
break;
|
|
266
|
-
case 'pinch-out':
|
|
267
|
-
// Pinch out to zoom in (for video zoom functionality)
|
|
268
|
-
actions.onZoom?.(scale || 1);
|
|
269
|
-
break;
|
|
270
|
-
case 'pinch-in':
|
|
271
|
-
// Pinch in to zoom out
|
|
272
|
-
actions.onZoom?.(scale || 1);
|
|
273
|
-
break;
|
|
274
|
-
case 'long-press':
|
|
275
|
-
// Long press for fullscreen toggle
|
|
276
|
-
actions.onToggleFullscreen?.();
|
|
277
|
-
break;
|
|
278
|
-
default:
|
|
279
|
-
break;
|
|
280
|
-
}
|
|
281
|
-
}, [actions, ref]);
|
|
282
|
-
const gestureConfig = {
|
|
283
|
-
enabledGestures: ['tap', 'double-tap', 'long-press', 'swipe-left', 'swipe-right', 'swipe-up', 'swipe-down', 'pinch-in', 'pinch-out'],
|
|
284
|
-
enableHapticFeedback: true,
|
|
285
|
-
swipeThreshold: 30,
|
|
286
|
-
swipeVelocityThreshold: 0.3
|
|
287
|
-
};
|
|
288
|
-
return useTouchGestures(ref, handleGesture, gestureConfig);
|
|
289
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useEnhancedSubtitles.d.ts","sourceRoot":"","sources":["useEnhancedSubtitles.ts"],"names":[],"mappings":"AAEA,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,2BAA2B;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACrC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,cAAmB,EACnB,eAA0B,EAC1B,WAAW,EACZ,GAAE,2BAAgC;;;;;;;;;;mCAmKK,MAAM,GAAG,IAAI;mCAkBb,OAAO,GAAG,QAAQ,GAAG,OAAO;;sCArDzB,MAAM;;;;;;EAsGhD"}
|