Dreamweaver'da videoları web sayfalarına gömmeyi ve FLV dosyalarını eklemeyi öğrenin.

Web sayfalarına video gömme (HTML5)

HTML5, kullanıcıların harici bir eklentiye veya oynatıcıya gerek olmadan tarayıcıda video ve ses dosyalarını oynatmalarına izin veren video ve ses etiketlerini destekler. Dreamweaver video ve ses etiketleri eklemek için kod ipuçlarını destekler.

Canlı Görünüm web sayfasına gömdüğünüz videonun bir önizlemesini sağlayarak videoyu oluşturur.

Not:

Web sayfasına herhangi bir video gömülebilse de, Canlı Görünüm her zaman tüm videoları oluşturmaz. Ses ve video etiketleri Dreamweaver'da Apple QuickTime eklentisi kullanılarak desteklenir. Windows'ta, Apple QuickTime eklentisi yüklü değilse web sayfası medya içeriğini oluşturmaz.

HTML5 video eklemeyi öğrenmek için bkz. Dreamweaver'da HTML5 video ekleme.

FLV dosyaları ekleme

FLV dosyaları ekleme

Flash oluşturma aracı kullanmadan web sayfalarınıza kolayca FLV videosu ekleyebilirsiniz. Başlamadan önce kodlanmış bir FLV dosyanız olmalıdır.

Dreamweaver, FLV dosyasını görüntüleyen bir SWF bileşeni ekler; tarayıcıda görüntülendiğinde, bu bileşen, oynatma denetimi kümesinin yanı sıra seçilen FLV dosyasını da görüntüler.

Seçili FLV dosyası ve oynatma denetimi kümesi
Seçili FLV dosyası ve oynatma denetimi kümesi

Dreamweaver, site ziyaretçilerinize FLV videosu sunmanız için size aşağıdaki seçenekleri sağlar:

Aşamalı İndirilen Video

FLV dosyasını site ziyaretçisinin sabit diskine indirir ve ardından dosyayı oynatır. Video dağıtımının geleneksel "indir ve oynat" yöntemlerinden farklıdır, aşamalı indirme özelliği yükleme tamamlanmadan önce video dosyasının oynatılmaya başlanmasını sağlar.

Video Akışı

Video içeriğini akışa alır ve sorunsuz kayıttan oynatmayı sağlamak için kısa bir önbelleğe alma süresinin ardından web sayfasında oynatır. Web sayfalarınızda video akışını etkinleştirmek için Adobe® Flash® Media Server'a erişiminiz olmalıdır.

Dreamweaver'da kullanmaya başlamadan önce kodlanmış FLV dosyanız olmalıdır. İki tür codec'le oluşturulmuş video dosyalarını ekleyebilirsiniz (sıkıştırma/açma teknolojileri): Sorenson Squeeze ve On2.

Normal SWF dosyalarında olduğu gibi, bir FLV dosyası eklediğinizde, Dreamweaver, kullanıcının videoyu görüntülemek için doğru Flash Player sürümüne sahip olup olmadığını denetlemek üzere bir kod ekler. Kullanıcı doğru sürüme sahip değilse, sayfa kullanıcının en son Flash Player sürümünü indirmesini isteyen alternatif içeriği görüntüler.

Not:

FLV dosyalarını görüntülemek için, kullanıcıların bilgisayarlarında Flash Player 8 ya da sonraki sürümüne sahip olması gerekir. Bir kullanıcının bilgisayarında gerekli Flash Player sürümü yüklü değilse, ancak Flash Player 6.0 r65 veya sonraki sürümü yüklüyse, tarayıcı alternatif içerik yerine Flash Player hızlı yükleme programını görüntüler. Kullanıcı hızlı yüklemeyi reddederse sayfa, alternatif içeriği görüntüler.

Video ile çalışma hakkında daha fazla bilgi için www.adobe.com/go/flv_devcenter_tr adresindeki Video Teknoloji Merkezi'ni ziyaret edin.

FLV dosyası ekleme

  1. Ekle > HTML > Flash Video seçeneğini belirleyin.

    Flash Video ekleme
    Flash Video ekleme

  2. FLV Ekle iletişim kutusunda, Video Türü açılır menüsünden Aşamalı İndirilen Video'yu veya Video Akışı'nı seçin.
  3. İletişim kutusunda geri kalan seçenekleri tamamlayın ve Tamam'ı tıklatın.

