var Component = (() => { var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __esm = (fn, res) => function __init() { return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res; }; var __commonJS = (cb, mod) => function __require() { return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // var init_define_process_env = __esm({ ""() { } }); // global-externals:react/jsx-runtime var require_jsx_runtime = __commonJS({ "global-externals:react/jsx-runtime"(exports, module) { init_define_process_env(); module.exports = _jsx_runtime; } }); // global-externals:react var require_react = __commonJS({ "global-externals:react"(exports, module) { init_define_process_env(); module.exports = React; } }); // _mdx_bundler_entry_point-de04299e-7888-4630-b3d4-8dcb0bac0fdc.mdx var mdx_bundler_entry_point_de04299e_7888_4630_b3d4_8dcb0bac0fdc_exports = {}; __export(mdx_bundler_entry_point_de04299e_7888_4630_b3d4_8dcb0bac0fdc_exports, { curlCode: () => curlCode, default: () => MDXContent, frontmatter: () => frontmatter, responseCode: () => responseCode, toc: () => toc }); init_define_process_env(); var import_jsx_runtime2 = __toESM(require_jsx_runtime()); // global-externals:@mdx-js/react init_define_process_env(); var { useMDXComponents } = MdxJsReact; // ../../../components/Recipe.tsx init_define_process_env(); var import_react = __toESM(require_react()); var import_jsx_runtime = __toESM(require_jsx_runtime()); var Ctx = (0, import_react.createContext)(null); function RecipeCode(props) { const ctx = (0, import_react.useContext)(Ctx); const registered = (0, import_react.useRef)(false); (0, import_react.useEffect)(() => { if (!registered.current && ctx) { ctx.registerCode(props); registered.current = true; } }, []); return null; } function RecipeStep(props) { const ctx = (0, import_react.useContext)(Ctx); const registered = (0, import_react.useRef)(false); (0, import_react.useEffect)(() => { if (!registered.current && ctx) { ctx.registerStep(props); registered.current = true; } }, []); return null; } function parseHighlight(h) { if (!h) return null; const m = /^(\d+):(\d+)(?:-(\d+))?$/.exec(h); if (!m) return null; return { block: Number.parseInt(m[1]), start: Number.parseInt(m[2]), end: m[3] ? Number.parseInt(m[3]) : Number.parseInt(m[2]) }; } function esc(s) { return s.replace(/&/g, "&").replace(//g, ">"); } function highlightSyntax(line, lang) { let t = esc(line); if (lang === "json") { t = t.replace(/("(?:\\.|[^"\\])*")\s*:/g, '$1:'); t = t.replace(/:\s*("(?:\\.|[^"\\])*")/g, ': $1'); t = t.replace(/:\s*(\d+(?:\.\d+)?)/g, ': $1'); t = t.replace(/:\s*(true|false)\b/g, ': $1'); t = t.replace(/:\s*(null)\b/g, ': $1'); t = t.replace(/([{}[\]])/g, '$1'); } else { t = t.replace(/\b(curl|POST|GET|PUT|DELETE|PATCH)\b/g, '$1'); t = t.replace(/(--[\w-]+)/g, '$1'); t = t.replace(/('(?:\\.|[^'\\])*')/g, '$1'); t = t.replace(/("(?:\\.|[^"\\])*")/g, '$1'); t = t.replace(/(https?:\/\/[^\s'"&<>]+)/g, '$1'); } return t; } function Recipe({ title, description, children }) { const [codes, setCodes] = (0, import_react.useState)([]); const [steps, setSteps] = (0, import_react.useState)([]); const [activeStep, setActiveStep] = (0, import_react.useState)(0); const [activeTab, setActiveTab] = (0, import_react.useState)(0); const [copied, setCopied] = (0, import_react.useState)(false); const [isOpen, setIsOpen] = (0, import_react.useState)(true); const codeWrapperRef = (0, import_react.useRef)(null); const ctxValue = { registerCode: (c) => { setCodes((prev) => { if (prev.some((p) => p.title === c.title)) return prev; return [...prev, c]; }); return codes.length; }, registerStep: (s) => { setSteps((prev) => { if (prev.some((p) => p.title === s.title)) return prev; return [...prev, s]; }); return steps.length; } }; const selectStep = (idx) => { setActiveStep(idx); const hl = parseHighlight(steps[idx]?.highlight); if (hl) setActiveTab(hl.block); }; const currentHighlight = parseHighlight(steps[activeStep]?.highlight); const handleCopy = () => { if (codes[activeTab]) { navigator.clipboard.writeText(codes[activeTab].code); setCopied(true); setTimeout(() => setCopied(false), 1500); } }; (0, import_react.useEffect)(() => { if (!codeWrapperRef.current || !currentHighlight) return; const el = codeWrapperRef.current.querySelector("[data-highlighted='true']"); if (el) el.scrollIntoView({ behavior: "smooth", block: "center" }); }, [activeStep, activeTab]); if (!isOpen) return null; const ready = codes.length > 0 && steps.length > 0; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Ctx.Provider, { value: ctxValue, children: [ children, ready && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "recipe-card", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "recipe-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "recipe-header-text", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "recipe-title", children: title }), description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "recipe-description", children: description }) ] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "recipe-body", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "recipe-steps-panel", children: steps.map((step, i) => { const isActive = i === activeStep; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)( "div", { className: `recipe-step-card${isActive ? " active" : ""}`, role: "button", tabIndex: 0, onClick: () => selectStep(i), onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ") selectStep(i); }, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "recipe-step-title", children: [ i + 1, ". ", step.title ] }), isActive && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "recipe-step-body", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "recipe-step-desc", children: step.description }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "recipe-step-nav", children: [ i > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "button", { className: "recipe-nav-btn", onClick: (e) => { e.stopPropagation(); selectStep(i - 1); }, children: "\u2190 Prev" } ), i < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "button", { className: "recipe-nav-btn", onClick: (e) => { e.stopPropagation(); selectStep(i + 1); }, children: "Next \u2192" } ) ] }) ] }) ] }, step.title ); }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "recipe-code-panel", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "recipe-code-tabs", children: [ codes.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "button", { className: `recipe-code-tab${i === activeTab ? " active" : ""}`, onClick: () => setActiveTab(i), children: c.title }, c.title )), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "recipe-copy-btn", onClick: handleCopy, children: copied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" }) ] }) }) ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "recipe-code-wrapper", ref: codeWrapperRef, children: codes[activeTab] && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "recipe-code-block", children: codes[activeTab].code.split("\n").map((line, li) => { const lineNum = li + 1; const isHighlighted = currentHighlight && currentHighlight.block === activeTab && lineNum >= currentHighlight.start && lineNum <= currentHighlight.end; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)( "div", { className: `recipe-code-line${isHighlighted ? " highlighted" : ""}`, "data-highlighted": isHighlighted ? "true" : void 0, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "recipe-line-number", children: lineNum }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "span", { className: "recipe-line-text", dangerouslySetInnerHTML: { __html: highlightSyntax(line, codes[activeTab].language) } } ) ] }, lineNum ); }) }) }) ] }) ] }) ] }) ] }); } Recipe.Code = RecipeCode; Recipe.Step = RecipeStep; // _mdx_bundler_entry_point-de04299e-7888-4630-b3d4-8dcb0bac0fdc.mdx var toc = []; var frontmatter = { "title": "Upload video from URL (with subtitles)", "slug": "upload/upload-from-url-with-subtitles", "description": "FastPix pull-based uploads let you upload media by providing public URLs from any cloud storage and attach multiple subtitle tracks during media creation.", "hidden": false, "recipe": { "color": "#b791e7", "icon": "\u2B06\uFE0F" } }; var curlCode = `curl --request POST \\ --url https://api.fastpix.com/v1/on-demand \\ --header 'accept: application/json' \\ --header 'authorization: Basic {BASE64_TOKENID:SECRET}' \\ --header 'content-type: application/json' \\ --data ' { "inputs": [ { "type": "video", "url": "https://static.fastpix.com/fp-sample-video.mp4" }, { "type": "subtitle", "url": "https://storage.fastpix.net/media/test/srt_tracks/add_tracks/subtitle_French.srt", "languageCode": "fr-FR", "languageName": "French" }, { "type": "subtitle", "url": "https://storage.fastpix.net/media/test/srt_tracks/add_tracks/subtitle_German.srt", "languageCode": "de-DE", "languageName": "German" } ], "accessPolicy": "public", "maxResolution": "1080p", "mediaQuality": "standard" }'`; var responseCode = `{ "success": true, "data": { "id": "7ab1fa72-f209-4825-a941-0fde3ba544b8", "trial": false, "status": "Created", "createdAt": "2026-03-03T13:20:38.751551Z", "updatedAt": "2026-03-03T13:20:38.751553Z", "playbackIds": [ { "id": "6dc0201b-a94f-42a9-b4eb-588983cc1498", "accessPolicy": "public", "accessRestrictions": { "domains": { "defaultPolicy": "allow", "allow": [], "deny": [] }, "userAgents": { "defaultPolicy": "allow", "allow": [], "deny": [] } } } ], "mediaQuality": "standard", "title": "fp-sample-video", "sourceAccess": false, "maxResolution": "1080p", "inputs": [ { "type": "video", "url": "https://static.fastpix.com/fp-sample-video.mp4" }, { "type": "subtitle", "url": "https://storage.fastpix.net/media/test/srt_tracks/add_tracks/subtitle_French.srt", "languageCode": "fr-FR", "languageName": "French" }, { "type": "subtitle", "url": "https://storage.fastpix.net/media/test/srt_tracks/add_tracks/subtitle_German.srt", "languageCode": "de-DE", "languageName": "German" } ], "optimizeAudio": false } }`; function _createMdxContent(props) { const { ErrorBoundary } = { ...useMDXComponents(), ...props.components }; if (!ErrorBoundary) _missingMdxReference("ErrorBoundary", true); return (0, import_jsx_runtime2.jsx)(ErrorBoundary, { children: (0, import_jsx_runtime2.jsxs)(Recipe, { title: "Upload video from URL (with subtitles)", description: "FastPix pull-based uploads let you upload media by providing public URLs from any cloud storage and attach multiple subtitle tracks during media creation.", children: [(0, import_jsx_runtime2.jsx)(ErrorBoundary, { children: (0, import_jsx_runtime2.jsx)(RecipeCode, { title: "cURL", language: "shell", code: curlCode }) }), (0, import_jsx_runtime2.jsx)(ErrorBoundary, { children: (0, import_jsx_runtime2.jsx)(RecipeCode, { title: "Response Example", language: "json", code: responseCode }) }), (0, import_jsx_runtime2.jsx)(ErrorBoundary, { children: (0, import_jsx_runtime2.jsx)(RecipeStep, { title: "Authorization", highlight: "0:4", description: "This token is generated by combining your FastPix Token ID and Secret Key in the format: Token ID:Secret Key, then encoding it in base64." }) }), (0, import_jsx_runtime2.jsx)(ErrorBoundary, { children: (0, import_jsx_runtime2.jsx)(RecipeStep, { title: "Payload request", highlight: "0:7-30", description: "The object is a key element of the FastPix Create Media API, enabling you to define essential attributes for your media during creation. It includes parameters such as accessPolicy, maxResolution, mediaQuality, and inputs. The inputs parameter contains an array of objects, each with a type and a url. The type can be set to 'video' for the primary media file or 'subtitle' for subtitle tracks. For subtitle inputs, you can also specify languageCode and languageName to define the locale and display name of each track. All URLs must be publicly accessible and are used to determine how the media and subtitle files are retrieved, processed, and made available for playback." }) })] }) }); } function MDXContent(props = {}) { const { wrapper: MDXLayout } = { ...useMDXComponents(), ...props.components }; return MDXLayout ? (0, import_jsx_runtime2.jsx)(MDXLayout, { ...props, children: (0, import_jsx_runtime2.jsx)(_createMdxContent, { ...props }) }) : _createMdxContent(props); } function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } return __toCommonJS(mdx_bundler_entry_point_de04299e_7888_4630_b3d4_8dcb0bac0fdc_exports); })(); ;return Component;