HTML Eklentileri

Yıllar önce tarayıcılar eklentilere (plug-ins) — tarayıcının yanında kurulan ekstra programlara — dayanırdı: video oynatmak, animasyon çalıştırmak veya belirli belgeleri göstermek için. Flash ünlü örnekti; Shockwave ve çeşitli tescilli yardımcılar aynı dalgaya bindi. Yazarlar çoğu zaman ziyaretçilere bir ders veya ürün demosu bile başlamadan «lütfen yükleyin…» derdi. Açık web için o çağ bitti. Bu kısa oturum bir uyarı tabelasıdır, plug-in ile inşa etme kılavuzu değil. Zaten yerine geçenleri uyguluyorsunuz: yerel medya ve dikkatli embed’ler.

Tarayıcıda «plug-in» ne anlama geliyordu

Klasik bir tarayıcı plug-in’i, ziyaretçinin (veya BT biriminin) kurması gereken yazılımdı; böylece tarayıcı belirli dosya türlerini o yardımcıya verebilirdi. Yazarlar sonra sayfaları o dönemde normal görünen etiketler ve kalıplarla bu yardımcılara yönlendirirdi. Sayfa artık «tarayıcının anladığı yalnızca HTML» değildi; eksik, eski, engellenmiş, güvensiz veya telefonlarda hiç bulunmayan bir üçüncü taraf ikiliye bağlıydı. Yardımcı başarısız olunca ders de onunla başarısız olurdu — işaretlemeniz o eski yığın için «doğru» olsa bile.

Doğrudan yanıt

Flash veya benzeri yüklenebilir medya plug-in’lerine bağlı yeni siteler oluşturmayın. Yerel HTML kullanın: davranış gerektiğinde video, audio, canvas, SVG ve JavaScript. Ziyaretçiler yalnızca günlük içeriğinizi görmek için özel tarayıcı eklentileri yüklememelidir. Eski bir eğitimde antik bir Flash <object> / <embed> parçası görürseniz, bunu müze parçası sayın, bugünün işi için şablon değil. Modern bir sayfa ses, hareket veya başka bir sitenin resmi oynatıcısına ihtiyaç duyduğunda az önce bitirdiğiniz medya ve iframe derslerini tercih edin.

O zaman karşı şimdi

Açık web neden ilerledi

Büyük tarayıcılar klasik NPAPI tarzı plug-in desteğini kaldırdı veya devre dışı bıraktı. Güvenlik ekipleri tarayıcı sürecinin yanındaki büyük saldırı yüzeylerini sevmedi. Mobil platformlar masaüstü Flash’i günlük sitelerin temeli olarak hiç görmedi. Standart grupları ve tarayıcı üreticileri yerel medya, grafik ve script API’lerine yatırım yaptı; böylece sıradan sayfalar daha az kurulum ve daha az «oynatıcınızı güncelleyin» kesintisiyle çalıştı. Öğrenenler için sonuç pratiktir: önceki video, audio ve iframe dersleriniz modern yoldur — plug-in kurulum sihirbazları veya kurumsal yardımcı yükleyicilerle nostalji turu değil.

Bunun yerine ne yapmalı

1. Kendi barındırdığınız medya dosyaları için video / audio tercih edin (veya bir ana bilgisayar resmi oynatıcı verdiğinde dikkatli embed).
2. Basit hareket, simgeler ve dekoratif şekiller için SVG veya CSS tercih edin.
3. Daha zengin etkileşim gerektiğinde daha geniş web müfredatında sonra öğretilen JavaScript API’lerini kullanın.
4. PDF ve benzeri dosyalar için «X yardımcısını yüklemelisiniz» iş akışları yerine standart belgeler ve indirme bağlantıları tercih edin.
5. Gerçekten başka bir sayfanın UI’sine yerinde ihtiyaç duyduğunuzda tescilli ActiveX tarzı object kalıpları yerine dikkatli iframe embed’lerini (önceki ders) tercih edin.

Eski eğitimleri tuzağa düşmeden okumak