Not:

Microsoft Internet Information Server (IIS) yuvalanmış nesne etiketlerini işlemez. Dreamweaver, SWF veya FLV dosyalarını eklerken ASP sayfaları için yuvalanmış nesne kodu yerine yuvalanmış nesne/gömme kodunu kullanır.

Aşamalı indirilen videonun seçeneklerini ayarlama

FLV Ekle iletişim kutusu, web sayfasına eklenmiş FLV dosyasının aşamalı indirme dağıtımı için seçenekleri ayarlamanıza olanak sağlar.

  1. Ekle > HTML > Flash Video'yu seçin (veya Ekle panelinin HTML kategorisinde Flash Video simgesini tıklatın).

  2. FLV Ekle iletişim kutusunda, Video Türü menüsünden Aşamalı İndirilen Video'yu seçin.
    Flash Video ekleme
    Flash video ekleme

  3. Aşağıdaki seçenekleri belirleyin:

    URL

    FLV dosyasına olan görece veya kesin yolu belirtir. Görece yol belirlemek için (örneğin, yolum/videom.flv) Gözat düğmesini tıklatın, FLV dosyasına gidin ve dosyayı seçin. Kesin yol belirlemek için FLV dosyasının URL'sini yazın (örneğin, http://www.ornek.com/videom.flv)

    Dış Görünüm

    Video bileşeninin görünümünü belirler. Seçili dış görünümün önizlemesi Dış Görünüm açılır menüsünün altında görüntülenir.

    Genişlik

    FLV dosyasının piksel cinsinden genişliği. Dreamweaver, FLV dosyasının genişliğini belirler ve genişliği bu alanda otomatik olarak görebilirsiniz.

    Yükseklik

    FLV dosyasının piksel cinsinden yüksekliği. Dreamweaver, FLV dosyasının yüksekliğini otomatik olarak en iyileştirir ve yüksekliği bu alanda otomatik olarak görebilirsiniz.

    Not:

    Dış Görünümle Toplam öğesi, FLV dosyasının genişlik ve yüksekliği artı seçili dış görünümün genişlik ve yüksekliğidir.

    Sınırla

    Video bileşeninin genişlik ve yüksekliği arasındaki en boy oranını korur. Bu seçenek varsayılan olarak seçilidir.

    Otomatik Oynat

    Web sayfası açıldığında videonun oynatılıp oynatılmayacağını belirler.

    Otomatik Geri Sar

    Videonun oynatılması tamamlandıktan sonra kayıttan oynatma denetiminin başlangıç konumuna dönüp dönmeyeceğini belirler.

  4. İletişim kutusunu kapatmak ve FLV dosyasını web sayfanıza eklemek için Tamam'ı tıklatın.

    FLV Ekle komutu, web sayfasında video içeriğinizi görüntülemek için kullanılan video oynatıcı SWF dosyası ve dış görünüm SWF dosyası oluşturur. (Yeni dosyaları görmek için Dosyalar panelinde Yenile düğmesini tıklatın.) Bu dosyalar, video içeriğini eklediğiniz HTML dosyasıyla aynı dizine kaydedilmelidir. FLV dosyasını içeren HTML sayfasını yüklediğinizde Dreamweaver, bu dosyaları bağımlı dosyalar olarak yükler (Bağımlı Dosyaları Koy iletişim kutusunda Evet'i tıklattığınız sürece).

Video akışının seçeneklerini ayarlama

FLV Ekle iletişim kutusu, web sayfasına eklenmiş FLV dosyasının video akışı indirmesi için seçenekleri ayarlamanıza olanak sağlar.

  1. Ekle > HTML > Flash Video'yu seçin (veya Ekle panelinin HTML kategorisinde Flash Video simgesini tıklatın).

  2. Video Türü açılır menüsünden Video Akışı'nı seçin.
    Video akışının seçeneklerini ayarlama
    Video akışının seçeneklerini ayarlama

    Sunucu URI'sı

    Sunucu adını, uygulama adını ve örnek adını rtmp://www.ornek.com/uygulama_adı/ornek_adı formunda belirler.

    Akış Adı

    Oynatılmasını istediğiniz FLV dosyasının adını belirler (örneğin, videom.flv). .flv uzantısı isteğe bağlıdır.

    Dış Görünüm

    Video bileşeninin görünümünü belirler. Seçili dış görünümün önizlemesi Dış Görünüm açılır menüsünün altında görüntülenir.

    Genişlik

    FLV dosyasının piksel cinsinden genişliği. Dreamweaver, FLV dosyasının genişliğini belirler ve genişliği bu alanda otomatik olarak doldurur.

    Yükseklik

    FLV dosyasının piksel cinsinden yüksekliği. Dreamweaver, FLV dosyasının yüksekliğini belirler ve piksel cinsinden yüksekliği bu alanda otomatik olarak doldurur.

    Not:

    Dış Görünümle Toplam öğesi, FLV dosyasının genişlik ve yüksekliği artı seçili dış görünümün genişlik ve yüksekliğidir.

    Sınırla

    Video bileşeninin genişlik ve yüksekliği arasındaki en boy oranını korur. Bu seçenek varsayılan olarak seçilidir.

    Canlı Video Beslemesi

    Video içeriğinin canlı olup olmadığını belirler. Canlı Video Beslemesi seçiliyse Flash Player, Flash® Media Server'dan akan canlı video beslemesini oynatır. Canlı video beslemesinin adı, Akış Adı metin kutusunda belirtilen addır.

    Not:

    Canlı Video Beslemesi'ni etkinleştirmek için Halo dış görünüm seçeneklerinden birini Dış Görünüm alanından seçmeniz gerekir. Canlı Video Beslemesi'ni seçtiğinizde, canlı videoyu yönetemeyeceğiniz için bileşen dış görünümünde sadece ses denetimi görüntülenir. Ayrıca, Otomatik Oynat ve Otomatik Geri Sar seçeneklerinin etkisi olmayacaktır.

    Otomatik Oynat

    Web sayfası açıldığında videonun oynatılıp oynatılmayacağını belirler.

    Otomatik Geri Sar

    Videonun oynatılması tamamlandıktan sonra kayıttan oynatma denetiminin başlangıç konumuna dönüp dönmeyeceğini belirler.

    Arabellek Süresi

    Videonun oynatılmaya başlamasından önce gereken arabelleğe alma süresini saniye cinsinden belirler. Varsayılan arabellek süresi 0 olarak ayarlanmıştır, böylece video Oynat düğmesi tıklatıldığı anda oynatılmaya başlar. (Otomatik Oynat seçiliyse, video, sunucuyla bağlantı kurulduğu anda oynatılmaya başlar.) Bit hızı site ziyaretçisinin bağlantı hızından daha yüksek olan video dağıtıyorsanız veya İnternet trafiği bant genişliği veya bağlantı sorunlarına neden olacaksa, arabelleğe alma süresi ayarlamak isteyebilirsiniz. Örneğin, web sayfası videoyu oynatmaya başlamadan önce videonun 15 saniyesini web sayfasına göndermek istiyorsanız, arabellek süresini 15 olarak ayarlayın.

  3. İletişim kutusunu kapatmak ve FLV dosyasını web sayfanıza eklemeniz için Tamam'ı tıklatın.

    FLV Ekle komutu, web sayfasında videonuzu görüntülemek için kullanılan video oynatıcı SWF dosyası ve dış görünüm SWF dosyası oluşturur. Komut aynı zamanda Flash Media Server'a yüklemeniz gereken main.asc dosyası da oluşturur. (Yeni dosyaları görmek için Dosyalar panelinde Yenile düğmesini tıklatın.) Bu dosyalar, video içeriğini eklediğiniz HTML dosyasıyla aynı dizine kaydedilmelidir. FLV dosyasının olduğu HTML sayfasını yüklediğinizde web sunucunuza SWF dosyalarını ve Flash Media Server'a main.asc dosyasını yüklemeyi unutmayın.

    Not:

    Sunucunuzda zaten main.asc dosyanız varsa, FLV Ekle komutuyla oluşturulan main.asc dosyasını yüklemeden önce sunucu yöneticinize danışın.

    Dreamweaver Belge penceresinde video bileşeni yer tutucularını seçerek ve Özellik denetimindeki (Pencere > Özellikler) Medya Yükle düğmesini tıklatarak gerekli tüm medya dosyalarını kolayca yükleyebilirsiniz. Gerekli dosyaların listesini görmek için Gerekli Dosyaları Göster'i tıklatın.

    Not:

    Medya Yükle düğmesi video içeriğinin olduğu HTML dosyasını yüklemez.

Flash Player indirme bilgilerini düzenleme

Bir sayfaya FLV dosyası eklediğinizde Dreamweaver, kullanıcının doğru Flash Player sürümüne sahip olup olmadığını saptayan bir kod ekler. Sahip değilse, sayfa kullanıcının en son sürümü indirmesini isteyen varsayılan alternatif içeriği görüntüler. Bu alternatif içeriği istediğiniz zaman değiştirebilirsiniz.

Bu yordam SWF dosyalarına da uygulanır.

Not:

Bir kullanıcı gerekli sürüme sahip değilse; ancak, Flash Player 6.0 r65 veya sonraki sürümüne sahipse, tarayıcı bir Flash Player hızlı yükleme programı görüntüler. Kullanıcı hızlı yüklemeyi reddederse sayfa, alternatif içeriği görüntüler.

  1. Belge penceresinin Tasarım görünümünde, SWF dosyası veya FLV dosyasını seçin.
  2. SWF veya FLV dosyasında göz simgesini tıklatın.

    Not:

    Alternatif içerik görünümüne geçmek için Control + ] tuşlarına da basabilirsiniz. SWF/FLV görünümüne dönmek için tüm alternatif içerik seçilene kadar Control + ] tuşlarına basın. Ardından Control + ] tuşlarına yeniden basın.

  3. İçeriği, Dreamweaver'daki diğer her tür içeriği düzenlediğiniz şekilde düzenleyin.

    Not:

    Alternatif içerik olarak SWF dosyaları veya FLV dosyaları ekleyemezsiniz.

  4. SWF veya FLV dosyası görünümüne dönmek için göz simgesini tekrar tıklatın.

FLV dosyalarında sorun giderme

Bu bölümde, FLV dosyalarındaki sorunların en yaygın nedenlerinden bazıları ayrıntılı olarak açıklanmaktadır.

İlgili dosyaların mevcut olmamasından kaynaklanan görüntüleme sorunları

Dreamweaver CS4 ve üstü tarafından üretilen kod, FLV dosyasından farklı dört bağımlı dosyaya dayanır.

  • swfobject_modified.js

  • expressInstall.swf

  • FLVPlayer_Progressive.swf

  • Dosyanın dış görünümü (örneğin Clear_Skin_1.swf)

Dreamweaver CS3 ile karşılaştırıldığında Dreamweaver CS4 ve üstü için iki adet daha bağımlı dosya olduğunu unutmayın.

Bu dosyaların ilk ikisi (swfobject_modified.js ve expressInstall.swf) Scripts adlı bir klasöre yüklenir. Bu klasör mevcut değilse, Dreamweaver tarafından sitenizin kökünde oluşturulur.

Diğer iki dosya (FLVPlayer_Progressive.swf ve dış görünüm dosyası), FLV'nin gömülü olduğu sayfayla aynı klasöre yüklenir. Dış görünüm dosyası, FLV denetimlerini içerir ve adı Dreamweaver Yardımı'nda açıklanan seçeneklerde belirlenen dış görünüme dayanır. Örneğin, Temiz Dış Görünüm öğesini seçerseniz dosya Clear_Skin_1.swf olarak adlandırılır.

