Cara Memasukkan Pemain MP3 Percuma di Laman Web Anda: 3 Cara

Cara Memasukkan Pemain MP3 Percuma di Laman Web Anda: 3 Cara

Sekiranya anda ingin pelawat laman web anda menikmati fail MP3, salah satu cara termudah untuk melakukannya adalah dengan memasukkannya ke halaman. Dengan pemain MP3 yang tersemat, pengunjung tidak perlu memuat turun audio secara langsung atau menggunakan perisian tambahan kerana ia memainkan sebaris.





Kami akan memperincikan pelbagai kaedah yang boleh anda gunakan untuk memasukkan MP3 di laman web anda, termasuk menggunakan HTML5 dan Google Drive.





1. Benamkan MP3 di Laman Web Anda Dengan HTML5

Sekiranya anda selesa mengedit kod laman web anda, salah satu cara termudah untuk menanamkan fail MP3 adalah dengan menggunakan HTML5.





HTML5 teg mungkin kelihatan asas pada pandangan pertama, tetapi kuat kerana serasi dengan semua penyemak imbas desktop dan mudah alih utama.

Untuk membenamkan MP3 dengan HTML5, gunakan kod ini:



Your browser does not support the audio tag.

Cukup ganti URL MP3 DI SINI dengan fail audio yang anda muat naik. Ini bukan fail yang disimpan di komputer anda; ia mesti tersedia dalam talian.

bagaimana saya menukar akaun google lalai

Kod ini akan meletakkan pemain audio kecil di halaman, dari mana pengguna dapat memainkan, menjeda, menggosok, dan menyesuaikan kelantangan. Inilah rupanya di Firefox:





Kod ini juga termasuk mesej yang akan dipaparkan sebagai pengganti media player, dalam keadaan tidak mungkin penyemak imbas pengguna tidak menyokong pemain tersebut.

Anda boleh menggunakan atribut seperti permainan automatik dan gelung , seperti:





Your browser does not support the audio tag.

Ingatlah bahawa kebanyakan penyemak imbas tidak akan menyokong main automatik kerana dianggap sebagai amalan buruk untuk memaksa audio secara automatik ke pengguna.

Penyesuaian asas dapat diterapkan pada blok pemain audio melalui CSS, seperti sempadan dan pembalut . Walau bagaimanapun, anda perlu menggunakan JavaScript untuk menggayakan pemain itu dengan betul agar selaras di seluruh penyemak imbas.

Maklumat lebih lanjut mengenai atribut dan penyesuaian pemain audio HTML5 boleh didapati di Dokumen Web MDN .

cara merakam panggilan di iphone anda

Berkaitan: Kesan HTML Hebat Siapa Saja Boleh Menambah ke Laman Web Mereka

2. Benamkan MP3 di Laman Web Anda Dengan Google Drive

Google Drive adalah penyedia penyimpanan awan yang sangat baik dan percuma . Anda boleh menggunakannya untuk memuat naik fail MP3 dan membuat pemain audio.

Dengan MP3 yang dimuat naik ke Google Drive:

  1. Klik kanan fail dan klik Dapatkan pautan .
  2. Ubah sekatan aksesibilitas menjadi Sesiapa sahaja yang mempunyai pautan .
  3. Akhirnya, klik Salin pautan .

Ini akan memberi anda URL yang serupa dengan ini:

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

Ganti lihat? usp = berkongsi dengan pratonton , seperti:

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

Kemudian, gunakan

Anda boleh menyesuaikan, menambah, atau membuang atribut (seperti sempadan bingkai dan lebar ) sebagai keperluan.

Ini akan menyematkan MP3 di laman web anda menggunakan pemain Google Drive. Pengguna boleh bermain, menggosok, dan menyesuaikan kelantangan, sama seperti pemain HTML5. Begini rupanya:

Perbezaan utama adalah kehadiran a terkeluar butang. Ini membuka MP3 di Google Drive, di mana pengguna dapat menambahkan komen, berkongsi fail dan banyak lagi.

3. Benamkan MP3 di Laman Web Anda Dengan CMS

Sekiranya anda menggunakan sistem pengurusan kandungan (CMS) untuk laman web anda, anda mungkin masih boleh menggunakan kaedah di atas. Walaupun begitu, anda mungkin tidak selesa mengedit kod HTML.

cara membina antena wifi

CMS yang baik akan membolehkan anda menambahkan audio ke laman web anda dengan mudah melalui antara muka. Sebagai contoh, di WordPress, anda hanya perlu tambah blok , pilih Audio , dan kemudian sama ada Muat naik MP3, pilih dari anda Perpustakaan Media , atau Masukkan dari URL .

Sama ada anda menggunakan Tapak Google, ExpressionEngine, atau perkhidmatan seperti Squarespace, proses untuk menambahkan audio akan sedikit berbeza, jadi pastikan untuk merujuk dokumentasi bantuan syarikat untuk mendapatkan panduan penuh.

Biarkan Pengunjung Anda Mendengarkan MP3 Dengan Mudah

Dengan menggunakan kaedah di atas, pelawat laman web anda kini dapat mendengar fail MP3 melalui pemain media dengan mudah.

Walaupun begitu, anda tidak perlu selalu menggunakan fail MP3. Terdapat banyak format audio biasa yang lain, seperti WAV dan FLAC, yang anda boleh mainkan sebaris di laman web anda.

Berkongsi Berkongsi Tweet E-mel 10 Format Audio Paling Lazim: Mana Yang Harus Anda Gunakan?

Anda tahu mengenai MP3, tetapi bagaimana dengan AAC, FLAC, OGG, atau WMA? Mengapa terdapat begitu banyak format fail audio dan adakah format audio terbaik?

Baca Seterusnya
Topik-topik yang berkaitan
  • Internet
  • Pembangunan Web
  • Alat Webmaster
  • HTML5
Mengenai Pengarang Joe Keeley(652 Artikel Diterbitkan)

Joe dilahirkan dengan papan kekunci di tangannya dan segera mula menulis mengenai teknologi. Dia mempunyai BA (Kepujian) dalam Perniagaan dan kini menjadi penulis bebas sepenuh masa yang senang menjadikan teknologi mudah untuk semua orang.

Lagi Dari Joe Keeley

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan