BlackFullMoon 1
BlackFullMoon
mavzermete 1
mavzermete
Bvural41 1
Bvural41
Hikaye Ekle

Altın Konu Web Sitenize Ücretsiz Bir MP3 Çalar Nasıl Gömülür?

Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!

listening-to-music.png

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 <audio> 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:

Kod:
<audio controls><source src="MP3 URL HERE" type="audio/mpeg">Your browser does not support the audio tag.</audio>

Bu, bilgisayarınızda depolanan bir dosya olamaz; çevrimiçi olarak erişilebilir olmalıdır.

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üğü:

html5-audio-player.pngq50fitcropw750dpr1.png

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.

autoplay ve loop gibi öznitelikleri şu şekilde uygulayabilirsiniz :

Kod:
<audio controls autoplay loop><source src="MP3 URL HERE" type="audio/mpeg">Your browser does not support the audio tag.</audio>

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.

Kenarlık ve dolgu gibi temel özelleştirme, ses oynatıcı bloğuna CSS aracılığıyla uygulanabilir . 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.

2. Google Drive ile Web Sitenize MP3 Yerleştirin

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

Google Drive'a yüklenen MP3 ile:

  1. Dosyayı sağ tıklayın ve Bağlantıyı al öğesini tıklayın .
  2. Erişilebilirlik kısıtlamasını Bağlantıya sahip olan herkes olarak değiştirin .
  3. Son olarak, Bağlantıyı kopyala'yı tıklayın .
Bu size şuna benzer bir URL verecektir:

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

Değiştir

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

Ardından, MP3 çaları web sitenize yerleştirmek için bir <iframe> etiketi kullanın ve DRIVE URL'sini az önce düzenlediğiniz URL ile değiştirin :

Kod:
<iframe frameborder="0" width="400" height="150" src="DRIVE URL"></iframe>

Nitelikleri ( frameborder ve width gibi) gerektiği gibi ayarlayabilir, ekleyebilir veya kaldırabilirsiniz .

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üğü:

google-drive-audio-player.pngq50fitcropw750dpr1.png

Ana fark, bir açılır düğmenin varlığıdır . 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üzenleme konusunda rahat olmayabilirsiniz.

Herhangi bir iyi CMS, arayüzü aracılığıyla web sitenize kolayca ses eklemenize izin verir. Örneğin, WordPress'te, bir blok eklemeniz , Ses öğesini seçmeniz ve ardından MP3'ü Yükleyin , Medya Kitaplığınızdan seçin veya URL'den Ekle öğesini seçmeniz yeterlidir.

wordpress-audio-block.pngq50fitcropw750dpr1.png

Google Sites, ExpressionEngine veya Squarespace gibi bir hizmet kullanıyor olsanız da, ses ekleme süreci 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.
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst