Web Sitenize Ücretsiz Bir MP3 Çalar Nasıl Gömülür: 3 Yol

Web Sitenize Ücretsiz Bir MP3 Çalar Nasıl Gömülür: 3 Yol

Web sitenizin ziyaretçilerinin bir MP3 dosyasının keyfini çıkarmasını istiyorsanız, bunu yapmanın en kolay yollarından biri onu sayfaya gömmektir. Yerleşik bir MP3 çalarla, ziyaretçilerin doğrudan sesi indirmelerine veya satır içinde oynatıldığı için ek yazılım kullanmalarına gerek kalmaz.





HTML5 ve Google Drive dahil olmak üzere web sitenize bir MP3 yerleştirmek için kullanabileceğiniz farklı yöntemleri ayrıntılarıyla anlatacağız.





1. HTML5 ile Web Sitenize Bir MP3 Yerleştirin

Web sitenizin kodunu düzenleme konusunda rahatsanız, bir MP3 dosyasını gömmenin en kolay yollarından biri HTML5 kullanmaktır.





HTML5 etiketi ilk bakışta basit görünebilir, ancak tüm büyük masaüstü ve mobil tarayıcılarla uyumlu olduğu için güçlüdür.

HTML5 içeren bir MP3 gömmek için şu kodu kullanın:



Your browser does not support the audio tag.

Basitçe değiştirin BURADA MP3 URL'si yüklediğiniz ses dosyasıyla. Bu, bilgisayarınızda depolanan bir dosya olamaz; çevrimiçi olarak erişilebilir olmalıdır.

silinen youtube videosunun başlığı nasıl bulunur

Bu kod, sayfaya kullanıcının çalabileceği, duraklatabileceği, çalabileceği ve ses seviyesini ayarlayabileceği küçük bir ses çalar yerleştirir. İşte Firefox'ta nasıl göründüğü:





Bu kod ayrıca, kullanıcının tarayıcısının oynatıcıyı desteklememesi gibi olası bir durumda medya oynatıcının yerine görüntülenecek bir mesaj da içerir.

gibi nitelikleri uygulayabilirsiniz. otomatik oynatma ve döngü , şöyle:





Your browser does not support the audio tag.

Sesi otomatik olarak kullanıcılara zorlamak kötü bir uygulama olarak kabul edildiğinden, çoğu tarayıcının otomatik oynatmayı desteklemeyeceğini unutmayın.

Ses çalar bloğuna CSS aracılığıyla temel özelleştirme uygulanabilir. sınır ve dolgu malzemesi . Ancak, tarayıcılar arasında tutarlı olması için oynatıcının stilini düzgün bir şekilde oluşturmak için JavaScript kullanmanız gerekir.

HTML5 ses oynatıcı özellikleri ve özelleştirme hakkında daha fazla bilgi şurada bulunabilir: MDN Web Belgeleri .

en iyi ücretsiz film uygulaması nedir

İlgili: Herkesin Web Sitelerine Ekleyebileceği Harika HTML Efektleri

2. Google Drive ile Web Sitenize MP3 Yerleştirin

Google Drive bir mükemmel ve ücretsiz bulut depolama sağlayıcısı . MP3 dosyanızı yüklemek ve bir müzik çalar oluşturmak için kullanabilirsiniz.

Google Drive'a yüklenen MP3 ile:

  1. Sağ tık dosya ve tıklayın Bağlantıyı al .
  2. Erişilebilirlik kısıtlamasını şu şekilde değiştirin: Bağlantıya sahip olan herkes .
  3. Son olarak, tıklayın Bağlantıyı kopyala .

Bu size şuna benzer bir URL verecektir:

https://drive.google.com/file/d/123/view?usp=sharing

Yer değiştirmek görünüm?usp=paylaşım ile birlikte Ön izleme , şöyle:

https://drive.google.com/file/d/123/preview

Ardından, bir

Nitelikleri ayarlayabilir, ekleyebilir veya kaldırabilirsiniz (örn. çerçeve sınırı ve Genişlik ) gerektiği gibi.

Bu, MP3'ü Google Drive oynatıcısını kullanarak web sitenize yerleştirecektir. Kullanıcılar, tıpkı HTML5 oynatıcıda olduğu gibi çalabilir, çalabilir ve ses seviyesini ayarlayabilir. İşte nasıl göründüğü:

Temel fark, bir varlığın varlığıdır. dışarı çıkmak buton. Bu, kullanıcıların yorum ekleyebileceği, dosyayı paylaşabileceği ve daha fazlasını yapabileceği Google Drive'daki MP3'ü açar.

3. Bir CMS ile Web Sitenize Bir MP3 Yerleştirin

Web siteniz için bir içerik yönetim sistemi (CMS) kullanıyorsanız, yukarıdaki yöntemleri kullanmaya devam edebilirsiniz. Bununla birlikte, HTML kodunu düzenlemek konusunda rahat olmayabilirsiniz.

Windows media player'da bir film nasıl döndürülür

Herhangi bir iyi CMS, arayüzü aracılığıyla web sitenize kolayca ses eklemenize izin verir. Örneğin, WordPress'te yapmanız gereken tek şey blok ekle , Seçme Ses , ve sonra ya Yüklemek MP3, onu seçin Medya kütüphanesi , veya URL'den ekle .

Google Sites, ExpressionEngine veya Squarespace gibi bir hizmet kullanıyor olsanız da, ses ekleme işlemi biraz farklı olacaktır, bu nedenle tam rehberlik için şirketin yardım belgelerine başvurduğunuzdan emin olun.

Ziyaretçilerinizin MP3'leri Kolaylıkla Dinlemesine İzin Verin

Yukarıdaki yöntemlerden herhangi birini kullanarak, web sitenizin ziyaretçileri artık bir medya oynatıcı aracılığıyla MP3 dosyalarını kolaylıkla dinleyebilecekler.

Bununla birlikte, her zaman MP3 dosyalarını kullanmanıza gerek yoktur. WAV ve FLAC gibi, web sitenizde eşit olarak çevrimiçi olarak çalabileceğiniz birçok yaygın ses formatı vardır.

Paylaş Paylaş Cıvıldamak E-posta En Yaygın 10 Ses Formatı: Hangisini Kullanmalısınız?

MP3'ü biliyorsunuz, peki ya AAC, FLAC, OGG veya WMA? Neden bu kadar çok ses dosyası formatı var ve en iyi ses formatı var mı?

Sonrakini Oku
İlgili konular
  • internet
  • Web Geliştirme
  • Webmaster araçları
  • HTML5
Yazar hakkında Joe Keeley(652 Makale Yayınlandı)

Joe elinde klavyeyle doğdu ve hemen teknoloji hakkında yazmaya başladı. İşletme alanında lisans derecesine (Hons) sahiptir ve şimdi teknolojiyi herkes için basit hale getirmekten hoşlanan tam zamanlı bir serbest yazardır.

Joe Keeley'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın