ビデオのタイトル、トピック、ハッシュタグ自動生成の力を解き放とう

/** 動画を取得 */

app.get("/indexes/:indexId/videos", async (request, response, next) => {
 const params = {
   page_limit: request.query.page_limit,
 };


 try {
   const options = {
     method: "GET",
     url: `${API_BASE_URL}/indexes/${request.params.indexId}/videos`,
     headers: { ...HEADERS },
     data: { params },
   };
   const apiResponse = await axios.request(options);
   response.json(apiResponse.data);
 } catch (error) {
   const status = error.response?.status || 500;
   const message = error.response?.data?.message || "Error Getting Videos";
   return next({ status, message });
 }
});

{
	"data": [
		{
			"_id": "64eadb7e37db8fa679cb47e2",
			"created_at": "2024-03-08T09:34:06Z",
			"metadata": {
				"duration": 213.72,
				"engine_ids": [
					"pegasus1",
				],
				"filename": "myFile.mp4",
				"fps": 25,
				"height": 720,
				"size": 25014061,
				"width": 1280
			}
		},


		{ 2つ目の動画 },
		{ 3つ目の動画 }, 
		…
}

           <GenerateTitlesAndHashtags
             index={apiConfig.INDEX_ID}
             videoId={videos.data[0]?._id || null} // IDを渡す
             refetchVideos={refetchVideos}
           &sol;

/** インデックスの動画を取得 */

app.get(
 "/indexes/:indexId/videos/:videoId",
 async (request, response, next) => {
   const indexId = request.params.indexId;
   const videoId = request.params.videoId;


   try {
     const options = {
       method: "GET",
       url: `${API_BASE_URL}/indexes/${indexId}/videos/${videoId}`,
       headers: { ...HEADERS },
     };
     const apiResponse = await axios.request(options);
     response.json(apiResponse.data);
   } catch (error) {
     const status = error.response?.status || 500;
     const message = error.response?.data?.message || "Error Getting a Video";
     return next({ status, message });
   }
 }
);

{
	"_id": "64eadb7e37db8fa679cb47e2",
	"created_at": "2024-03-08T09:34:06Z",
	"indexed_at": "2024-03-08T09:39:14Z",
	"metadata": {
		"duration": 213.72,
		"engine_ids": [
			"pegasus1",
		],
		"filename": "myFile.mp4",
		"fps": 25,
		"height": 720,
		"size": 25014061,
		"video_title": "myFile.mp4",
		"width": 1280
	},
	"hls": {
		"video_url": "https://deuqpmn4rs7j5.cloudfront.net/…",
		"thumbnail_urls": [
			"https://deuqpmn4rs7j5.cloudfront.net/…"
		],
		"status": "COMPLETE",
		"updated_at": "2024-03-08T09:35:21.813Z"
	}
}

 {video && (
             <Video
               url={video.hls?.video_url} // URLを渡す
               width={"381px"}
               height={"214px"}

/** 分析用にYoutube動画をインデックス登録し、タスクIDを返す */

app.post(
 "/index",
 upload.single("video_file"),
 async (request, response, next) => {
   const formData = new FormData();


   // request.body からデータを追加
   Object.entries(request.body).forEach(([key, value]) => {
     formData.append(key, value);
   });


   const blob = new Blob([request.file.buffer], {
     type: request.file.mimetype,
   });


   formData.append("video_file", blob, request.file.originalname);


   const options = {
     method: "POST",
     url: `${API_BASE_URL}/tasks`,
     headers: {
       "x-api-key": TWELVE_LABS_API_KEY,
       accept: "application/json",
       "Content-Type":
         "multipart/form-data; boundary=---011000010111000001101001",
     },
     data: formData,
   };
   try {
     const apiResponse = await axios.request(options);
     response.json(apiResponse.data);
   } catch (error) {
     const status = error.response?.status || 500;
     const message =
       error.response?.data?.message || "Error indexing a YouTube Video";
     return next({ status, message });
   }
 }
);

{
	"_id": "65e9f732bb29f13bdd6f305a"
}

{taskId && (
               <Task
                 taskId={taskId}
                 refetchVideos={refetchVideos}

/** 特定のインデックス作成タスクのステータスを確認 */
app.get("/tasks/:taskId", async (request, response, next) => {
 const taskId = request.params.taskId;


 try {
   const options = {
     method: "GET",
     url: `${API_BASE_URL}/tasks/${taskId}`,
     headers: { ...HEADERS },
   };
   const apiResponse = await axios.request(options);
   response.json(apiResponse.data);
 } catch (error) {
   const status = error.response?.status || 500;
   const message = error.response?.data?.message || "Error getting a task";
   return next({ status, message });
 }
});

{
	"_id": "65e9f732bb29f13bdd6f305a",
	"index_id": "65e9f6d6bb29f13bdd6f3059",
	"video_id": "65e9f73248db9fa679cb47a2",
	"status": "indexing",
	"metadata": {
		"filename": "fileName.mp4",
		"duration": 327.326988,
		"width": 1920,
		"height": 1080
	},
	"created_at": "2024-03-07T17:19:46.277Z",
	"updated_at": "2024-03-07T17:27:27.135Z",
	"estimated_time": "2024-03-07T17:25:59.621Z",
	"type": "index_task_info",
	"hls": {
		"video_url": "...",
		"thumbnail_urls": [
			"..."
		],
		"status": "COMPLETE",
		"updated_at": "2024-03-07T17:21:23.921Z"
	}
}

export function useGetTask(taskId) {
 return useQuery({
   queryKey: [keys.TASK, taskId],
   queryFn: () =>
     apiConfig.SERVER.get(`${apiConfig.TASKS_URL}/${taskId}`).then(
       (res) => res.data
     ),
   refetchInterval: (data) => {
     return data?.status === "ready" || data?.status === "failed"
       ? false
       : 5000;
   },
   refetchIntervalInBackground: true,
 });
}

 const [field1, field2, field3] = ["topic", "title", "hashtag"];


InputForm.js (line 31 - 47) 
if (topicRef.current?.checked) {
     types.add(field1);
   } else {
     types.delete(field1);
   }


   if (titleRef.current?.checked) {
     types.add(field2);
   } else {
     types.delete(field2);
   }


   if (hashtagRef.current?.checked) {
     types.add(field3);
   } else {
     types.delete(field3);
   }

/** 動画の要約（Gist）を生成 */
app.post("/videos/:videoId/gist", async (request, response, next) => {
 const videoId = request.params.videoId;
 let types = request.body.data;
 try {
   const options = {
     method: "POST",
     url: `${API_BASE_URL}/gist`,
     headers: { ...HEADERS, accept: "application/json" },
     data: { ...types, video_id: videoId },
   };
   const apiResponse = await axios.request(options);
   response.json(apiResponse.data);
 } catch (error) {
   const status = error.response?.status || 500;
   const message =
     error.response?.data?.message || "Error Generating Gist of a Video";
   return next({ status, message });
 }
});

{
	"id": "c7a420ef-ef2a-4a68-af65-3078af2d92fc",
	"title": "One-Pot Chicken and Rice: Cooking a Flavorful Dish from Marination to Serving",
	"topics": [
		" One-Pot Chicken and Rice Cooking Tutorial"
	],
	"hashtags": [
		"OnePotMeals",
		"ChickenRecipes",
		"RiceCooking",
		"MarinationTechniques",
		"CookingTutorials",
		"Spices",
		"YogurtMarinade"
	]
}