administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-02 01:05:20 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

keep aspect ratio

Browse Source
This commit is contained in:
Bernt Christian Egeland 2021-08-20 20:40:31 +02:00
parent 7b3d81e079
commit 85982e1573
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/routes/Event.jsx
View File

@ -86,9 +86,10 @@ export default function Event({ eventId, close }) {
{data.has_clip ? ( {data.has_clip ? (
<Fragment> <Fragment>
<Heading size="lg">Clip</Heading>
<div className="outer-max-width m-auto"> <div className="outer-max-width m-auto">
<div className="aspect-ratio-box w-full relative"> <div className="aspect-ratio-box w-full relative">
<div className="absolute w-full top-10 left-0"> <div className="absolute w-full top-0 left-0">
<VideoPlayer <VideoPlayer
options={{ options={{
sources: [ sources: [
@ -107,6 +108,14 @@ export default function Event({ eventId, close }) {
</div> </div>
</div> </div>
</div> </div>
<div className="flex space-x-4 justify-center">
<Button color="blue" href={`${apiHost}/api/events/${eventId}/clip.mp4?download=true`} download>
<Clip className="w-6" /> Download Clip
</Button>
<Button color="blue" href={`${apiHost}/api/events/${eventId}/snapshot.jpg?download=true`} download>
<Snapshot className="w-6" /> Download Snapshot
</Button>
</div>
</Fragment> </Fragment>
) : ( ) : (
<Fragment> <Fragment>