Convert HTML Content To Video.
Automatically.

There Were Problems

Add attributes to your HTML elements to make Vidgen use them in your video, and specify the order they appear in.

Video Component HTML Attribute Example Description
Title data-vidgen-title
<head>
    <title>This Lip Balm Will Restore Your Faith In Humanity</title>
    ...
</head>
<body>
    <h1>10 Secrets They Want You To Think They Don't Want You To Know</h1>
    ...
    <p data-vidgen-title>Watch This Grizzly Bear Defend Himself Like A Boss</p>
</body>


Watch This Grizzly Bear Defend Himself Like A Boss

  • Specifies the title text that is shown at the top of the entire video.
  • Can be added to any single HTML element that contains text.
  • Can be added to a hidden HTML element.
  • This is a bare attribute, it does not need a value.
Byline data-vidgen-byline
<p>
<span data-vidgen-byline>SnoozeMaster Flex</span>, Channel 4 Evening News. 
</p>


SnoozeMaster Flex

  • Specifies the byline text that is shown at the top of the entire video beneath the title.
  • Can be added to any single HTML element that contains text.
  • Can be added to a hidden HTML element.
  • This is a bare attribute, it does not need a value.
Images data-vidgen-img
<img data-vidgen-img="3" src="bearfight.jpg">
...
<img data-vidgen-img="1" src="bearface.jpg">
...
<img src="ignore.jpg">
...
<img data-vidgen-img="2" src="bearchill.jpg">
...

  1. bearface.jpg

    bearface.jpg

  2. bearchill.jpg

    bearchill.jpg

  3. bearfight.jpg

    bearfight.jpg

  • Specifies which images to display in the video.
  • The attribute value (="1", ="2", ...) determines the order the image appears in your video.
  • If the attribute values are omitted, the images are displayed in the order they appear in your HTML.
  • Can be added to any HTML element that has a valid src or srcset attribute.
  • Can be added to a hidden HTML element.
Subtitles data-vidgen-subtitle
<p>
    <span data-vidgen-subtitle="1">Bruno the bear lives in the Yukon. He spends most of his time working at a distribution center.</span> 

    Bruno is not very happy at his job, and finds it tedious.

    <span data-vidgen-subtitle="2">Sometimes Bruno looks at Facebook while at work to pass the time. Bruno is not supposed to browse the Internet at work because it is against corporate policy.</span> 

    Bruno uses a proxy on his computer to bypass the company's firewall that blocks social media websites. 

    <span data-vidgen-subtitle="3">One day Bruno's boss found out and got very angry. Bears do not respond well to aggression from other bears, and Bruno filed a "hostile work environment" complaint with HR.</span>
</p>

The video will display and narrate subtitles in this order:

  1. Bruno the bear lives in the Yukon.
  2. He spends most of his time working at a distribution center.
  3. Sometimes Bruno looks at Facebook while at work to pass the time.
  4. Bruno is not supposed to browse the Internet at work because it is against corporate policy.
  5. One day Bruno's boss found out and got very angry.
  6. Bears do not respond well to aggression from other bears, and Bruno filed a "hostile work environment" complaint with HR.

  • Specifies the text that is narrated and displayed as subtitles at the bottom of the video.
  • The attribute value (="1", ="2", ...) determines the order the text appears in your video.
  • If the attribute value is omitted, the texts are displayed in the order they appear in your HTML.
  • Can be added to any HTML element that contains text.
  • Can be added to a hidden HTML element.

Vidgen makes summary videos of online articles, blog posts, and web pages.

Generated mp4 videos can be purchased at $0.05 per second of rendered video. For example, a 60 second video costs about $3.00.

Examples

Videos created using Vidgen's automated process:

Generated from Pillars of Creation - Wikipedia
[Credits]

This video was created automatically by Vidgen [1] from the Wikipedia article "Pillars of Creation" [2].

This video uses material from the Wikipedia article "Pillars of Creation" [2], which is released under CC-BY-SA 3.0 [3]. This video is licensed under CC-BY-SA 3.0 [3].

All photos by NASA [4].

  1. https://vidgen.io
  2. https://en.wikipedia.org/wiki/Pillars_of_Creation
  3. http://creativecommons.org/licenses/by-sa/3.0/
  4. https://www.nasa.gov/

Generated from Want Good Fortunes? Kiss a Cow
 

Check out other demo videos on the Example Videos gallery page.

How Does It Work?

Vidgen analyzes your submitted content, summarizes the text, and arranges images into a ~45 second narrated slideshow video.

  • Key sentences from content text are displayed as subtitles.
  • Images are optimized, zoomed to their focal points, and transitioned using smooth crossfades.
  • Text-to-speech narration audio is spoken synchonously with displayed summary sentences.
  • Background music is chosen from a selection of over 80 instrumental pieces based on verbiage tone and subjectivity.
  • A downloadable MP4 video file is rendered in 16:9 aspect ratio at 720p and 25 FPS. Video is encoded in H.264 baseline level 3, audio in AAC, for maximum compatibility with all devices.

Vidgen is a new service. Get notified of fixes and new features.

This service is experimental and still under development. Many new features will be released soon, including video customization, more narration voices, and an API.

Submit your email to stay updated about new features. No spam or overloading your inbox with silly stuff.