Kami menerima pertanyaan menarik minggu lalu di TechJunkie Towers. Itu dianggap sesuatu yang belum pernah saya pertimbangkan sebelumnya dan ingin tahu bagaimana cara menanamkan audio MP3 di halaman web dengan Google Drive. Sebagai seseorang yang menjalankan sejumlah situs web untuk organisasi, pertanyaan itu diserahkan kepada saya untuk dijawab.
Anda biasanya menghosting media apa pun di samping situs web jika Anda ingin menampilkannya di halaman. Itu membuat segalanya rapi dan mengurangi jumlah kueri eksternal yang harus dibuat halaman web Anda saat memuat. Namun, itu bukan satu-satunya cara untuk melakukan sesuatu dan jika, karena alasan tertentu Anda tidak dapat meng-host audio Anda di samping situs web Anda, Anda dapat menggunakan Google Drive atau layanan cloud lainnya untuk meng-host-nya dan menautkan ke halaman web Anda.
Meskipun tutorial ini menangani penyematan ke halaman web, prinsip yang sama berlaku untuk sebagian besar halaman online. Itu bisa termasuk jejaring sosial, blog, wiki, halaman arahan atau apa pun.
Sematkan audio di halaman web dengan Google Drive
Untuk menyematkan audio pada halaman web, kami biasanya akan mengunggah file MP3 ke host web dan menempatkannya sejajar di halaman. Ini memungkinkan halaman untuk menanyakan host dan memutar musik dengan cepat dan tanpa pertanyaan eksternal lebih lanjut. Itu tidak selalu mungkin. Jika Anda tidak memiliki kapasitas penyimpanan ruang pada host web Anda atau host tidak terlalu cepat atau cocok untuk streaming, Anda perlu mencari di tempat lain.
Di situlah Google Drive atau layanan cloud lainnya masuk. Anda dapat mengunggah MP3 ke penyimpanan cloud dan menautkannya dari halaman web Anda. Kemudian, setiap kali seseorang memutar trek yang mereka streaming jika dari Drive Anda bukan secara lokal di host web Anda. Mengingat seberapa besar dan kuat server cloud Google, Anda dapat menggunakannya untuk keuntungan Anda!
Berikut cara mengaturnya:
- Masuk ke Google Drive Anda seperti biasa.
- Buat folder dan unggah file MP3 ke dalamnya.
- Tetapkan izin untuk file MP3 ke 'Di-Publik di web, Siapa pun di Internet dapat menemukan dan melihat'.
- Simpan izinnya.
- Abadikan tautan bagikan pada halaman Bagikan. Ini akan memulai 'https://drive.google./com/…'
Itu untuk pengaturan. File MP3 Anda sekarang ada di cloud dan dapat diakses oleh siapa saja dengan tautan berbagi. Kami sekarang perlu menempatkan tautan itu secara online di laman web Anda agar orang lain dapat mengaksesnya.
Menanamkan tautan ke halaman Anda
Bagaimana tepatnya Anda menyematkan tautan berbagi tergantung pada apa yang Anda gunakan untuk situs web Anda. Anda dapat menggunakan metode berbeda untuk WordPress atau Joomla seperti yang Anda lakukan untuk HTML atau kerangka kerja lainnya.
Untuk menanamkan MP3 Anda di halaman WordPress:
- Buka halaman Anda di WordPress dan buat ruang untuk file audio.
- Pilih tombol Tambah Media di bagian atas halaman editor.
- Pilih Masukkan URL dan tempelkan URL Google Drive dari atas.
- Beri nama dan judul, lalu Sisipkan Media.
- Simpan halaman setelah selesai.
Jika Anda melihat pratinjau halaman Anda sekarang harus melihat tautan dan uraiannya ditambahkan di mana Anda menempatkannya pada halaman. Mainkan media dan itu akan mengalir tanpa terlihat dari Google Drive Anda melalui halaman. Ini adalah cara yang sangat rapi untuk menambahkan media kaya ke halaman tanpa menggunakan penyimpanan pada host web Anda.
Jika Anda tidak menggunakan WordPress dan perlu memasukkan kode ke dalam iFrame, itu juga sangat mudah. Karena iFrames adalah standar web, sebagian besar kerangka kerja dan platform penerbitan harus mendukungnya. Jadi yang perlu Anda lakukan adalah membuat iFrame dan letakkan di halaman Anda.
Untuk menanamkan file MP3 Anda menggunakan kerangka kerja lain:
- Tempel URL berbagi Google Drive ke dalam editor teks.
- Ubah '/ view' di akhir URL untuk '/ preview' dan salin seluruh URL.
- Rekatkan ke kode di bawah ini sebagai pengganti URL contoh setelah 'src ='.
- Buka halaman web Anda dalam editor HTML atau gunakan editor platform Anda.
- Tempatkan seluruh kode termasuk ke dalam halaman Anda di tempat yang Anda inginkan.
- Simpan file dan ujilah.
Kode:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Pemain akan muncul di halaman Anda dan memutar file MP3 saat dipilih. Pastikan untuk memeriksa tautan sendiri setelah diunggah untuk memastikannya berfungsi. Kemudian terbitkan halaman yang dimodifikasi dan selamat menikmati!
Begitulah cara menyematkan audio MP3 di halaman web dengan Google Drive. Tahu ada cara lain untuk melakukannya? Ceritakan pada kami di bawah ini jika Anda melakukannya!
