mirror of
https://github.com/blakeblackshear/frigate.git
synced 2024-11-21 19:07:46 +01:00
Cleanup (#10846)
* Hide motion playback controls during scrubbing * Fix portrait recordings on mobile * Don't apply to desktop
This commit is contained in:
parent
fb7cfe5471
commit
2318e79502
@ -92,7 +92,7 @@ export default function HlsVideoPlayer({
|
|||||||
return (
|
return (
|
||||||
<TransformWrapper minScale={1.0}>
|
<TransformWrapper minScale={1.0}>
|
||||||
<div
|
<div
|
||||||
className={`relative w-full ${className ?? ""} ${visible ? "visible" : "hidden"}`}
|
className={`relative ${className ?? ""} ${visible ? "visible" : "hidden"}`}
|
||||||
onMouseOver={
|
onMouseOver={
|
||||||
isDesktop
|
isDesktop
|
||||||
? () => {
|
? () => {
|
||||||
@ -112,9 +112,11 @@ export default function HlsVideoPlayer({
|
|||||||
<TransformComponent
|
<TransformComponent
|
||||||
wrapperStyle={{
|
wrapperStyle={{
|
||||||
width: "100%",
|
width: "100%",
|
||||||
|
height: "100%",
|
||||||
}}
|
}}
|
||||||
contentStyle={{
|
contentStyle={{
|
||||||
width: "100%",
|
width: "100%",
|
||||||
|
height: isMobile ? "100%" : undefined,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<video
|
<video
|
||||||
|
@ -898,6 +898,7 @@ function MotionReview({
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{!scrubbing && (
|
||||||
<VideoControls
|
<VideoControls
|
||||||
className="absolute bottom-16 left-1/2 -translate-x-1/2"
|
className="absolute bottom-16 left-1/2 -translate-x-1/2"
|
||||||
features={{
|
features={{
|
||||||
@ -927,6 +928,7 @@ function MotionReview({
|
|||||||
onSetPlaybackRate={setPlaybackRate}
|
onSetPlaybackRate={setPlaybackRate}
|
||||||
show={currentTime < timeRange.before - 4}
|
show={currentTime < timeRange.before - 4}
|
||||||
/>
|
/>
|
||||||
|
)}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user