WordPress: Cuir Imreoir MP3 i do bhlagphost

Blog Post Imreoir MP3 le WordPress

Le podchraoladh agus comhroinnt ceoil chomh fairsing ar líne, tá deis iontach ann eispéireas do chuairteoirí ar do shuíomh a fheabhsú trí fhuaime a leabú i do phoist bhlag. Buíochas le Dia, leanann WordPress ag forbairt a thacaíochta chun cineálacha eile meán a leabú - agus mp3 tá comhaid ar cheann acu sin atá furasta a dhéanamh!

Cé gur iontach an rud imreoir a thaispeáint le haghaidh agallaimh le déanaí, b’fhéidir nach mbeadh sé inmholta an comhad fuaime iarbhír a óstáil. Níl an chuid is mó de na hóstach gréasáin do shuíomhanna WordPress optamaithe le haghaidh meán sruthaithe - mar sin ná bíodh iontas ort má thosaíonn tú ag rith isteach ar roinnt saincheisteanna ina mbuaileann tú teorainneacha ar úsáid bandaleithid nó do stallaí fuaime ar fad. Mholfainn an comhad fuaime iarbhír a óstáil ar sheirbhís sruthú fuaime nó ar inneall óstála podchraolta. Agus… bí cinnte go dtacaíonn d’óstach le SSL (cosán https: //)… ní sheinnfidh blag a óstáiltear go sábháilte comhad fuaime nach bhfuil á óstáil go sábháilte in áit eile.

É sin ráite, má tá a fhios agat cá bhfuil do chomhad, tá sé leabaithe i blog post simplí go leor. Tá a seinnteoir fuaime HTML5 féin ag WordPress tógtha isteach go díreach ionas gur féidir leat aicearra a úsáid chun an t-imreoir a thaispeáint.

Seo sampla ó eipeasóid podchraolta a rinne mé le déanaí:

Leis an leagan is déanaí d’eagarthóir Gutenberg i WordPress, ghreamaigh mé cosán an chomhaid fuaime agus chruthaigh an t-eagarthóir an aicearra i ndáiríre. Seo a leanas an aicearra iarbhír, áit a gcuirfeá URL iomlán an chomhaid a theastaíonn uait a sheinm in ionad an src.

[audio src="audio-source.mp3"]

Tacaíonn WordPress le comhaid comhaid mp3, m4a, ogg, wav, agus wma. Is féidir fiú aicearra a bheith agat a sholáthraíonn cúltaca sa chás go mbíonn cuairteoirí agat a úsáideann brabhsálaithe nach dtacaíonn le ceann amháin nó leis an gceann eile:

[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav"]

Is féidir leat an aicearra a fheabhsú chomh maith le roghanna eile:

  • lúb - rogha chun an fhuaim a lúbadh.
  • autoplay - rogha chun an comhad a sheinm go huathoibríoch a luaithe agus a bheidh sé luchtaithe.
  • réamhluchtú - rogha chun an comhad fuaime a réamhluchtú leis an leathanach.

Cuir é seo go léir le chéile agus seo an méid a gheobhaidh tú:

[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav" loop="yes" autoplay="on" preload="auto"]

Seinmliostaí Fuaime i WordPress

Más mian leat seinmliosta a bheith agat, ní thacaíonn WordPress faoi láthair le hóstáil sheachtrach gach ceann de do chuid comhad a imirt, ach tairgeann siad é má tá tú ag óstáil do chuid comhad fuaime go hinmheánach:

[playlist ids="123,456,789"]

roinnt réitigh amuigh ansin gur féidir leat a chur le do Théama Leanaí a chuirfidh ar chumas luchtú comhad fuaime seachtrach.

Cuir Do Phodchraoladh RSS Feed le do bharra taoibh

Ag baint úsáide as an seinnteoir WordPress, scríobh mé breiseán chun do podchraoladh a thaispeáint go huathoibríoch i ngiuirléid bharra taobh. Is féidir leat léigh faoi anseo agus íoslódáil an breiseán ó stór WordPress.

Saincheapadh an WordPress Audio Player

Mar a fheiceann tú ar mo shuíomh féin, tá an seinnteoir MP3 bunúsach go leor i WordPress. Mar sin féin, toisc gur HTML5 atá ann, is féidir leat é a ghléasadh go leor le CSS. Tá rang teagaisc iontach scríofa ag CSSIgniter ar an seinnteoir fuaime a shaincheapadh mar sin ní dhéanfaidh mé an rud ar fad arís anseo ... ach seo na roghanna is féidir leat a shaincheapadh:

/* Player background */
.mytheme-mejs-container.mejs-container,
.mytheme-mejs-container .mejs-controls,
.mytheme-mejs-container .mejs-embed,
.mytheme-mejs-container .mejs-embed body {
  background-color: #efefef;
}

/* Player controls */
.mytheme-mejs-container .mejs-button > button {
  background-image: url("images/mejs-controls-dark.svg");
}

.mytheme-mejs-container .mejs-time {
  color: #888888;
}

/* Progress and audio bars */

/* Progress and audio bar background */
.mytheme-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: #fff;
}

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(219, 78, 136, 0.075);
}

/* Current track progress and active audio volume level bar */
.mytheme-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #db4e88;
}

/* Reduce height of the progress and audio bars */
.mytheme-mejs-container .mejs-time-buffering,
.mytheme-mejs-container .mejs-time-current,
.mytheme-mejs-container .mejs-time-float,
.mytheme-mejs-container .mejs-time-float-corner,
.mytheme-mejs-container .mejs-time-float-current,
.mytheme-mejs-container .mejs-time-hovered,
.mytheme-mejs-container .mejs-time-loaded,
.mytheme-mejs-container .mejs-time-marker,
.mytheme-mejs-container .mejs-time-total,
.mytheme-mejs-container .mejs-horizontal-volume-total,
.mytheme-mejs-container .mejs-time-handle-content {
  height: 3px;
}

.mytheme-mejs-container .mejs-time-handle-content {
  top: -6px;
}

.mytheme-mejs-container .mejs-time-total {
  margin-top: 8px;
}

.mytheme-mejs-container .mejs-horizontal-volume-total {
  top: 19px;
}

Feabhas a chur ar do WordPress MP3 Player

Tá roinnt breiseán íoctha ann freisin chun do chuid fuaime MP3 a thaispeáint i roinnt seinnteoirí fuaime atá thar a bheith néal:

Nochtadh: Tá mo naisc chleamhnaithe á n-úsáid agam do na forlíontáin thuas trí Codecanyon, suíomh breiseán iontach a bhfuil breiseáin tacaithe go maith aige agus seirbhís agus tacaíocht den scoth.

Cad é do bharúil?

Úsáideann an suíomh seo Akismet chun spam a laghdú. Foghlaim conas a dhéantar próiseáil ar do chuid tráchta.