FLV'nin düzgün görüntülenmesi için dört bağımlı dosyanın hepsi uzak sunucunuza YÜKLENMELİDİR.

Bu dosyaların yüklenmemesi, FLV dosyalarının bir web sayfasında düzgün çalışmamasının en yaygın nedenidir. Dosyalardan biri eksikse, sayfada "beyaz bir kutu" görebilirsiniz.

Bağımlı dosyaların hepsini yüklediğinizden emin olmak için, FLV dosyasının göründüğü sayfayı yüklemek amacıyla Dreamweaver Dosyalar panelini kullanın. Sayfayı yüklediğinizde, Dreamweaver, bağımlı dosyaları yüklemek isteyip istemediğinizi sorar (bu seçeneği kapatmadıysanız). Bağımlı dosyaları yüklemek için Evet'i tıklatın.

Sayfaların yerel olarak önizlemesini yaparken oluşan görüntüleme sorunları

Dreamweaver CS4'teki güvenlik güncellemeleri nedeniyle, Dreamweaver site tanımınızda yerel bir test sunucusu tanımlamadıysanız ve sayfayı görüntülemek için test sunucusunu kullanmazsanız, gömülü FLV'ye sahip bir sayfayı test etmek için Tarayıcıda Önizle komutunu kullanamazsınız.

