Arka Plan Videosu Nasıl Yapılır?

05/05

Adobe Muse'a Video Ekleme

Ücretsiz bir widget sayesinde Muse'da arka plan videosunu eklemek kolaydır.

Adobe Muse’nun gerçekten ilginç yönü, yayınları düzenlemek için kullanılana benzer bir iş akışı kullanarak web sayfaları oluşturmanıza izin vermesidir. Bir site veya sayfa oluşturan kodu derinlemesine anlamanıza gerek yoktur, ancak HTML5, CSS ve JavaScript ile ilgili bir aşinalık zarar vermez.

Geleneksel web videosu genellikle HTML5 Video API'sı kullanılarak eklenmiş olsa da, Adobe Muse aynı şeyi “widget'lar” ile gerçekleştirir. Widget'lar, belirli görevler için gereken HTML 5'i oluşturur, ancak sayfa yayınlandığında kodu yazmak için Muse'da düz bir arayüz kullanır.

Bu alıştırmada, Muse Kaynaklarından ücretsiz olarak indirebileceğiniz bir widget kullanacağız. Widget indirdiğinde, yapmanız gereken tek şey .zip dosyasını açmak ve Tam Ekran Video klasöründeki .mulib dosyasını çift tıklamaktır. Bu, Adobe Muse kopyanızı kuracaktır.

02/05

Adobe Muse CC'de Arka Plan Videosu İçin Bir Sayfa Nasıl Hazırlanır

Yeni bir site oluşturarak ve sayfa boyutlarını ayarlayarak başlarız.

Widget yüklüyken, artık videoyu kullanacak sayfayı oluşturabilirsiniz.

Başlamadan önce Muse siteniz için bir klasör oluşturun. Bu klasörün içinde başka bir klasör oluşturun - “ media ” kullanıyorum - ve videonun mp4 ve webm sürümlerini bu klasöre taşıyorum.

Muse uygulamasını başlattığınızda Dosya> Yeni Site'yi seçin. Düzen iletişim kutusu açıldığında Masaüstü İlk Düzen olarak seçin ve Sayfa Genişliği ve Sayfa Yüksekliği değerlerini 1200 ve 900 olarak değiştirin . Tamam'a tıklayın.

Ana sayfayı açmak için Plan görünümünde Ana Sayfa'ya çift tıklayın. Ana Sayfa açıldığında Üstbilgi ve Altbilgi kılavuzlarını sayfanın en altına ve altına taşıyın. Bu örnek için gerçekten bir Üstbilgi ve Altbilgiye ihtiyacınız yoktur.

03/05

Adobe Muse CC'de Tam Ekran Arkaplan Video Widget Nasıl Kullanılır

Tek yapmanız gereken video isimlerini eklemek ve widget'ın gerisini halletmesine izin vermek.

Widget kullanmak ölüdür. Yapmanız gereken ilk şey, Görünüm> Plan Modu'nu seçerek Plan Görünümüne geri dönmek. Plan Görünümü açıldığında, açmak için Ana Sayfa'ya çift tıklayın.

Kütüphane panelini açın - Arayüzün sağ tarafında açık değilse Pencere> Kütüphane'yi seçin ve [MR] Tam Ekran Arkaplan Video klasörünü ters çevirin. Widget'i sayfaya klasöre sürükleyin.

Seçeneklerin , videoların mp4 ve webm sürümlerinin adlarını girmenizi istediğini fark edeceksiniz. İsimleri, yerleştirdiğiniz klasörde tam olarak yazıldığından tam olarak girin. Hata yapmadığınızdan emin olmak için bir numara, mp4 videosunun adını kopyalayıp Options menüsünün MP4 ve WEBM alanlarına yapıştırmaktır.

Bir başka hile: Tüm bu widget, sizin için HTML 5 kodunu yazmaktır. Bunu, widget'ta <> gördüğünüzden anlayabilirsiniz. Bu durumda, widget'i web sayfasından kapsayıcıya yerleştirebilir ve yine de çalışır. Bu şekilde, sayfada yerleştireceğiniz herhangi bir içeriğe müdahale etmez.

04/05

Adobe Muse CC'de Video Ekleme ve Bir Sayfayı Sınama

Siteyi veya sayfayı test ettiğinizde video oynatılır.

Videoları oynayacak olan kodu eklediyseniz de, Muse bu videoların bulunduğu yerde hala bir ipucu yok. Bunu düzeltmek için Dosya> Yükleme İçin Dosya Ekle'yi seçin. Yükleme iletişim kutusu açılırken videolarınızı içeren klasöre gidin, onları seçin ve Aç'ı tıklayın. Yüklendiklerinden emin olmak için Varlıklar panelini açın ve iki videonuzu görmelisiniz. Sadece onları panelde bırakın. Sayfada yer almaları gerekmiyor.

Projeyi test etmek için Dosya> Tarayıcıda Sayfa Önizleme'yi veya bu tek bir sayfa olduğundan Dosya> Tarayıcıda Siteyi Önizle'yi seçin . Varsayılan tarayıcınız açılacak ve video - benim durumumda tropikal bir yağmur fırtınası - oynamaya başlayacak.

Bu noktada Muse dosyasını normal bir web sayfası olarak ele alıp Giriş sayfasına içerik ekleyebilir ve videonun altında oynayabilirsiniz.

05/05

Adobe Muse CC'de Video Poster Çerçevesi Ekleme

Her zaman bir video projesine bir poster çerçevesi ekleyin.

Bu, burada konuştuğumuz web ve bağlantı hızına bağlı olarak, kullanıcı sayfanızı açıp video yüklerken boş bir ekrana bakmanın iyi bir şansı. Bu iyi bir şey değil. İşte bu nezaketle nasıl başa çıkacağız.

Video yüklenirken görünecek olan video poster çerçevesini eklemek için “En İyi Uygulama” dır. Bu genellikle videodan bir çerçevenin tam boyutlu ekran görüntüsüdür.

Poster çerçevesini eklemek için sayfanın üst kısmındaki Tarayıcı Doldur üzerine bir kez tıklayın. Görüntü bağlantısını tıklayın ve kullanılacak görüntüye gidin. Montaj alanında, Doldurmak için Ölçekle'yi seçin ve Konum alanında Merkez noktasını tıklayın. Bu, tarayıcının görünüm boyutu değiştiğinde görüntünün her zaman görüntünün merkezinden ölçeklenmesini sağlayacaktır. Görüntünün sayfayı doldurduğunu da göreceksiniz.

Bir başka ufaklık, poster çerçevesinin görünmesi biraz zaman alırsa, en azından beyaz renkte bir dolgu rengine sahip olmamalıdır. Bunu yapmak için Muse Renk Seçici'yi açmak için Renk çipini tıklayın. Damlalık aracını seçin ve görüntüdeki baskın bir rengin üzerine tıklayın. Bittiğinde, Tarayıcı Doldurma iletişim kutusunu kapatmak için sayfaya tıklayın.

Bu noktada, projeyi kaydedebilir veya yayınlayabilirsiniz.

Bu dizinin son kısmı, bir videoyu bir web sayfasının arka planına kaydıran HTML5 kodunun nasıl yazılacağını gösterir.