Mp3 Oynatıcı HTML Şablonları

Gömülü Ses İçin Kullanıma Hazır MP3 Çalar HTML Şablonları

MP3 çalar HTML şablonları, işlevsel bir ses oynatıcı için alan içeren eksiksiz bir düzen sunar. Bu ses bir şarkı, tam bir podcast bölümü veya bir seslendirme demosu olabilir. Tasarım Nicepage üzerinde düzenlenmeye hazırdır. Parça ayrıntılarını girer, oynatıcıyı MP3 dosyanıza bağlar ve sayfayı kendi sunucunuzda barındırmak üzere HTML olarak dışa aktarırsınız.

Hazır Bir Ses Bölümünün İçerdikleri

Örnek olarak portföy sayfasına bir MP3 eklemek isteyen bir stüdyo gitaristini ele alalım. Başlığın ve isminin gerçek metin olarak yer aldığı, oynatıcı için belirgin bir alana ihtiyacı vardır. Kapak görselinin içine gömülen metinler, görsel yüklenemediğinde kaybolur. Sayfa düzenleri belirli ayrıntıları yönetme biçimlerine göre farklılık gösterir:

• Kapak görseli olmasa bile kaydın tanınmasını sağlayan, oynatıcının yanındaki metin alanı.
• İlerleme çubuğu ve süre bilgisiyle yan yana konumlandırılmış tek bir oynatma kontrol noktası.
• Birçok seslendirme demosu ve podcast bölümünde görsel bulunmadığı için isteğe bağlı bir kapak alanı.
• Oynatıcının çevresinde şarkı sözleri, bölüm notları veya rezervasyon bağlantısı için ayrılmış boşluk.

Nicepage bünyesindeki Audio Element, parça ve sanatçı adlarını gösteren çalışan bir oynatıcı ile bu alanı doldurur. Doğru düzen, sayfanın geri kalanına dokunmadan portföy sayfasına doğrudan entegre olur.

Kaydınızı Çevrim İçi Ortama Taşıma

Şablon yalnızca sayfa düzenini sağlar. Kaydı, başlığını ve kaynağını oynatıcı içinde ayrı olarak belirlersiniz. Bir görselin üzerine çizilmiş sahte oynat düğmesine sahip bir demo hiçbir zaman ses çıkarmaz. Audio Element içinde MP3 dosyasını yükleyebilir veya bağlantısını yapıştırabilirsiniz. Bu bileşen yüklemeleri 10 MB ile sınırlar, bu nedenle uzun bir bölüm genellikle URL ile eklenir. Masaüstü uygulamasının Hızlı Önizleme ve Tarayıcı Önizleme özellikleri ses çalmaz; bu nedenle oradaki sessizlik dosya hakkında bir sorun olduğunu göstermez. Online Builder sesi çalar ve başka bir sunucuda barındırma amacıyla HTML dışa aktarmayı da destekler. Sunucunuza aktarılmamış bir dosya çalmayacağı için canlı sayfada oynat düğmesine son bir kez daha basın.

Küçük Ekranlarda Gerçek Başlıklarla Test Etme

Bir telefonda bu bölüm genellikle yatay bir satırdan dikey bir sütun yapısına dönüşür. Düzendeki sıralama, başlığın oynatıcının üzerinde mi görüneceğini yoksa dikey bir kapağın altına mı itileceğini belirler. Kısa yer tutucu başlıklar her demonun düzenli görünmesini sağlar. Uzun bir parça adı, asıl MP3 dosyası ve kare olmayan bir kapak zayıf noktaları hızla ortaya çıkarır. Her Audio Element tek bir dosyayı işler; bu nedenle tek bir sayfadaki birden fazla kayıt, ayrı bir başlık ve ayrı bir oynatıcı gerektirir. Mevcut bir sayfada çalışan tek bir MP3 bloğu için bir HTML şablonu kullanmak, tüm web sitesini yalnızca ses etrafında planlama zorunluluğunu ortadan kaldırır.