Ilmaisen MP3 -soittimen upottaminen verkkosivustoosi: 3 tapaa

Ilmaisen MP3 -soittimen upottaminen verkkosivustoosi: 3 tapaa

Jos haluat verkkosivustosi kävijöiden nauttivan MP3 -tiedostosta, yksi helpoimmista tavoista tehdä tämä on upottaa se sivulle. Sisäänrakennetun MP3 -soittimen avulla kävijöiden ei tarvitse ladata ääntä suoraan tai käyttää lisäohjelmistoa, koska se toistaa inline.





Tarkastelemme erilaisia ​​menetelmiä, joiden avulla voit upottaa MP3 -tiedoston verkkosivustollesi, mukaan lukien HTML5 ja Google Drive.





1. Upota MP3 verkkosivustollesi HTML5: n avulla

Jos muokkaat verkkosivustosi koodia, yksi helpoimmista tavoista upottaa MP3 -tiedosto on HTML5: n käyttö.





HTML5 -tagi saattaa näyttää ensi silmäyksellä perusasetukselta, mutta se on tehokas, koska se on yhteensopiva kaikkien tärkeimpien pöytä- ja mobiiliselainten kanssa.

Upota MP3 HTML5: llä käyttämällä tätä koodia:



Your browser does not support the audio tag.

Vaihda vain MP3 -osoite TÄSTÄ lataamasi äänitiedoston kanssa. Tämä ei voi olla tietokoneellesi tallennettu tiedosto; sen on oltava saatavilla verkossa.

wifillä ei ole kelvollista ip -kokoonpanoa 2018

Tämä koodi sijoittaa sivulle pienen soittimen, josta käyttäjä voi toistaa, keskeyttää, kuurata ja säätää äänenvoimakkuutta. Tältä se näyttää Firefoxissa:





Tämä koodi sisältää myös viestin, joka näkyy mediasoittimen sijasta siinä epätodennäköisessä tilanteessa, että käyttäjän selain ei tue soitinta.

Voit käyttää määritteitä, kuten automaattinen toisto ja silmukka , niin kuin:





Your browser does not support the audio tag.

Muista, että useimmat selaimet eivät tue automaattista toistoa, koska ääntä pakotetaan automaattisesti käyttäjiin.

Perussäätöjä voidaan soveltaa audiosoittimen lohkoon CSS: n kautta, kuten raja ja pehmuste . Sinun on kuitenkin käytettävä JavaScriptiä soittimen oikean tyylin luomiseen, jotta se olisi yhdenmukainen kaikissa selaimissa.

Lisätietoja HTML5 -soittimen ominaisuuksista ja mukautuksista on osoitteessa MDN Web Docs .

kuinka liittää iphone televisioon USB -laturilla

Aiheeseen liittyviä: Viileitä HTML -tehosteita, joita kuka tahansa voi lisätä verkkosivustoilleen

2. Upota MP3 verkkosivustollesi Google Driven avulla

Google Drive on erinomainen ja ilmainen pilvitallennusten tarjoaja . Voit käyttää sitä MP3 -tiedoston lataamiseen ja äänisoittimen luomiseen.

Kun Google Driveen on ladattu MP3:

  1. Oikealla painikkeella tiedosto ja napsauta Hae linkki .
  2. Muuta esteettömyysrajoitus arvoksi Kuka tahansa, jolla on linkki .
  3. Napsauta lopuksi Kopioi linkki .

Tämä antaa sinulle samanlaisen URL -osoitteen:

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

Korvata näkymä? usp = jakaminen kanssa esikatselu , niin kuin:

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

Käytä sitten

Voit muokata, lisätä tai poistaa määritteitä (kuten kehysraja ja leveys ) tarvittaessa.

Tämä upottaa MP3 -tiedoston verkkosivustollesi Google Drive -soittimen avulla. Käyttäjät voivat pelata, hieroa ja säätää äänenvoimakkuutta aivan kuten HTML5 -soittimessa. Tältä se näyttää:

Suurin ero on a ponnahtaa ulos -painiketta. Tämä avaa MP3 -tiedoston Google Drivessa, jossa käyttäjät voivat lisätä kommentteja, jakaa tiedoston ja paljon muuta.

3. Upota MP3 verkkosivustollesi sisällönhallintajärjestelmän avulla

Jos käytät sisällönhallintajärjestelmää (CMS) verkkosivustollasi, voit todennäköisesti edelleen käyttää yllä olevia menetelmiä. Siitä huolimatta et ehkä ole tyytyväinen HTML -koodin muokkaamiseen.

miten sosiaalisen median sivustot ansaitsevat rahaa

Hyvän sisällönhallintajärjestelmän avulla voit lisätä ääntä verkkosivustollesi helposti sen käyttöliittymän kautta. Esimerkiksi WordPressissä sinun tarvitsee vain lisää lohko , valitse Audio , ja sitten joko Lataa MP3, valitse se omasta Mediakirjasto tai Lisää URL -osoitteesta .

Käytitpä sitten Google -sivustoja, ExpressionEngineä tai Squarespacen kaltaista palvelua, äänen lisäämisprosessi on hieman erilainen, joten tarkat ohjeet saat yrityksen ohjeista.

Anna kävijöidesi kuunnella MP3 -tiedostoja helposti

Käyttämällä mitä tahansa yllä olevista tavoista verkkosivustosi kävijät voivat nyt kuunnella MP3 -tiedostoja helposti mediasoittimen kautta.

Sinun ei kuitenkaan tarvitse aina käyttää MP3 -tiedostoja. On monia muita yleisiä ääniformaatteja, kuten WAV ja FLAC, joita voit toistaa samalla tavalla verkkosivustollasi.

Jaa Jaa Tweet Sähköposti 10 yleisintä äänimuotoa: kumpaa sinun pitäisi käyttää?

Tiedät MP3: sta, mutta entä AAC, FLAC, OGG tai WMA? Miksi on olemassa niin monia äänitiedostomuotoja ja onko olemassa paras äänimuoto?

Lue seuraava
Liittyvät aiheet
  • Internet
  • Verkkokehitys
  • Verkkovastaavan työkalut
  • HTML5
Kirjailijasta Joe Keeley(652 artikkelia julkaistu)

Joe syntyi näppäimistö kädessään ja alkoi heti kirjoittaa tekniikasta. Hänellä on kauppatieteiden kandidaatti (Hons) ja hän on nyt kokopäiväinen freelance-kirjailija, joka nauttii tekniikan yksinkertaistamisesta kaikille.

Lisää Joe Keeleyltä

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia ​​e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi