Kami menerima satu soalan yang menarik minggu lalu di TechJunkie Towers. Ia menganggap sesuatu yang saya tidak pernah dipertimbangkan sebelum ini dan ingin tahu cara menanamkan audio MP3 dalam laman web dengan Google Drive. Sebagai seseorang yang menjalankan beberapa laman web untuk organisasi, persoalan itu diserahkan kepada saya untuk menjawab.
Anda biasanya akan menganjurkan mana-mana media di samping laman web jika anda ingin memaparkannya pada halaman. Ia menyimpan perkara-perkara yang kemas dan mengurangkan bilangan pertanyaan luaran laman web anda perlu dibuat semasa memuatkan. Walau bagaimanapun, itu bukanlah satu-satunya cara untuk melakukan sesuatu dan jika, atas sebab tertentu anda tidak boleh menjadi tuan rumah audio anda di samping laman web anda, anda boleh menggunakan Google Drive atau perkhidmatan awan lain untuk menjadi hos dan hubungkan ke halaman web anda.
Walaupun tutorial ini menangani pembenaman ke dalam laman web, prinsip yang sama digunakan untuk kebanyakan halaman dalam talian. Itu boleh termasuk rangkaian sosial, blog, wiki, halaman arahan atau apa sahaja.
Muatkan audio pada halaman web dengan Google Drive
Untuk menanamkan audio pada halaman web, kami biasanya akan memuat naik fail MP3 ke hos web dan meletakkannya dalam baris pada halaman. Ini membolehkan halaman untuk menanyakan hos dan memainkan muzik dengan cepat dan tanpa pertanyaan luaran yang lebih lanjut. Itu tidak semestinya mungkin. Sekiranya anda tidak mempunyai kapasiti penyimpanan ruang pada hos web anda atau hos tidak terlalu pantas atau sesuai untuk streaming, anda perlu mencari tempat lain.
Di sinilah Google Drive atau perkhidmatan awan yang lain masuk. Anda boleh memuat naik MP3 ke penyimpanan awan dan memautnya dari laman web anda. Kemudian, setiap kali seseorang memainkan trek mereka mengalir jika dari Drive anda dan bukannya setempat di host web anda. Memandangkan sejauh mana pelayan awan Google yang besar dan berkuasa, anda juga boleh menggunakannya untuk keuntungan anda!
Inilah caranya untuk menetapkannya:
- Log masuk ke Google Drive anda seperti biasa.
- Buat folder dan muat naik fail MP3 ke dalamnya.
- Tetapkan kebenaran untuk fail MP3 ke 'On - Awam di web, Sesiapa sahaja di Internet boleh mencari dan melihat'.
- Simpan kebenaran.
- Tangkap pautan saham di halaman Kongsi. Ia akan bermula 'https://drive.google./com/…'
Itu sahaja untuk menubuhkan. Fail MP3 anda kini berada dalam awan dan boleh diakses oleh sesiapa sahaja yang mempunyai pautan saham. Sekarang kita perlu meletakkan pautan tersebut dalam talian di laman web anda untuk orang lain dapat mengaksesnya.
Menanamkan pautan ke halaman anda
Tepat bagaimana anda membenamkan pautan saham bergantung kepada apa yang anda gunakan untuk laman web anda. Anda boleh menggunakan kaedah yang berbeza untuk WordPress atau Joomla seperti yang anda lakukan untuk HTML atau rangka kerja lain.
Untuk menanamkan MP3 anda pada halaman WordPress:
- Buka halaman anda di WordPress dan buat ruang untuk fail audio.
- Pilih butang Tambah Media di bahagian atas editor halaman.
- Pilih Masukkan URL dan tampal URL Google Drive dari atas.
- Beri nama dan tajuk kemudian Sisipkan Media.
- Simpan laman sekali dilakukan.
Jika anda pratonton halaman, anda kini harus melihat pautan dan penerangannya ditambah di mana anda meletakkannya pada halaman. Mainkan media dan ia akan menerbangkan secara jelas dari Google Drive anda melalui halaman. Ini cara yang sangat kemas untuk menambah media kaya ke halaman tanpa menggunakan simpanan di hos web anda.
Jika anda tidak menggunakan WordPress dan perlu memasukkan kod dalam iFrame, itu juga sangat mudah. Oleh kerana iFrames adalah piawaian web, kebanyakan rangka kerja dan platform penerbitan harus menyokongnya. Jadi yang anda perlukan hanya buat iFrame dan letakkannya di halaman anda.
Untuk membenamkan fail MP3 anda dengan menggunakan rangka kerja lain:
- Tampal URL kongsi Google Drive ke dalam editor teks.
- Ubah '/ lihat' pada akhir URL untuk '/ pratonton' dan salin seluruh URL.
- Tampalkannya ke kod di bawah menggantikan URL contoh selepas 'src ='.
- Buka halaman web anda dalam editor HTML atau gunakan editor platform anda.
- Letakkan keseluruhan kod termasuk ke dalam halaman anda di mana anda mahu ia muncul.
- Simpan fail dan ujinya.
Kod:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Pemain sepatutnya muncul di halaman anda dan memainkan fail MP3 apabila dipilih. Pastikan anda menyemak sendiri pautan sekali diunggah untuk memastikan ia berfungsi. Kemudian siarkan halaman diubah suai dan nikmati!
Itulah cara menanamkan audio MP3 dalam laman web dengan Google Drive. Ketahui cara lain untuk melakukannya? Beritahu kami tentang perkara ini di bawah jika anda lakukan!
