Ingyenes MP3 -lejátszó beágyazása webhelyére: 3 módszer

Ingyenes MP3 -lejátszó beágyazása webhelyére: 3 módszer

Ha azt szeretné, hogy webhelye látogatói élvezzék az MP3 fájlt, akkor ennek egyik legegyszerűbb módja, ha beágyazza azt az oldalra. A beágyazott MP3 -lejátszóval a látogatóknak nem kell közvetlenül letölteniük a hangot, vagy nem kell további szoftvert használniuk, mert a lejátszás soron belül történik.





Részletesen bemutatjuk a különböző módszereket, amelyekkel beágyazhat MP3 -t a webhelyére, beleértve a HTML5 és a Google Drive használatát.





1. Beágyazhat MP3 -t webhelyére a HTML5 segítségével

Ha kényelmesen szerkesztheti webhelye kódját, akkor az MP3 fájlok beágyazásának egyik legegyszerűbb módja a HTML5 használata.





A HTML5 a címke első pillantásra alapvetőnek tűnhet, de hatékony, mivel kompatibilis az összes főbb asztali és mobil böngészővel.

MP3 beágyazásához HTML5 formátumban használja ezt a kódot:



Your browser does not support the audio tag.

Egyszerűen cserélje ki MP3 URL ITT feltöltött hangfájljával. Ez nem lehet a számítógépen tárolt fájl; online elérhetőnek kell lennie.

talál egy dalt a videóban

Ez a kód egy kis audiolejátszót helyez el az oldalon, amelyről a felhasználó játszhat, szüneteltetheti, súrolhatja és beállíthatja a hangerőt. Így néz ki Firefoxon:





Ez a kód tartalmaz egy üzenetet is, amely a médialejátszó helyett jelenik meg, abban a valószínűtlen esetben, hogy a felhasználó böngészője nem támogatja a lejátszót.

Alkalmazhat olyan attribútumokat, mint pl automatikus lejátszás és hurok , így:





Your browser does not support the audio tag.

Ne feledje, hogy a legtöbb böngésző nem támogatja az automatikus lejátszást, mert rossz gyakorlatnak minősül, ha a hangot automatikusan rákényszerítik a felhasználókra.

Az alapvető testreszabás alkalmazható az audiolejátszó blokkra CSS -en keresztül, például határ és párnázás . Mindazonáltal JavaScriptet kell használnia, hogy megfelelően formázza magát a lejátszót, hogy az egységes legyen a böngészőkben.

További információ a HTML5 audiolejátszó attribútumairól és a testreszabásról itt található MDN webdokumentumok .

hogyan lehet megváltoztatni a hálózati jelszót a Windows 10 rendszeren

Összefüggő: Hűvös HTML -effektusok, amelyeket bárki hozzáadhat webhelyéhez

2. Beágyazhat MP3 -t webhelyére a Google Drive segítségével

A Google Drive egy kiváló és ingyenes felhőtárolási szolgáltató . Segítségével feltöltheti MP3 fájlját és létrehozhat audiolejátszót.

A Google Drive -ra feltöltött MP3 fájllal:

  1. Jobb klikk a fájlt, és kattintson Kapcsolatot szerezni .
  2. Módosítsa a kisegítő lehetőségek korlátozását erre: Bárki, akinek van linkje .
  3. Végül kattintson Link másolása .

Ezzel kap egy ehhez hasonló URL -t:

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

Cserélje ki nézet? usp = megosztás val vel előnézet , így:

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

Ezután használjon egy

Módosíthatja, hozzáadhatja vagy eltávolíthatja az attribútumokat (pl keretszegély és szélesség ) szükség szerint.

Ezzel beágyazza az MP3 -t webhelyére a Google Drive lejátszó használatával. A felhasználók játszhatnak, súrolhatnak és beállíthatják a hangerőt, akárcsak a HTML5 -lejátszónál. Így néz ki:

A fő különbség a jelenléte Kipattan gomb. Ezzel megnyílik az MP3 a Google Drive -on, ahol a felhasználók megjegyzéseket fűzhetnek, megoszthatják a fájlt és így tovább.

3. Beágyazhat MP3 -t webhelyére egy CMS segítségével

Ha tartalomkezelő rendszert (CMS) használ webhelyéhez, akkor valószínűleg továbbra is használhatja a fenti módszereket. Ennek ellenére előfordulhat, hogy nem lesz kényelmes a HTML -kód szerkesztése.

hogyan lehet elrejteni a fájlokat a Windows 10 rendszeren

Bármely jó CMS lehetővé teszi, hogy a felületén keresztül könnyen hozzáadhasson hangot webhelyéhez. Például a WordPress -en egyszerűen kell adjon hozzá egy blokkot , válassza ki Hang , és akkor sem Feltöltés az MP3 -t, válassza ki a Médiakönyvtár , vagy Beszúrás URL -ből .

Függetlenül attól, hogy a Google Webhelyeket, az ExpressionEngine -t vagy a Squarespace -hez hasonló szolgáltatást használja, a hang hozzáadásának folyamata kissé eltérő lesz, ezért mindenképpen olvassa el a vállalat súgó dokumentációját.

Hagyja, hogy látogatói könnyedén hallgassanak MP3 -t

A fenti módszerek bármelyikét használva webhelye látogatói mostantól könnyedén hallgathatják az MP3 fájlokat egy médialejátszón keresztül.

Ennek ellenére nem kell mindig MP3 fájlokat használni. Sok más gyakori hangformátum is létezik, mint például a WAV és a FLAC, amelyeket egyformán lejátszhat a webhelyen.

Részvény Részvény Csipog Email A 10 leggyakoribb hangformátum: melyiket használja?

Tud az MP3 -ról, de mi a helyzet az AAC, FLAC, OGG vagy WMA -val? Miért létezik olyan sok hangfájl -formátum, és létezik -e a legjobb hangformátum?

Olvassa tovább
Kapcsolódó témák
  • Internet
  • Webfejlesztés
  • Webmestereszközök
  • HTML5
A szerzőről Joe Keeley(652 megjelent cikk)

Joe billentyűzettel a kezében született, és azonnal írni kezdett a technológiáról. Üzleti BA (Hons) végzettséggel rendelkezik, és most teljes munkaidős szabadúszó író, aki élvezi, hogy a technológia mindenki számára egyszerű.

Joe Keeley további alkotásai

Iratkozzon fel hírlevelünkre

Csatlakozz hírlevelünkhöz, ahol technikai tippeket, véleményeket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!

Feliratkozáshoz kattintson ide