administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-15 07:35:27 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

better filename

Browse Source
This commit is contained in:
Josh Hawkins 2024-10-14 16:19:00 -05:00
parent 99386d159d
commit c8153ec39a
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/button/DownloadVideoButton.tsx
View File

@ -3,16 +3,30 @@ import { Button } from "@/components/ui/button";
import { toast } from "sonner";
import ActivityIndicator from "../indicators/activity-indicator";
import { FaDownload } from "react-icons/fa";
import { formatUnixTimestampToDateTime } from "@/utils/dateUtil";
type DownloadVideoButtonProps = {
source: string;
camera: string;
startTime: number;
};
export function DownloadVideoButton({ source }: DownloadVideoButtonProps) {
export function DownloadVideoButton({
source,
camera,
startTime,
}: DownloadVideoButtonProps) {
const [isDownloading, setIsDownloading] = useState(false);
const handleDownload = async () => {
setIsDownloading(true);
const formattedDate = formatUnixTimestampToDateTime(startTime, {
strftime_fmt: "%D-%T",
time_style: "medium",
date_style: "medium",
});
const filename = `${camera}_${formattedDate}.mp4`;
try {
const response = await fetch(source);
const blob = await response.blob();
@ -20,7 +34,7 @@ export function DownloadVideoButton({ source }: DownloadVideoButtonProps) {
const a = document.createElement("a");
a.style.display = "none";
a.href = url;
a.download = "video.mp4";
a.download = filename;
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);

2
web/src/components/overlay/detail/ReviewDetailDialog.tsx
View File

@ -169,6 +169,8 @@ export default function ReviewDetailDialog({
<TooltipTrigger>
<DownloadVideoButton
source={`${baseUrl}api/${review.camera}/start/${review.start_time}/end/${review.end_time || Date.now() / 1000}/clip.mp4`}
camera={review.camera}
startTime={review.start_time}
/>
</TooltipTrigger>
<TooltipPortal>