Genellikle, yalnızca ASP, ColdFusion veya PHP ile sayfaları geliştirmeniz durumunda bir test sunucusuna ihtiyaç duyarsınız (bkz. Bilgisayarınızı uygulama geliştirme için ayarlama). Yalnızca HTML kullanan web siteleri oluşturuyorsanız ve bir test sunucusu tanımlamadıysanız, F12 (Windows) Opt+F12 (Macintosh) tuşuna bastığınızda ekranda karışık dış görünüm denetimleri oluşur. Bu sorun, test sunucusunun tanımlanıp sayfa önizlemesi için kullanılmasıyla ya da dosyalarınızın uzak bir sunucuya yüklenip bu sunucuda görüntülenmesiyle giderilebilir.

Not:

Yerel FLV içeriğini önizleyememenin nedeni güvenlik ayarları da olabilir, ancak Adobe henüz bunu onaylayamamıştır. Bu konuda size yardımcı olup olmadığını görmek için güvenlik ayarlarınızı değiştirmeyi de deneyebilirsiniz. Güvenlik ayarlarınızı değiştirme konusunda daha fazla bilgi için bkz. Teknik Not 117502.

FLV dosyalarıyla ilgili sorunların diğer olası nedenleri

  • Yerel olarak önizleme sorunu yaşıyorsanız Düzenle > Tercihler > Gerçek Zamanlı Önizleme altında Geçici dosya kullanarak önizle seçeneğinin işaretli olmadığından emin olun.

  • En güncel FlashPlayer eklentisine sahip olduğunuzdan emin olun

  • Dosya ve klasörleri Dreamweaver dışına taşıma konusunda dikkatli olun. Dosya ve klasörleri Dreamweaver dışına taşıdığınızda Dreamweaver, FLV ile ilgili dosyalara giden yolların doğruluğunu garanti edemez.

  • Sorun yaşamanıza neden olan FLV dosyasını geçici olarak, sorunsuz çalıştığını bildiğiniz bir FLV dosyasıyla değiştirebilirsiniz. Değiştirilen FLV dosyası çalışırsa sorun, tarayıcınızla veya bilgisayarınızla değil, orijinal FLV dosyasıyla ilgilidir.

FLV bileşenini düzenleme veya silme

Dreamweaver Belge penceresindeki video bileşeni yer tutucusunu seçip Özellik denetimini kullanarak Web sayfanızdaki video ayarlarını değiştirin. Aynı işlemi video bileşenini silip Ekle > HTML > Flash Video'yu seçerek tekrar eklemek suretiyle de gerçekleştirebilirsiniz.

FLV bileşenini düzenleme

  1. Yer tutucunun ortasındaki Video simgesini tıklatarak Dreamweaver Belge penceresinde video bileşeni yer tutucusunu seçin.
  2. Özellik denetimini (Pencere > Özellikler) açın ve değişikliklerinizi yapın.

    Not:

    Özellik denetimini kullanarak video türlerini (aşamalı indirmeden akışa örneğin) değiştiremezsiniz. Video türünü değiştirmek için FLV bileşenini silin ve Ekle > Medya > FLV'yi seçerek yeniden ekleyin.

FLV bileşenini silme

  1. Dreamweaver Belge penceresinde FLV bileşeni yer tutucusunu seçin ve Sil'e basın.

Video ekleme (diğer formatlar)

.flv dosyası olmayan videolar eklemeyi öğrenmek için bkz. Video Ekleme (FLV dışı)

Ayrıca Dreamweaver sitenizde .mp3 dosyalarını veya Quicktime videolarını oynatmak için Dreamweaver'da eklenti içeriği ekleme konusunu öğrenmek de isteyebilirsiniz.

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi