1import{_ as s}from"./CycDSjnJ.js";import{e as i,q as n,w as l,o as a,a as t,d as o}from"#entry";import"./CqJkcYfk.js";import"./eWjCyelI.js";import"./CsXFMwPz.js";import"./5GjAVV7l.js";import"./BhY5HrUe.js";import"./Dd-xanFi.js";import"./CZTVEwCP.js";import"./Dk60lMXN.js";import"./DlAUqK2U.js";const k=i({__name:"video-instruction-captioning",setup(d){return(c,e)=>{const r=s;return a(),n(r,{title:"Video Instruction Captioning",description:"Write step-by-step instruction captions for how-to and tutorial videos. Segment actions, describe procedures, and build instructional video-language datasets."},{default:l(()=>[...e[0]||(e[0]=[t("div",{class:"flex flex-col bg-white font-sans"},[t("div",{class:"flex flex-1 flex-col md:flex-row"},[t("div",{class:"relative aspect-video w-full bg-black md:aspect-auto md:w-3/5"},[t("img",{src:"https://placehold.co/1280x720/1a1a1a/4a4a4a?text=Instructional+Video",class:"h-full w-full object-contain"}),t("div",{class:"absolute bottom-8 left-8 rounded bg-black/70 px-3 py-1 font-mono text-sm text-white backdrop-blur"}," 02:14 / 05:30 "),t("div",{class:"absolute bottom-8 left-1/2 flex -translate-x-1/2 items-center gap-6 text-white"},[t("button",{class:"hover:text-blue-400"},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[t("polygon",{points:"19 20 9 12 19 4 19 20"}),t("line",{x1:"5",x2:"5",y1:"19",y2:"5"})])]),t("div",{class:"flex h-12 w-12 cursor-pointer items-center justify-center rounded-full bg-white text-black transition hover:scale-105"},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",stroke:"none"},[t("polygon",{points:"5 3 19 12 5 21 5 3"})])]),t("button",{class:"hover:text-blue-400"},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[t("polygon",{points:"5 4 15 12 5 20 5 4"}),t("line",{x1:"19",x2:"19",y1:"5",y2:"19"})])])])]),t("div",{class:"flex w-full flex-col border-t border-gray-200 bg-gray-50 md:w-2/5 md:border-l md:border-t-0"},[t("div",{class:"border-b border-gray-200 bg-white p-6"},[t("h1",{class:"text-lg font-bold text-gray-900"},"Task Instruction"),t("p",{class:"mt-1 text-sm text-gray-600"},[o(" Describe the steps taken in the video to complete the task: "),t("span",{class:"font-medium text-gray-900"},'"Changing a Tire"')]),t("div",{class:"mt-4 flex gap-2"},[t("span",{class:"inline-flex items-center rounded-md bg-gray-100 px-2 py-1 text-xs font-medium text-gray-600"},"Automotive"),t("span",{class:"inline-flex items-center rounded-md bg-gray-100 px-2 py-1 text-xs font-medium text-gray-600"},"Hard")])]),t("div",{class:"flex-1 space-y-6 overflow-y-auto p-6"},[t("div",{class:"group relative rounded-xl border border-gray-200 bg-white p-4 shadow-sm"},[t("div",{class:"absolute -left-3 top-4 flex h-6 w-6 items-center justify-center rounded-full bg-green-500 text-xs font-bold text-white ring-4 ring-gray-50"}," 1 "),t("div",{class:"mb-3 flex justify-between"},[t("span",{class:"text-xs font-bold uppercase text-gray-400"},"Timestamp: 00:15 - 00:45"),t("button",{class:"text-gray-400 hover:text-red-500"},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[t("path",{d:"M3 6h18"}),t("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),t("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"})])])]),t("p",{class:"text-sm text-gray-800"}," Use the jack to lift the vehicle until the tire is off the ground. ")]),t("div",{class:"relative rounded-xl border border-gray-200 bg-white p-4 shadow-sm ring-2 ring-blue-500 ring-offset-2"},[t("div",{class:"absolute -left-3 top-4 flex h-6 w-6 items-center justify-center rounded-full bg-blue-600 text-xs font-bold text-white ring-4 ring-gray-50"}," 2 "),t("div",{class:"mb-3 flex justify-between"},[t("span",{class:"text-xs font-bold uppercase text-blue-600"},"Current Step")]),t("textarea",{class:"h-20 w-full resize-none border-0 bg-transparent p-0 text-sm text-gray-800 placeholder-gray-400 focus:ring-0",placeholder:"Describe the action..."})]),t("button",{class:"flex w-full items-center justify-center gap-2 rounded-xl border-2 border-dashed border-gray-300 py-4 text-sm font-medium text-gray-400 transition hover:border-gray-400 hover:bg-white hover:text-gray-500"},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[t("line",{x1:"12",x2:"12",y1:"5",y2:"19"}),t("line",{x1:"5",x2:"19",y1:"12",y2:"12"})]),o(" Add Step ")])]),t("div",{class:"border-t border-gray-200 bg-white p-6"},[t("button",{class:"w-full rounded-lg bg-black py-3 font-bold text-white transition hover:bg-gray-800"}," Submit Instructions ")])])])],-1)])]),_:1})}}});
1export{k as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.