HTML to Animated WebP / GIF / MP4
Pricing
from $5.00 / 1,000 results
Go to Apify Store
HTML to Animated WebP / GIF / MP4
Apify Actor that renders a single HTML document or animation and exports it as an animated WebP, GIF, or MP4.
HTML to Animated WebP / GIF / MP4
Pricing
from $5.00 / 1,000 results
Apify Actor that renders a single HTML document or animation and exports it as an animated WebP, GIF, or MP4.
You can access the HTML to Animated WebP / GIF / MP4 programmatically from your own applications by using the Apify API. You can also choose the language preference from below. To use the Apify API, you’ll need an Apify account and your API token, found in API & Integrations in Apify Console.
{ "openapi": "3.0.1", "info": { "version": "0.0", "x-build-id": "a5XtoxdkWaTgMvQ9B" }, "servers": [ { "url": "https://api.apify.com/v2" } ], "paths": { "/acts/conscientious_gelato~html-to-animated-webp-gif-mp4/run-sync-get-dataset-items": { "post": { "operationId": "run-sync-get-dataset-items-conscientious_gelato-html-to-animated-webp-gif-mp4", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for its completion, and returns Actor's dataset items in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } }, "/acts/conscientious_gelato~html-to-animated-webp-gif-mp4/runs": { "post": { "operationId": "runs-sync-conscientious_gelato-html-to-animated-webp-gif-mp4", "x-openai-isConsequential": false, "summary": "Executes an Actor and returns information about the initiated run in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK", "content": { "application/json": { "schema": { "$ref": "#/components/schemas/runsResponseSchema" } } } } } } }, "/acts/conscientious_gelato~html-to-animated-webp-gif-mp4/run-sync": { "post": { "operationId": "run-sync-conscientious_gelato-html-to-animated-webp-gif-mp4", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for completion, and returns the OUTPUT from Key-value store in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } } }, "components": { "schemas": { "inputSchema": { "type": "object", "properties": { "html": { "title": "HTML (URL or content)", "type": "string", "description": "Provide the HTML here in either form:\n- A public http(s) URL to an HTML page\n- Raw HTML content (paste the full document)\nThe Actor auto-detects whether it's a URL or raw HTML." }, "htmlFile": { "title": "HTML file", "type": "string", "description": "Upload an .html file (use the upload button) or provide a URL/key to one. Use this instead of the field above." }, "outputFormat": { "title": "Output format", "enum": [ "webp", "gif", "mp4" ], "type": "string", "description": "Target output format.", "default": "webp" }, "duration": { "title": "Duration", "minimum": 1, "maximum": 120, "type": "integer", "description": "Length of the animation in seconds.", "default": 5 }, "fps": { "title": "Frames per second", "enum": [ "10", "12", "15", "20", "24", "25", "30", "60" ], "type": "string", "description": "Capture frame rate. Higher = smoother but larger output.", "default": "25" }, "width": { "title": "Width", "minimum": 100, "maximum": 3840, "type": "integer", "description": "Viewport/output width in pixels.", "default": 1280 }, "height": { "title": "Height", "minimum": 100, "maximum": 2160, "type": "integer", "description": "Viewport/output height in pixels.", "default": 720 }, "quality": { "title": "Quality", "minimum": 1, "maximum": 100, "type": "integer", "description": "Encoding quality (1-100). Higher = better quality, larger file.", "default": 80 }, "loop": { "title": "Loop", "type": "boolean", "description": "Whether the animation should loop (WebP/GIF).", "default": true }, "useRealTime": { "title": "Use real time (wall clock)", "type": "boolean", "description": "Capture frames using real elapsed time instead of a fake clock. Enable for requestAnimationFrame-based animations (e.g., Three.js, Canvas); disable (default) for deterministic setTimeout/setInterval animations.", "default": false } } }, "runsResponseSchema": { "type": "object", "properties": { "data": { "type": "object", "properties": { "id": { "type": "string" }, "actId": { "type": "string" }, "userId": { "type": "string" }, "startedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "finishedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "status": { "type": "string", "example": "READY" }, "meta": { "type": "object", "properties": { "origin": { "type": "string", "example": "API" }, "userAgent": { "type": "string" } } }, "stats": { "type": "object", "properties": { "inputBodyLen": { "type": "integer", "example": 2000 }, "rebootCount": { "type": "integer", "example": 0 }, "restartCount": { "type": "integer", "example": 0 }, "resurrectCount": { "type": "integer", "example": 0 }, "computeUnits": { "type": "integer", "example": 0 } } }, "options": { "type": "object", "properties": { "build": { "type": "string", "example": "latest" }, "timeoutSecs": { "type": "integer", "example": 300 }, "memoryMbytes": { "type": "integer", "example": 1024 }, "diskMbytes": { "type": "integer", "example": 2048 } } }, "buildId": { "type": "string" }, "defaultKeyValueStoreId": { "type": "string" }, "defaultDatasetId": { "type": "string" }, "defaultRequestQueueId": { "type": "string" }, "buildNumber": { "type": "string", "example": "1.0.0" }, "containerUrl": { "type": "string" }, "usage": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "integer", "example": 1 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 }, "PROXY_UNBLOCKER_UNITS": { "type": "integer", "example": 0 } } }, "usageTotalUsd": { "type": "number", "example": 0.00005 }, "usageUsd": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "number", "example": 0.00005 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 }, "PROXY_UNBLOCKER_UNITS": { "type": "integer", "example": 0 } } } } } } } } }}OpenAPI is a standard for designing and describing RESTful APIs, allowing developers to define API structure, endpoints, and data formats in a machine-readable way. It simplifies API development, integration, and documentation.
OpenAPI is effective when used with AI agents and GPTs by standardizing how these systems interact with various APIs, for reliable integrations and efficient communication.
By defining machine-readable API specifications, OpenAPI allows AI models like GPTs to understand and use varied data sources, improving accuracy. This accelerates development, reduces errors, and provides context-aware responses, making OpenAPI a core component for AI applications.
You can download the OpenAPI definitions for HTML to Animated WebP / GIF / MP4 from the options below:
If you’d like to learn more about how OpenAPI powers GPTs, read our blog post.
You can also check out our other API clients: