Web Video Presentationyazan ConardLi

Web Video Presentation Skill.

Bir videonun temposunda ilerleyen, her seferinde tek bir konuşma vuruşunu gösteren tarayıcı sunumu.

Sunumlar
Hareket
Anlatım

OpenDesign İndir Kullanım Kılavuzunu Görüntüle

Kaynak İncelemesi · Web Video PresentationSKILL.md

Görev Sunumlar Üretir • Bölümlere ayrılmış, tıklamayla ilerleyen bir 16:9 React sunumu • Kaynaktan çıkarılan bir konuşma metni, bölüm taslağı ve destekleyici ayrıntılar • Otomatik ilerleyen kayıt modu için isteğe bağlı, adım başına ses dosyaları Başlamadan Önce Vite, React, TypeScript ve Node araçlarını kullanır. İsteğe bağlı TTS, seçilen sağlayıcıya, kimlik bilgilerine ve adaptöre bağlıdır; son kayıt için tarayıcı ekran yakalama veya kayıt yazılımı gerekir.

Editoryal özet · kaynak 2026-10-07 tarihinde incelendi · üretilmiş bir örnek değildir

01 İşlevler

Web Video Presentation

Sabit bir sahne, önce incelenen ilk bölüm, bölüme özgü anlatım kayıtları ve isteğe bağlı sesle desteklenen kayıt içeren, anlatım vuruşlarına dayalı bir sunum iş akışı.

Kaynağa dayalı iş akışıYürütme kıyaslaması değildir

Çalışma Yaklaşımı

Web Video Presentation, verilen materyali kaydedilebilir bir web sunumuna dönüştürür. Çıktı, sabit bir 16:9 sahnesinde çalışan bir Vite, React ve TypeScript projesidir; duyarlı bir pazarlama sitesi veya otomatik teslim edilen bir video dosyası değildir. Her tıklama bir anlatım vuruşunu ilerletir ve sahneyi odaklı, tam ekran bir kompozisyonla değiştirir.

İş akışı iki içerik referansı tutar: konuşma metni sırayı ve temposu belirler, özgün makale ise görselleri zenginleştiren ayrıntıları sağlar. Bir bölümün narrations.ts dosyası, adımlar ve isteğe bağlı ses için sayı ve metin referansıdır. İlk bölüm tamamlanır ve incelenir; ardından kalan bölümler görsel dili genişletir. Konuşma sentezi, web deneyimi hazır olduktan sonra verilen ayrı bir karardır.

Beklenen Çıktılar

Bölümlere ayrılmış, tıklamayla ilerleyen bir 16:9 React sunumu
Kaynaktan çıkarılan bir konuşma metni, bölüm taslağı ve destekleyici ayrıntılar
Otomatik ilerleyen kayıt modu için isteğe bağlı, adım başına ses dosyaları

Örnek Brief'e Bak

Brief'ten İncelemeye

01
Metni ve Taslağı Hazırlayın
Verilen makaleyi koruyun, konuşma metnini özgün dilinde uyarlayın ve bölüm sınırlarıyla ekran içeriğini planlayın. Taslak, her animasyonu belirlemeden bilgi ritmini belirler.
02
Planı Hizalayın
İlk bölümün içerik ve görsel brief'i netleşsin diye metni, taslağı, temayı, varlıkları ve geliştirme modunu birlikte onaylayın.
03
Tamamlanmış Bir Bölümü İnceleyin
Ana ajan, gerçek içerik ve hedeflenen hareketle tamamlanmış bir ilk bölüm oluşturur, öngörülen inceleme ve düzeltmeleri bitirir, sonraki bölümlerden önce kullanıcının zorunlu onayı için durur. Bu örneği tempo ve tasarım belirteci (design-token) tutarsızlıklarını çözmek için kullanın.
04
Ses ve Kaydı Seçin
İstenirse bölüm anlatım kayıtlarından konuşma üretin ve parça uzunluklarını inceleyin. Aksi halde manuel ilerletmeyi kullanın ve seslendirmeyi kayıt veya kurgu sırasında ekleyin.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Vite, React, TypeScript ve Node araçlarını kullanır. İsteğe bağlı TTS, seçilen sağlayıcıya, kimlik bilgilerine ve adaptöre bağlıdır; son kayıt için tarayıcı ekran yakalama veya kayıt yazılımı gerekir.

İyi Bir Uyum

Teknik AçıklamalarBir kavramın ilişkilerini tek tek göstermesi ve aynı zamanda sesli söylenenlerin ötesinde kaynak ayrıntılarını da taşıması gerektiğinde işe yarar.
Kayıtlı Ürün KonuşmalarıTarayıcıdan kaydedilecek ve her vuruşta nelerin görüneceği üzerinde hassas kontrol gerektiren eğitimlere ve ürün sunumlarına uygundur.

Kontrol Edilecek Sınırlar

Duyarlı Bir Web Sitesi DeğildirSabit sahne, kullanılabilir görüntü alanına göre ölçeklenir. Bu bir sunum stratejisidir; olağan mobil okuma için tasarlanmış bir yerleşim değildir.
Ses İsteğe Bağlı ve HariciKonuşma, yapılandırılmış bir sağlayıcı veya başka bir TTS yolu gerektirir. Tamamlanmış bir web projesi, ses sentezinin veya son video kaydının yapıldığını göstermez.

Bu Girdileri Getirin

Makale veya Konuşma MetniKaynak içerik veya özü olan bir taslak sağlayın. Skill, konuşmanın ne söyleyeceğine karar vermenin yerine geçen bir araç olarak sunulmaz.
Tema ve VarlıklarGörsel havayı seçin ve planlanan bölümler için mevcut ürün ekran görüntülerini, diyagramları veya onaylı yer tutucuları belirleyin.
İş Birliği ve SesSonraki bölümlerin tek tek incelenmesi gerekip gerekmediğine ya da birlikte tamamlanıp tamamlanamayacağına karar verin ve herhangi bir konuşma üretimi arka ucunu ayrıca yetkilendirin.

03 Önemli Kararlar

Önemli Kararlar

Tek Anlatım Kaydı
Bölümün işlenen adım sayısını anlatım dizisiyle hizalamak, ekran sırası, konuşulan metin ve üretilen ses parçaları arasındaki uyumsuzluğu azaltır.
İçerik Odaklı Hareket
Taslak, animasyon kararlarını uygulamaya bırakır; böylece anlatılan gerçek ilişki, erkenden rastgele efektler atamak yerine açılışı belirleyebilir.

04 Örnek Görev Tanımı

Odaklı Bir Brief Deneyin

Aşağıdaki örnek brief test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İnceleyin

İskelet, bölüm referansları, temalar ve isteğe bağlı ses betikleri dahil olmak üzere depodaki skill paketinin tamamını koruyun.

Yukarı Akış Kaynak Dosyası

https://github.com/ConardLi/garden-skills/blob/aaf9a82f5efd73e87cc0998edc398e75bfc35901/skills/web-video-presentation/SKILL.md

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brief'teki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brief

Tarayıcı işleme hakkındaki ekteki makaleyi beş dakikalık bir İngilizce anlatıma dönüştürmek için Web Video Presentation kullan. Kaynak makaleyi koru, konuşma metnini ve taslağı oluştur ve sade bir teknik tema öner. İlk bölümde yalnızca metinli slaytlar kullanmak yerine yerleşim ile boyamayı karşılaştıran bir gösterim yap. Sonraki bölümleri oluşturmadan önce inceleme için dur. Ben bir ses sağlayıcısı seçene kadar konuşma sentezleme.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

Her bölümün görünür adım sayısı, anlatım girdileriyle eşleşir.
İlk bölüm kavramını yalnızca paragraflarla değil, görsel bir gösterimle aktarır.
Ses dosyaları ve otomatik oynatma, yalnızca bu isteğe bağlı aşamalar gerçekten tamamlandığında bildirilir.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndir Hızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu anlatır. Yukarı akış davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi: ConardLi
Depo: ConardLi/garden-skills
Skill Dosyası: skills/web-video-presentation/SKILL.md
Lisans: MIT
İncelenen Sürüm: 2026-10-07 · aaf9a82f5efd

Editoryal Kaynak Özeti

Sabit bir sahne, önce incelenen ilk bölüm, bölüme özgü anlatım kayıtları ve isteğe bağlı sesle desteklenen kayıt içeren, anlatım vuruşlarına dayalı bir sunum iş akışı.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımı veya kalite puanı değildir.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Sonuç bir MP4 mü?

Temel sonuç bir tarayıcı projesidir. Kayıt ve son üretim bu deneyimi videoya dönüştürür; isteğe bağlı konuşma dosyaları kayıt sırasında oynatmayı otomatikleştirmeye yardımcı olabilir.

Kendi konuşma sağlayıcımı kullanabilir miyim?

Kaynak, yerleşik yollar ve adaptörler içeren, sağlayıcıdan bağımsız bir çalıştırıcıyı anlatır. Çalışan bir hesabın veya yerel aracın yine de yapılandırılması gerekir.

Metin yazıldıktan sonra makale neden saklanıyor?

Konuşma metni konuşma ritmini belirler, ancak makale; anlatımı aşırı yüklemeden ekranı destekleyebilecek örnekler, sayılar ve ayrıntılar havuzu olarak kalır.

OpenDesign

Bir Sonraki Tasarım Yinelemesine Yer Açın.

Brief'inizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndir Tasarım Skill'lerine Göz At