Lumekara
IDEN
Semua proyek
Otomasi

Pipeline Video Animasi Otomatis

Klip animasi pelajaran dibuat dari kode, dirender ulang hanya bila berubah, diberi subtitle, lalu diunggah otomatis ke penyimpanan video.

Status
Sudah berjalan
Lapisan
OtomasiDevOps
Dipakai oleh
Tim konten yang membuat klip penjelasan pelajaran, dan siswa yang menontonnya di dalam modul.
Konsultasikan proyek ini
Layar animasi pelajaran Numekara tentang epsilon, diputar sebagai demo peramban dari storyboard yang sama dengan klip Manim
Tangkapan layar

Masalahnya

Membuat dan memperbarui ratusan video penjelasan secara manual sangat mahal, dan angka di video mudah tidak cocok dengan isi materi.

Solusinya

Storyboard di materi menjadi sumber animasi Manim dan subtitle, sehingga angka di video sama dengan isi pelajaran. Workflow terjadwal hanya merender klip yang terdampak perubahan, lalu mengunggahnya ke Cloudflare R2.

Cara kerjanya

Apa yang terjadi, langkah demi langkah, dari sudut pandang pengguna.

  1. 01

    Storyboard ditulis di materi

    Penulis mencatat urutan adegan, waktunya, dan teks penjelasan langsung di berkas pelajaran.

  2. 02

    Adegan animasi ditulis kode

    Setiap klip punya satu berkas Python Manim yang membaca storyboard tadi. Bila animasi melewati jatah waktunya, render dihentikan.

  3. 03

    Hanya klip yang berubah

    Sekali seminggu, sistem memilih klip yang terdampak perubahan saja, lalu membagi pekerjaannya ke beberapa mesin.

  4. 04

    Render video dan subtitle

    GitHub Actions merender video MP4, WebM, dan gambar sampul. Subtitle dibuat dari storyboard yang sama, jadi teks dan gambar selalu cocok.

  5. 05

    Unggah ke Cloudflare R2

    Klip yang selesai diunggah otomatis ke penyimpanan Cloudflare R2, tempat website mengambilnya.

  6. 06

    Siswa menonton dengan jeda

    Di modul, video berhenti sejenak dan mengajukan pertanyaan. Bila klip belum tersedia, demonstrasi pengganti diputar di peramban.

Desain sistemnya

Siapa yang memakai, apa yang mereka lihat, apa yang bekerja di belakang layar, dan di mana data disimpan. Baca dari kiri ke kanan.

  1. 1Pengguna

    • Tim kontenMenulis storyboard dan adegan animasi.
    • SiswaMenonton klip di dalam modul pelajaran.

  2. 2Sumber

    • Berkas pelajaranStoryboard berisi langkah, waktu, dan teks setiap adegan.
    • Adegan Manim564 adegan Python yang menggambar animasinya.

  3. 3Otomasi

    • Perencana klipMemilih klip yang berubah dan membagi kerja ke beberapa mesin.
    • GitHub ActionsMerender tiap Senin dini hari, atau manual bila mendesak.

  4. 4Penyimpanan dan tayang

    • Cloudflare R2Menyimpan video, sampul, dan subtitle untuk diputar website.
    • Pemutar klipMemutar video dengan jeda tanya, atau demo pengganti.

Fitur utama

  • Animasi dari storyboard materi
  • Render hanya klip yang berubah
  • Subtitle dibuat otomatis
  • Unggah otomatis ke R2
  • Demo pengganti di peramban

Dibangun dengan

  • Python
  • Manim
  • FFmpeg
  • GitHub Actions
  • Cloudflare R2

Angka yang bisa dibuktikan

564
Adegan animasi Manim

Yang didapat bisnis

  • Memperbarui materi tidak berarti menyunting ulang video secara manual.
  • Angka di video selalu sama dengan angka di pelajaran.
  • Waktu render dihemat karena hanya klip yang berubah yang dirender ulang.
  • Siswa tetap mendapat penjelasan visual meski videonya belum diunggah.

Istilah di halaman ini

Manim
Pustaka Python untuk membuat video animasi matematika lewat kode.
Render
Proses komputer mengubah kode animasi menjadi berkas video.
Storyboard
Rencana urutan adegan beserta waktu dan teksnya, seperti naskah untuk video.
Cloudflare R2
Layanan penyimpanan berkas di internet, tempat video disimpan dan diambil website.

Bisa dipakai untuk bisnis Anda?

Bisa dipakai untuk video produk, tutorial, atau materi pelatihan yang sering diperbarui, tanpa harus menyunting ulang video satu per satu.

Konsultasikan proyek ini