Arama sonuçları hâlâ «Flash Player yükleyin» diyen on yıllık sayfaları veya birçok tescilli parametreli uzun <object> / <embed> bloklarını gösterir. Bu yazılar web’in eskiden zengin medyayı nasıl sunduğunu anlamak için tarihsel olarak ilginç olabilir. Mevcut kurs uygulaması değildirler. Bir eğitimin ilk adımı «tarayıcı plug-in’i indirin» ise durun ve sorun: video, audio, SVG, CSS hareketi veya modern bir ana bilgisayar embed’i aynı hedefi daha az sürtünmeyle karşılıyor mu? Bu kursun medya yolu size bu araçları bilerek verdi; böylece kurulum afişi çağını atlayabilirsiniz.

Plug-in’ler vs eklentiler vs iframe embed’leri

• Klasik plug-in’ler (bu ders): sayfanın zorunlu tuttuğu yüklenebilir medya yardımcıları — açık webden büyük ölçüde gitti.
• Tarayıcı extensions (eklentiler): kullanıcıların kendileri için yüklediği isteğe bağlı araçlar (reklam engelleyiciler, parola yöneticileri, geliştirici yardımcıları). Yazarlar, ana içeriğin görünmesi için ziyaretçilerin aynı extension setini paylaşmasına bağımlı olmamalıdır.
• iframe embed’leri: başka bir site resmi bir oynatıcı veya araç sayfası sunduğunda hâlâ geçerlidir (YouTube dersi + iframes dersi). Bu bir sayfayı çerçevelemektir; Flash veya Shockwave yardımcısı yüklemek değil.
  Sözlüğü net tutun; gerçekten yerel medya veya dikkatli bir embed gerektiğinde «bir plug-in’e ihtiyacımız var» modern proje planlamasına yeniden sızmasın.

Yansıtma (kodlama laboratuvarı yerine)

Bu oturumda bilerek kod örneği ve quiz yoktur — kurs bunu isteğe bağlı ve quiz’siz işaretler; böylece ölü kalıpları pratik etmeden uyarıyı özümsersiniz. Birkaç dakika düşünün:

1. Daha önce plug-in yerine video veya audio ile çözdüğünüz bir medya ihtiyacı adlandırın.
2. Hâlâ Flash’ten söz eden çevrimiçi eski bir eğitim bulun ve kurulum adımlarını neden atlayacağınızı not edin.
3. Bir sınıf arkadaşına tek cümlede, boş «lütfen yükleyin…» afişlerinin yeni siteler için neden kırmızı bayrak olduğunu açıklayın.
4. Tescilli bir yardımcı uydurmak yerine resmi bir iframe embed’inin uygun olduğu bir durumu listeleyin.
5. Bir ekip arkadaşı modern bir ders sayfasına Flash <object> bloğu yapıştırırsa söyleyeceğiniz bir satır yazın.

Kolay hatalar

• Hâlâ «Flash yükleyin» diyen eski eğitimleri bugün zorunluymuş gibi kopyalamak
• Her ziyaretçinin her cihazda tescilli plug-in çalıştırabileceğini varsaymak
• Büyük tarayıcıların klasik plug-in desteğini kaldırdığını yok saymak
• Tarayıcı eklentilerini (kullanıcı tercihi) sayfanın zorunlu tuttuğu medya plug-in’leriyle karıştırmak
• Antik Flash <object> / <embed> parçalarını başlangıç şablonu saymak
• Bu uyarı dersinin iframe’ler ve yerel medyanın «de eski» olduğu anlamına geldiğine inanmak — değiller

Bu medya yoluna nasıl uyar

Kendi barındırılan video ve audio’yu, sonra YouTube ve genel iframe embed’lerini öğrendiniz. Plug-in’ler bu yolun yanında tarih olarak durur: sektör yüklenebilir yardımcıları denedi, sonra yerel ve çerçeveli yaklaşımları standartlaştırdı. Çıkmazı bilmek kötü tavsiyeyi hızlı reddetmeye, ziyaretçileri anlamsız kurulum adımlarından korumaya ve müze işaretlemesini ödev saymadan bu kursun canlı öğelerini uygulamaya yardımcı olur.

Özet

• Medya için klasik tarayıcı plug-in’leri açık webde eskidi
• Yerel HTML medya, SVG/CSS, modern JS ve dikkatli iframe’ler onların yerini aldı
• Yeni iş için Flash dönemi kalıplarını atlayın
• Kurulum istediklerinde eski eğitimleri eleştirel okuyun
• Bu kursun zaten öğrettiği standart öğeleri öğrenmeye devam edin
• İsteğe bağlı oturum, sıfır kod örneği, sıfır quiz — uyarı derstir