WordPress: Cuir a-steach cluicheadair MP3 anns a ’phost bhlog agad

Blog Post cluicheadair MP3 le WordPress

Le podcast agus roinneadh ciùil cho cumanta air-loidhne, tha cothrom math ann airson eòlas an luchd-tadhail agad a neartachadh air an làrach agad le bhith a ’daingneachadh claisneachd taobh a-staigh na puist bhlog agad. Gu fortanach, tha WordPress a ’leantainn air adhart ag adhartachadh a thaic airson a bhith a’ daingneachadh seòrsachan meadhanan eile - agus mp3 tha faidhlichean mar aon den fheadhainn a tha furasta a dhèanamh!

Ged a tha e math cluicheadair a thaisbeanadh airson agallamh o chionn ghoirid, is dòcha nach biodh e ciallach a bhith a ’toirt aoigheachd don fhaidhle claisneachd fhèin. Chan eil a ’mhòr-chuid de luchd-aoigheachd lìn airson làraichean WordPress air an ùrachadh airson meadhanan sruthadh - mar sin na gabh iongnadh ma thòisicheas tu a’ ruith a-steach do chuid de chùisean far am bi thu a ’bualadh air crìochan cleachdadh bann-leathann no na stàilichean claisneachd agad gu tur. Mholainn aoigheachd a thoirt don fhìor fhaidhle claisneachd air seirbheis sruthadh claisneachd no einnsean aoigheachd podcast. Agus… bi cinnteach gu bheil an aoigh agad a ’toirt taic do SSL (slighe https: //)… cha chluich blog a tha air a chumail gu tèarainte faidhle claisneachd nach eil air a chumail gu tèarainte ann an àite eile.

Thuirt sin, tha fios agad càite a bheil am faidhle agad, tha e ga chuir a-steach ann am post blog gu math sìmplidh. Tha an cluicheadair claisneachd HTML5 aige fhèin aig WordPress air a thogail a-steach gu dìreach gus an urrainn dhut shortcode a chleachdadh gus an cluicheadair a thaisbeanadh.

Seo eisimpleir bho phrògram podcast a rinn mi o chionn ghoirid:

Leis an tionndadh as ùire de neach-deasachaidh Gutenberg ann an WordPress, chuir mi seachad slighe an fhaidhle claisneachd agus chruthaich an deasaiche an shortcode gu dearbh. Tha an fhìor ghoirid a ’leantainn, far an cuireadh tu URL slàn an fhaidhle a tha thu ag iarraidh air a chur an àite an src.

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

Tha WordPress a ’toirt taic do mp3, m4a, ogg, wav, agus wma filetypes. Faodaidh eadhon shortcode a bhith agad a bheir seachad tuiteam air ais ma tha luchd-tadhail agad a ’cleachdadh brobhsairean nach eil a’ toirt taic do aon no an tè eile:

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

Faodaidh tu an shortcode a neartachadh a bharrachd air roghainnean eile:

  • lùb - roghainn airson a bhith a ’lùbadh an claisneachd.
  • autoplay - roghainn airson am faidhle a chluich gu fèin-ghluasadach cho luath ‘s a luchdaicheas e.
  • preload - roghainn gus am faidhle claisneachd a luchdachadh sìos leis an duilleag.

Cuir seo uile còmhla agus seo na gheibh thu:

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

Clàran-fuaim ann an WordPress

Ma tha thu airson liosta-cluiche a bhith agad, chan eil WordPress an-dràsta a ’toirt taic do aoigheachd taobh a-muigh gach fear de na faidhlichean agad airson a chluich, ach bidh iad ga thabhann ma tha thu a’ toirt aoigheachd do na faidhlichean claisneachd agad air an taobh a-staigh:

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

Tha cuid de fhuasglaidhean a-muigh an sin as urrainn dhut a chur ris a ’Chuspair Chloinne agad a bheir comas dhut faidhle claisneachd taobh a-muigh a luchdachadh.

Cuir do Podcast RSS Feed ris a ’bhàr-taobh agad

A ’cleachdadh a’ chluicheadair WordPress, sgrìobh mi plugan gus am podcast agad a thaisbeanadh gu fèin-ghluasadach ann am widget bàr-taobh. Faodaidh tu leugh mu dheidhinn an seo agus luchdaich sìos am plugan bho stòr WordPress.

Customization an WordPress Audio Player

Mar a chì thu leis an làrach agam fhìn, tha an cluicheadair MP3 gu math bunaiteach ann an WordPress. Ach, leis gur e HTML5 a th ’ann, faodaidh tu aodach gu ìre mhath a’ cleachdadh CSS. Tha CSSIgniter air oideachadh math a sgrìobhadh air a ’gnàthachadh a’ chluicheadair claisneachd mar sin cha dèan mi a-rithist e an seo ... ach seo na roghainnean as urrainn dhut a ghnàthachadh:

/* 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;
}

Meudaich an cluicheadair WordPress MP3 agad

Tha cuid de plugins pàighte ann cuideachd airson do chlaistinn MP3 a thaisbeanadh ann an cuid de chluicheadairean claisneachd a tha gu math iongantach:

Foillseachadh: Tha mi a ’cleachdadh mo cheanglaichean ceangailte airson na plugins gu h-àrd tro Codecanyon, làrach plugan air leth anns a bheil plugins le taic mhath agus seirbheis agus taic air leth.

Dè do bheachd?

Tha an làrach seo a 'cleachdadh Akismet gus spama a lùghdachadh. Ionnsaich mar a thathar a 'pròiseasadh an dàta bheachdan agad.