{
  "title": "Video to CKEditor",
  "video_id": "1y2TicPyWZc",
  "published": "2024-02-29T15:50:14+0000",
  "complexity": "Normal",
  "old_url": "https://workflows-of-ai.com/workflow/video-ckeditor",
  "description": "Turn a video into a full article in Drupal with the AI Interpolator OpenAI video to HTML rule: cropped screenshots, a quote and links.",
  "subtitle": "Upload a talk, write one prompt, and get a full HTML article back with cropped screenshots, a quote and links.",
  "summary": "An 18 minute Web Summit talk by Baddý Sonja Breidert becomes an article with cropped screenshots and captions, four sections, a quote and links to the video and drupal.org. The setup uses the AI Interpolator OpenAI video to HTML rule, the Token module for a per-video prompt, FFmpeg in DDEV and a content type with video, prompt and HTML fields. Under the hood, keyframes go into timestamped image grids next to a Whisper transcript, at about one to two cents per minute of video.",
  "categories": [
    "Drupal AI"
  ],
  "intro_html": "<p>In this workflow we will work with the AI Interpolator OpenAI module and its video to HTML rule, where we will take a video and generate full working HTML.</p><p>The video in this example is \"Drupal at Web Summit 2023\" where Baddý Sonja Breidert, CEO of 1xInternet, talks about Drupal.</p><p>We will then give the following prompt to it:</p><blockquote><p>Cut out between 4-6 images. Write 4 parts starting with a h2 header and between 2-4 paragraphs per part. You can use the following other tags: strong, a, quote, pre, code, prequote and em.</p><p>Write it as a copywriter that wants to sell it to ad agencies. The person on stage is Baddý Sonja Breidert, CEO of 1xInternet. Write a story about how great Drupal is and how well she explained it.</p><p>Make sure that at least one image shows Baddý. If you want to show PowerPoint slides, cut them out to only show the slide.</p><p>Also provide one selling quote from Baddý.</p><p>Give attribution to the video located at https://www.youtube.com/watch?v=ccfwTVEwTxU&amp;ab_channel=1xINTERNET</p><p>If possible, organically link to https://www.drupal.org.</p></blockquote><p>And out comes a full editorialized HTML page, including cropped images and links.</p><p>This is built on Drupal - all open source and free, so feel free to do it after you see it here.</p>",
  "intro_added": false,
  "chapters": [
    "0:00 Turning a talk into an article",
    "1:01 The generated page",
    "1:39 Images, sections and tone",
    "3:54 A quote from Baddý",
    "5:07 Attribution and links",
    "6:11 Workflows of AI and rule docs",
    "8:02 Modules, Token and FFmpeg",
    "11:53 The video to HTML content type",
    "14:06 The OpenAI video to HTML rule",
    "16:45 Cost and how it works"
  ],
  "corrections": [
    [
      "1 x internet bu",
      "1xINTERNET, Baddý"
    ],
    [
      "Sonia",
      "Sonja"
    ],
    [
      "brider",
      "Breidert"
    ],
    [
      "1x Internet",
      "1xINTERNET"
    ],
    [
      "websummit",
      "Web Summit"
    ],
    [
      "druple",
      "Drupal"
    ],
    [
      "truple",
      "Drupal"
    ],
    [
      "open AI",
      "OpenAI"
    ],
    [
      "open Ai",
      "OpenAI"
    ],
    [
      "AI inator",
      "AI Interpolator"
    ],
    [
      "a inator",
      "AI Interpolator"
    ],
    [
      "FFM Peg",
      "FFmpeg"
    ],
    [
      "install FFM but",
      "install FFmpeg but"
    ],
    [
      "having FFM actually",
      "having FFmpeg actually"
    ],
    [
      "fmeg",
      "ffmpeg"
    ],
    [
      "using ddv",
      "using DDEV"
    ],
    [
      "restart DV",
      "restart DDEV"
    ],
    [
      "doxal lond",
      "Docksal, Lando"
    ],
    [
      "pH PHP",
      "PHP"
    ],
    [
      "engine X",
      "nginx"
    ]
  ],
  "ai_note": "The video and the introduction are Marcus's own, first published on workflows-of-ai.com. AI wrote the subtitle, the summary and the video chapters from the transcript, and corrected misheard names in YouTube's automatic captions."
}