Videobana: Say It, and Watch It Become a Video
From one sentence to a narrated, animated video, and onto any website with a single tag.
Preview
Plays with its recorded voice-over.
🎬
16:9Video platformReal screenshots
Videobana: Say It, and Watch It Become a Video
From one sentence to a narrated, animated video, and onto any website with a single tag.
10 scenes · narrated · captions included
The JSON behind it
This is all it takes.
{
"version": 1,
"title": "Videobana: Say It, and Watch It Become a Video",
"subtitle": "From one sentence to a narrated, animated video, and onto any website with a single tag.",
"topic": "An ad for Videobana, a platform that turns an idea or a few lines of JSON into a narrated, animated video, and plays it on any website with one web component",
"domain": "marketing",
"emoji": "🎬",
"kicker": "Video platform",
"chips": [
"16:9",
"Video platform",
"Real screenshots"
],
"style": {
"theme": "launch-night",
"brandColor": "#8b5cf6",
"header": [],
"camera": "dolly",
"grade": "clean",
"transition": "blur-zoom",
"effects": [
"glow",
"shine"
]
},
"brand": {
"name": "Videobana",
"tagline": "Say it. Watch it become a video.",
"logo": "/examples/ads-videobana/logo.webp"
},
"narration": {
"engine": "premium",
"premium": {
"voice": "Zephyr",
"style": "bright, warm and quick, like a founder proudly showing the thing they built, a smile in every line, building excitement but never shouting",
"pace": "brisk"
},
"pronunciations": {
"Videobana": "video bah-nah",
"bana": "bah-nah"
},
"pauses": {
"sentence": 0.16,
"section": 0.38,
"leadIn": 0.12,
"tail": 0.7
}
},
"scenes": [
{
"kind": "kinetic",
"delivery": "knowing and a little weary, then a bright spark of an idea",
"layout": "stack",
"lines": [
{
"text": "Making a video takes **forever**.",
"say": "Making a video takes forever."
},
{
"text": "A script. A voice. **Every** frame.",
"tone": "amber",
"say": "A script. A voice. Every single frame."
},
{
"text": "Or just ==one sentence==.",
"tone": "violet",
"say": "<short pause> Or... just one sentence."
}
]
},
{
"kind": "brandreveal",
"delivery": "bright, unveiling something you are proud of",
"hold": 0.5,
"reveal": "burst",
"say": "Meet Videobana. Say it, and watch it become a video."
},
{
"kind": "appui",
"delivery": "quick and showy, like a live demo that just works",
"heading": "Say it. **Watch it.**",
"title": "New video",
"status": "AI",
"rows": [
{
"type": "field",
"label": "What is your video about?",
"value": "How vaccines work, in two minutes",
"icon": "💡",
"say": "Type what your video is about."
},
{
"type": "chips",
"label": "Kind of video",
"options": [
"Explainer",
"Product ad",
"Quiz",
"Recap"
],
"pick": 0,
"say": "Pick a kind of video."
},
{
"type": "toggle",
"label": "Premium voice-over",
"on": true,
"say": "Switch on a premium voice."
},
{
"type": "button",
"label": "Make my video",
"tone": "violet",
"say": "Press one button."
},
{
"type": "progress",
"label": "Writing, painting, recording",
"percent": 100,
"say": "The AI writes, paints, records and animates."
}
]
},
{
"kind": "walkthrough",
"delivery": "amazed and a little breathless, like opening a toy box",
"heading": "Over **eighty** kinds of scene",
"screenshot": "/examples/ads-videobana/scenes.webp",
"steps": [
{
"focus": {
"x": 51,
"y": 42,
"width": 36,
"height": 39
},
"title": "Charts, maps, quizzes, code",
"text": "Every one animated, every one live.",
"marker": "box",
"say": "Charts, maps, quizzes, code. More than eighty scene types, all animated."
},
{
"focus": {
"x": 24,
"y": 82,
"width": 62,
"height": 11
},
"title": "In step with the voice",
"text": "Each item appears as it is spoken.",
"marker": "ellipse",
"pointer": true,
"say": "Each one appears exactly when it is spoken."
}
]
},
{
"kind": "montage",
"delivery": "rapid-fire and proud, one beat per cut, the last word soft and personal",
"cuts": [
{
"word": "Teachers.",
"picture": "/examples/ads-videobana/teacher.webp",
"tone": "amber",
"say": "Teachers."
},
{
"word": "Founders.",
"picture": "/examples/ads-videobana/founders.webp",
"tone": "violet",
"say": "Founders."
},
{
"word": "Shops.",
"picture": "/examples/ads-videobana/shop.webp",
"tone": "teal",
"say": "Shops."
},
{
"word": "Creators.",
"picture": "/examples/ads-videobana/creator.webp",
"tone": "fuchsia",
"say": "Creators."
},
{
"word": "You.",
"say": "You."
}
]
},
{
"kind": "specs",
"delivery": "confident and quick, ticking off the numbers like a keynote",
"heading": "Made for **everyone**",
"layout": "tiles",
"items": [
{
"icon": "🎙️",
"label": "Premium voices",
"value": "30",
"note": "Directed like an actor.",
"say": "Thirty premium voices, directed like an actor."
},
{
"icon": "🌍",
"label": "Languages",
"value": "31",
"note": "Narrated and captioned.",
"say": "Thirty-one languages."
},
{
"icon": "📐",
"label": "Shapes",
"value": "6",
"note": "Widescreen to vertical.",
"say": "Six shapes, widescreen to vertical."
},
{
"icon": "📦",
"label": "Export formats",
"value": "9",
"note": "MP4, GIF, PNG and more.",
"say": "Nine export formats, from MP4 to GIF."
}
]
},
{
"kind": "code",
"delivery": "easy and conspiratorial, like showing a friend a neat trick",
"heading": "One tag. **Any website.**",
"filename": "index.html",
"lines": [
{
"code": "<script src=\"https://bana.video/widget.js\" async></script>",
"say": "Add one script to any page."
},
{
"code": "<video-player src=\"/launch.json\" autoplay loop></video-player>",
"say": "Drop in one tag, with your video as JSON."
},
{
"code": "<!-- A hero section. A blog post. A landing page. -->",
"say": "A hero section, a blog post, a landing page."
}
]
},
{
"kind": "constellation",
"delivery": "open and welcoming, with a smile",
"text": "Works on ==every platform==",
"items": [
{
"icon": "📝",
"label": "WordPress"
},
{
"icon": "🎨",
"label": "Webflow"
},
{
"icon": "🛍️",
"label": "Shopify"
},
{
"icon": "🧱",
"label": "Wix"
},
{
"icon": "⚛️",
"label": "React"
},
{
"icon": "▲",
"label": "Next.js"
},
{
"icon": "💚",
"label": "Vue"
},
{
"icon": "🅰️",
"label": "Angular"
},
{
"icon": "🌐",
"label": "Plain HTML"
}
],
"say": "WordPress, Webflow, Shopify, React, Vue, plain HTML. Any platform."
},
{
"kind": "offer",
"delivery": "warm and generous, almost whispering the good news",
"eyebrow": "Free plan",
"title": "Your first videos are on us",
"badge": "FREE",
"price": {
"now": "$0"
},
"perks": [
"50 videos a month",
"No credit card"
],
"say": [
"Start free.",
"Fifty videos a month, zero dollars.",
"No credit card."
]
},
{
"kind": "endcard",
"delivery": "warm, confident and direct, a final grin",
"headline": "Make your first video in **minutes**",
"text": "Say it. Watch it become a video.",
"button": "Start for free",
"link": "bana.video",
"badges": [
"Free plan",
"No credit card"
],
"say": "Make your first video today, at bana dot video."
}
],
"sound": {
"effects": "punchy",
"bed": "pulse"
}
}