mirror of
				https://github.com/blakeblackshear/frigate.git
				synced 2025-10-27 10:52:11 +01:00 
			
		
		
		
	don't sleep mobile devices when fullscreen (#11652)
This commit is contained in:
		
							parent
							
								
									3e6b8c23bc
								
							
						
					
					
						commit
						402c16e7df
					
				
							
								
								
									
										6
									
								
								web/package-lock.json
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										6
									
								
								web/package-lock.json
									
									
									
										generated
									
									
									
								
							| @ -43,6 +43,7 @@ | ||||
|         "lucide-react": "^0.379.0", | ||||
|         "monaco-yaml": "^5.1.1", | ||||
|         "next-themes": "^0.3.0", | ||||
|         "nosleep.js": "^0.12.0", | ||||
|         "react": "^18.3.1", | ||||
|         "react-apexcharts": "^1.4.1", | ||||
|         "react-day-picker": "^8.10.1", | ||||
| @ -5724,6 +5725,11 @@ | ||||
|         "node": ">=0.10.0" | ||||
|       } | ||||
|     }, | ||||
|     "node_modules/nosleep.js": { | ||||
|       "version": "0.12.0", | ||||
|       "resolved": "https://registry.npmjs.org/nosleep.js/-/nosleep.js-0.12.0.tgz", | ||||
|       "integrity": "sha512-9d1HbpKLh3sdWlhXMhU6MMH+wQzKkrgfRkYV0EBdvt99YJfj0ilCJrWRDYG2130Tm4GXbEoTCx5b34JSaP+HhA==" | ||||
|     }, | ||||
|     "node_modules/npm-run-path": { | ||||
|       "version": "5.1.0", | ||||
|       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz", | ||||
|  | ||||
| @ -49,6 +49,7 @@ | ||||
|     "lucide-react": "^0.379.0", | ||||
|     "monaco-yaml": "^5.1.1", | ||||
|     "next-themes": "^0.3.0", | ||||
|     "nosleep.js": "^0.12.0", | ||||
|     "react": "^18.3.1", | ||||
|     "react-apexcharts": "^1.4.1", | ||||
|     "react-day-picker": "^8.10.1", | ||||
|  | ||||
| @ -1,4 +1,7 @@ | ||||
| import { RefObject, useCallback, useEffect, useState } from "react"; | ||||
| import nosleep from "nosleep.js"; | ||||
| 
 | ||||
| const NoSleep = new nosleep(); | ||||
| 
 | ||||
| function getFullscreenElement(): HTMLElement | null { | ||||
|   return ( | ||||
| @ -96,9 +99,11 @@ export function useFullscreen<T extends HTMLElement = HTMLElement>( | ||||
|   const toggleFullscreen = useCallback(async () => { | ||||
|     try { | ||||
|       if (!getFullscreenElement()) { | ||||
|         NoSleep.enable(); | ||||
|         await enterFullScreen(elementRef.current!); | ||||
|       } else { | ||||
|         await exitFullscreen(); | ||||
|         NoSleep.disable(); | ||||
|       } | ||||
|       setError(null); | ||||
|     } catch (err) { | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user