Bilinmesi Gerekenler
- Plan görünümündeki Home sayfasıyla Window >adresine gidin Library > [MR] Tam Ekran Arka Plan Videosu klasörüne tıklayın ve widget'ı sayfaya sürükleyin.
- Video eklemek için File > Yükleme İçin Dosya Ekle > video klasörü > Open adresine gidin.
Adobe Muse, yayınlara benzer bir iş akışı kullanarak web sayfaları oluşturmanıza olanak tanır; HTML5, CSS ve JavaScript'e aşinalık zarar vermezse de, bir site veya sayfa oluşturan kodu derinlemesine anlamanıza gerek yoktur. Geleneksel web videosu genellikle HTML5 Video API aracılığıyla eklenmiş olsa da, Adobe Muse, belirli görevler için gerekli HTML 5'i oluşturan ancak sayfa yayınlandığında kodu yazmak için Muse'da düz dilli bir arabirim kullanan widget'lar aracılığıyla aynı şeyi gerçekleştirir.
Adobe Muse'da Arka Plan Videosu İçin Sayfa Nasıl Hazırlanır CC
Widget'ı yükledikten sonra 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 – “medya” kullanıyoruz – ve videonun mp4 ve webm sürümlerini o klasöre taşıyın.
- Muse'u başlattığınızda Dosya > Yeni Site'yi seçin.
- Düzen iletişim kutusu açıldığında, İlk Düzen olarak Desktop öğesini seçin ve Sayfa Genişliği öğesini değiştirinve Sayfa Yüksekliği değerlerini 1200 ve 900 olarak ayarlayın. Tamam 'a tıklayın.
-
Ana sayfayı açmak için Plan görünümünde
Çift tıklayın Ana Sayfa. Ana Sayfa açıldığında, Üstbilgi ve Altbilgi kılavuzlarını sayfanın üstüne ve altına taşıyın. Bu örnek için gerçekten bir Üst Bilgi ve Alt Bilgiye ihtiyacınız yok.
Adobe Muse CC'de Tam Ekran Arka Plan Video Widget'ı Nasıl Kullanılır
Widget'ı kullanmak çok basit.
- Yapmanız gereken ilk şey, Görünüm > Plan Modu. öğesini seçerek Plan Görünümüne dönmektir.
- Plan Görünümü açıldığında, açmak için Ana sayfa üzerine çift tıklayın.
- Kitaplık panelini açın – Arayüzün sağ tarafında açık değilse, Window > Library – öğesini seçin ve [MR] Tam Ekran Arka Plan Videosu klasörünü aşağı döndürün.
- Klasör widget'ını sayfaya sürükleyin.
-
Videoların mp4 ve webm sürümlerinin adlarını girmenizi isteyen Options göreceksiniz. Adları, yerleştirdiğiniz klasöre tam olarak yazıldığı gibi girin. Hata yapmadığınızdan emin olmanın küçük bir püf noktası, mp4 videonun adını kopyalayıp MP4 ve WEBM alanlarına yapıştırmaktır. Seçenekler menüsü
Başka bir numara: Bu widget'ın tek yaptığı sizin için HTML 5 kodunu yazmaktır. Widget'ta gördüğünüz için bunu söyleyebilirsiniz. Bu durumda, widget'ı web sayfasından çalışma alanına yerleştirebilirsiniz ve çalışmaya devam edecektir. Bu sayede sayfaya yerleştireceğiniz hiçbir içeriğe müdahale etmez.
Adobe Muse'da Video Ekleme ve Sayfayı Test Etme CC
Videoları oynatacak kodu eklemiş olsanız da Muse hala o videoların nerede olduğunu bilmiyor.
- Bunu düzeltmek için File > Yükleme İçin Dosya Ekle'yi seçin.
- Yükle iletişim kutusu açıldığında, videolarınızı içeren klasöre gidin, onları seçin ve Aç'a tıklayın.
- Yüklendiklerinden emin olmak için Varlıklar panelini açın,ve iki videonuzu görmelisiniz. Onları panelde bırakın. Sayfaya yerleştirilmeleri gerekmez.
-
Projeyi test etmek için File > Sayfayı Tarayıcıda Önizleme öğesini seçin veya bu tek bir sayfa olduğundan, File > Siteyi Tarayıcıda Önizleyin. Varsayılan tarayıcınız açılacak ve video oynatılacaktır.
- Bu noktada Muse dosyasına normal bir web sayfası gibi davranabilir ve Ana sayfaya içerik ekleyebilirsiniz; video bunun altında oynatılacaktır.
Adobe Muse'da Video Poster Çerçevesi Nasıl Eklenir CC
Bu, burada bahsettiğimiz webdir ve bağlantı hızına bağlı olarak, video yüklenirken kullanıcınızın sayfayı açıp boş bir ekrana bakma olasılığı yüksektir. Bu iyi bir şey değil. İşte bu pislikle nasıl başa çıkılacağı.
Video yüklenirken görünecek olan videonun poster çerçevesini eklemek bir "En İyi Uygulama"dır. Bu genellikle videodaki bir karenin tam boyutlu ekran görüntüsüdür.
- Poster çerçevesini eklemek için sayfanın üst kısmındaki Tarayıcı Doldurma üzerine bir kez tıklayın.
- Görüntü bağlantısını tıklayın ve kullanılacak görüntüye gidin.
-
Fitting alanında, Doldurmak için Ölçekle öğesini seçin ve içindeki Orta nokta'yı tıklayın. Konum alanı. Bu, tarayıcının görüntü alanı boyutu değiştiğinde görüntünün her zaman görüntünün merkezinden ölçeklenmesini sağlayacaktır. Resmin sayfayı doldurduğunu da göreceksiniz.
- Bir diğer küçük numara, poster çerçevesinin görünmesi biraz zaman alabilir diye düz bir dolgu rengine sahip olmaktır. Bunu yapmak için Muse Renk Seçici'yi açmak için Color çipini tıklayın. göz damlası aracını seçin ve resimde baskın bir renge tıklayın. Bitirdiğinizde, Tarayıcı Doldurma iletişim kutusunu kapatmak için sayfayı tıklayın.
-
Bu noktada projeyi kaydedebilir veya yayınlayabilirsiniz.
Bu dizinin son kısmı, bir videoyu web sayfasının arka planına kaydıran HTML5 kodunu nasıl yazacağınızı gösterir.
