Paano Mag-embed ng Libreng MP3 Player sa Iyong Website: 3 Mga Paraan

Paano Mag-embed ng Libreng MP3 Player sa Iyong Website: 3 Mga Paraan

Kung nais mo ang mga bisita ng iyong website na masiyahan sa isang MP3 file, ang isa sa pinakamadaling paraan upang magawa ito ay upang mai-embed ito sa pahina. Gamit ang isang naka-embed na MP3 player, hindi kailangang direktang i-download ng mga bisita ang audio o gumamit ng karagdagang software dahil nagpe-play ito ng naka-linya.





Magdidetalye kami ng iba't ibang mga pamamaraan na maaari mong gamitin upang mag-embed ng isang MP3 sa iyong website, kabilang ang paggamit ng HTML5 at Google Drive.





1. I-embed ang isang MP3 sa Iyong Website Sa HTML5

Kung komportable ka sa pag-edit ng code ng iyong website, ang isa sa pinakamadaling paraan upang mag-embed ng isang MP3 file ay ang paggamit ng HTML5.





Ang HTML5 Maaaring lumitaw ang tag nang batayan sa unang tingin, ngunit malakas ito dahil tugma ito sa lahat ng pangunahing mga browser ng desktop at mobile.

Upang mag-embed ng isang MP3 sa HTML5, gamitin ang code na ito:



Your browser does not support the audio tag.

Palitan lang MP3 URL DITO kasama ang iyong nai-upload na audio file. Hindi ito maaaring isang file na nakaimbak sa iyong computer; dapat itong maging online.

ano ang gagawin kung sa tingin mo ang iyong telepono ay na-hack

Ang code na ito ay maglalagay ng isang maliit na audio player sa pahina, kung saan maaaring maglaro, mag-pause, mag-scrub, at ayusin ang dami ng gumagamit. Narito kung ano ang hitsura nito sa Firefox:





Kasama rin sa code na ito ang isang mensahe na ipapakita bilang kapalit ng media player, sa hindi malamang kalagayan na hindi sinusuportahan ng browser ng gumagamit ang player.

Maaari kang maglapat ng mga katangian tulad ng auto-play at loop , tulad nito:





Your browser does not support the audio tag.

Tandaan na ang karamihan sa mga browser ay hindi susuportahan ng autoplay sapagkat ito ay itinuturing na masamang kasanayan upang awtomatikong pilitin ang audio sa mga gumagamit.

Maaaring mailapat ang pangunahing pagpapasadya sa bloke ng audio player sa pamamagitan ng CSS, tulad ng hangganan at padding . Gayunpaman, kakailanganin mong gumamit ng JavaScript upang maayos na mai-istilo ang mismong manlalaro upang magkatugma ito sa mga browser.

Higit pang impormasyon tungkol sa mga katangian ng HTML5 audio player at pagpapasadya ay matatagpuan sa MDN Web Docs .

pinakamahusay na mga bagay na gagawin sa isang raspberry pi

Kaugnay: Cool na Mga Epekto ng HTML Kahit Na Maaaring Magdagdag sa Kanilang Mga Website

2. Mag-embed ng isang MP3 sa Iyong Website Sa Google Drive

Ang Google Drive ay isang mahusay at libreng cloud storage provider . Maaari mo itong gamitin upang mai-upload ang iyong MP3 file at lumikha ng isang audio player.

Gamit ang MP3 na nai-upload sa Google Drive:

  1. Mag-right click ang file at i-click Kumuha ng link .
  2. Baguhin ang paghihigpit sa kakayahang mai-access sa Sinumang may link .
  3. Panghuli, mag-click Kopyahin ang link .

Bibigyan ka nito ng isang URL na katulad nito:

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

Palitan tingnan? usp = pagbabahagi kasama si preview , tulad nito:

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

Pagkatapos, gumamit ng

Maaari mong ayusin, idagdag sa, o alisin ang mga katangian (tulad ng paligid ng frame at lapad ) kung kinakailangan.

Ise-embed nito ang MP3 sa iyong website gamit ang Google Drive player. Maaaring i-play, i-scrub, at ayusin ng mga gumagamit ang dami, tulad ng sa HTML5 player. Narito kung ano ang hitsura nito:

Ang pangunahing pagkakaiba ay ang pagkakaroon ng a lumabas pindutan Bubukas nito ang MP3 sa Google Drive, kung saan maaaring magdagdag ng mga komento ang mga gumagamit, ibahagi ang file, at marami pa.

3. Mag-embed ng isang MP3 sa Iyong Website Sa Isang CMS

Kung gumagamit ka ng isang sistema ng pamamahala ng nilalaman (CMS) para sa iyong website, maaari mo pa ring magamit ang mga pamamaraan sa itaas. Sinabi nito, maaaring hindi ka komportable sa pag-edit ng HTML code.

pag-aayos ng generic na hindi pnp monitor

Hinahayaan ka ng anumang mabuting CMS na magdagdag ng audio sa iyong website nang madali sa pamamagitan ng interface nito. Halimbawa, sa WordPress, kailangan mo lang magdagdag ng isang bloke , piliin ang Audio , at pagkatapos ay alinman I-upload ang MP3, piliin ito mula sa iyong Media library , o Ipasok mula sa URL .

Gumagamit ka man ng Google Sites, ExpressionEngine, o isang serbisyo tulad ng Squarespace, ang proseso upang magdagdag ng audio ay magkakaiba, kaya siguraduhing kumunsulta sa dokumentasyon ng tulong ng kumpanya para sa buong gabay.

Hayaang Makinig ang Mga Bumibisita sa Mga MP3 Nang Madali

Gamit ang alinman sa mga pamamaraan sa itaas, ang iyong mga bisita sa website ay makikinig na sa mga MP3 file sa pamamagitan ng isang media player nang madali.

Sinabi na, hindi mo laging kailangang gumamit ng mga MP3 file. Maraming iba pang mga karaniwang format ng audio, tulad ng WAV at FLAC, na maaari mong pantay-pantay na maglaro ng inline sa iyong website.

Magbahagi Magbahagi Mag-tweet Email Ang 10 Karaniwang Mga Format ng Audio: Alin ang Dapat Mong Gamitin?

Alam mo ang tungkol sa MP3, ngunit paano ang AAC, FLAC, OGG, o WMA? Bakit maraming mga format ng audio file ang mayroon at mayroong isang pinakamahusay na audio format?

Basahin Susunod
Mga Kaugnay na Paksa
  • Internet
  • Pag-unlad sa Web
  • Mga Tool sa Webmaster
  • HTML5
Tungkol sa May-akda Joe Keeley(652 Mga Artikulo Nai-publish)

Si Joe ay ipinanganak na may isang keyboard sa kanyang mga kamay at kaagad na nagsimulang magsulat tungkol sa teknolohiya. Mayroon siyang BA (Hons) sa Negosyo at ngayon ay isang buong-panahong freelance na manunulat na nasisiyahan na gawing simple ang tech para sa lahat.

Higit pa Mula kay Joe Keeley

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe