Nakatanggap kami ng isang kagiliw-giliw na tanong noong nakaraang linggo dito sa TechJunkie Towers. Itinuring nito ang isang bagay na hindi ko kailanman napag-isipan at nais na malaman kung paano i-embed ang MP3 audio sa isang web page gamit ang Google Drive. Bilang isang taong nagpapatakbo ng isang bilang ng mga website para sa mga samahan, ang tanong ay ibinigay sa akin upang sagutin.
Karaniwan mong mai-host ang anumang media sa tabi ng website kung nais mong itampok ito sa isang pahina. Pinapanatili nitong malinis ang mga bagay at binabawasan ang bilang ng mga panlabas na query na dapat gawin ng iyong web page habang naglo-load. Gayunpaman, hindi lamang ito ang paraan upang gawin ang mga bagay at kung, sa ilang kadahilanan hindi mo mai-host ang iyong audio sa tabi ng iyong website, maaari mong gamitin ang Google Drive o iba pang serbisyo sa ulap upang i-host ito at mag-link sa iyong web page.
Habang tinutukoy ng tutorial na ito ang pag-embed sa isang web page, ang parehong prinsipyo ay nalalapat sa karamihan sa mga online na pahina. Na maaaring isama ang mga social network, blog, wiki, landing page o kung anuman.
Mag-embed ng audio sa isang web page gamit ang Google Drive
Upang mag-embed ng audio sa isang web page, karaniwang mai-upload namin ang MP3 file sa web host at ilagay ito sa inline. Pinapayagan nito ang pahina na mag-query sa host at i-play ang musika nang mabilis at nang walang karagdagang mga panlabas na query. Iyon ay hindi laging posible. Kung wala kang kapasidad sa pag-iimbak ng puwang sa iyong web host o ang host ay hindi napakabilis o angkop para sa streaming, kailangan mong tumingin sa ibang lugar.
Iyon ay kung saan pumasok ang Google Drive o iba pang serbisyo ng ulap. Maaari mong mai-upload ang MP3 sa cloud storage at mai-link ito mula sa iyong web page. Pagkatapos, sa tuwing may naglalaro ng track ay nag-stream sila kung mula sa iyong Drive sa halip na lokal sa iyong web host. Ibinigay kung gaano kalaki at makapangyarihang mga server ng Google cloud, maaari mo ring gamitin ito sa iyong kalamangan!
Narito kung paano i-set up ito:
- Mag-log in sa iyong Google Drive bilang normal.
- Lumikha ng isang folder at i-upload ang MP3 file dito.
- Itakda ang pahintulot para sa MP3 file na 'On - Public sa web, Kahit sino sa Internet ay maaaring makakita at tingnan'.
- I-save ang pahintulot.
- Kunin ang link ng pagbabahagi sa pahina ng Ibahagi. Magsisimula ito sa 'https://drive.google./com/…'
Ito ay para sa pag-set up. Nasa ulap ang iyong MP3 file at naa-access ng sinumang may link sa pagbabahagi. Kailangan naming ilagay ang link na online sa iyong web page para ma-access ito ng iba.
Pag-embed ng link sa iyong pahina
Eksakto kung paano mo nai-embed ang link ng pagbabahagi ay depende sa iyong ginagamit para sa iyong website. Maaari kang gumamit ng ibang pamamaraan para sa WordPress o Joomla tulad ng gagawin mo para sa HTML o iba pang mga frameworks.
Upang mai-embed ang iyong MP3 sa isang pahina ng WordPress:
- Buksan ang iyong pahina sa WordPress at gumawa ng isang puwang para sa audio file.
- Piliin ang pindutan ng Magdagdag ng Media sa tuktok ng editor ng pahina.
- Piliin ang Ipasok ang URL at i-paste ang URL ng Google Drive mula sa itaas.
- Bigyan ito ng isang pangalan at isang pamagat at pagkatapos ay Ipasok ang Media.
- I-save ang pahina sa sandaling tapos na.
Kung nai-preview mo ang pahina dapat mo na ngayong makita ang link at idinagdag ang paglalarawan kung saan mo ito inilagay sa pahina. I-play ang media at ito ay dumadaloy mula sa iyong Google Drive sa pamamagitan ng pahina. Ito ay isang napaka-malinis na paraan ng pagdaragdag ng mayamang media sa isang pahina nang hindi gumagamit ng up na imbakan sa iyong web host.
Kung hindi ka gumagamit ng WordPress at kailangan mong i-embed ang code sa loob ng isang iFrame, napakahusay din nito. Bilang ang iFrames ay isang pamantayan sa web, ang karamihan sa mga balangkas at pag-publish ng mga platform ay dapat suportahan ang mga ito. Kaya ang kailangan mo lang ay lumikha ng iFrame at ilagay ito sa iyong pahina.
Upang mai-embed ang iyong MP3 file gamit ang iba pang mga frameworks:
- I-paste ang URL ng pagbabahagi ng Google Drive sa isang text editor.
- Baguhin ang '/ view' sa dulo ng URL para sa '/ preview' at kopyahin ang buong URL.
- Idikit ito sa code sa ibaba sa lugar ng halimbawa ng URL pagkatapos ng 'src ='.
- Buksan ang iyong web page sa isang HTML editor o gamitin ang editor ng iyong platform.
- Ilagay ang buong code kasama ang ang sa iyong pahina kung saan mo nais na lumitaw.
- I-save ang file at subukan ito.
Ang code:
frameborder = "0" lapad = "500" taas = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Ang manlalaro ay dapat lumitaw sa iyong pahina at i-play ang MP3 file kapag napili. Siguraduhing suriin ang link sa iyong sarili sa sandaling nai-upload upang matiyak na gumagana ito. Pagkatapos ay i-publish ang nabagong pahina at magsaya!
Iyon ay kung paano mag-embed ng MP3 audio sa isang web page gamit ang Google Drive. Alam mo ba ang anumang iba pang mga paraan upang gawin ito? Sabihin sa amin ang tungkol dito sa ibaba kung gagawin mo!
