WordPress: Ikani MP3 Player mu Blog Yanu Post

Blog Post MP3 Player yokhala ndi WordPress

Pogwiritsa ntchito podcasting ndikugawana nyimbo pa intaneti, pali mwayi wambiri wokulitsa zomwe alendo anu akubwera patsamba lanu polemba zomvera muma blog anu. Mwamwayi, WordPress ikupitilizabe kusintha kuthandizira kwake kuphatikizira mitundu ina yazofalitsa - ndi mp3 mafayilo ndi amodzi mwazosavuta kuchita!

Ngakhale kuwonetsa wosewera nawo pamafunso aposachedwa ndikwabwino, kusungitsa mafayilo amawu enieni sikungakhale koyenera. Masamba ambiri amawebusayiti a WordPress sanakonzekeretsere kutsatsa media - chifukwa chake musadabwe mukayamba zovuta zina zomwe mumalephera kugwiritsa ntchito bandwidth kapena malo anu omvera palimodzi. Ndikulangiza kuti musungire mafayilo amawu enieni pa ntchito yotsatsira kapena podcast yokonza injini. Ndipo… onetsetsani kuti wolandirayo amathandizira SSL (an https: // path)… bulogu yomwe imasungidwa mosamala siyimasewera fayilo ya audio yomwe siyimasungidwe bwino kwina.

Izi zati, mukudziwa komwe fayilo yanu ili, kuyika mu blog ndikosavuta. WordPress ili ndi yake HTML5 audio player yomangidwa mwachindunji momwemo kuti mutha kugwiritsa ntchito shortcode kuwonetsa wosewerayo.

Nachi chitsanzo kuchokera pagawo laposachedwa la podcast lomwe ndidachita:

Ndikutulutsa kwaposachedwa kwa mkonzi wa Gutenberg mu WordPress, ndangodumphira njira yamafayilo omvera ndipo mkonzi adapanga shortcode. Shortcode yeniyeni imatsatira, pomwe mungalowe m'malo mwa src ndi URL yonse ya fayilo yomwe mukufuna kusewera.

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

WordPress imathandizira mp3, m4a, ogg, wav, ndi mafayilo a wma. Muthanso kukhala ndi shortcode yomwe imakupangitsani kubwerera mukakhala ndi alendo omwe amagwiritsa ntchito asakatuli omwe sagwirizana chimodzi kapena chimzake:

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

Mutha kuwonjezera njira yachidule komanso zosankha zina:

  • kuzungulira - njira yotsegulira mawu.
  • yodziyimira payokha - njira yosankhira fayilo ikangodzaza.
  • preload - mwayi wosankhiratu fayiloyo ndi tsambalo.

Ikani zonse palimodzi ndipo izi ndi zomwe mumapeza:

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

Mndandanda Womvetsera mu WordPress

Ngati mukufuna kukhala ndi playlist, WordPress sichikuthandizira pakadali pano mafayilo anu kuti azisewera, koma amapereka ngati mukusunga mafayilo anu amkati mkati:

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

Pali mayankho ena kunja uko kuti mutha kuwonjezera pa Mutu Wanu Wamwana womwe ungathandize kutsitsa mafayilo akunja akunja.

Onjezerani Podcast RSS feed Yanu Pazithunzi Zanu

Pogwiritsa ntchito wosewera wa WordPress, ndidalemba pulogalamu yowonjezera kuti ndiwonetse podcast yanu basi pa widget yapa sidebar. Mutha werengani za izo apa ndi download pulogalamu yowonjezera kuchokera pamalo osungira a WordPress.

Makonda a WordPress Audio Player

Monga mukuwonera patsamba langa, MP3 player ndiyofunika kwambiri mu WordPress. Komabe, chifukwa ndi HTML5, mutha kuvala pang'ono pogwiritsa ntchito CSS. CSSIgniter adalemba phunziro labwino pa kusinthira makina osewerera kotero sindidzabwereza zonse apa ... koma nazi zosankha zomwe mungasinthe:

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

Owongolera Anu WordPress MP3 Player

Palinso mapulagini ena olipidwa owonetsera MP3 yanu mumasewera ena omveka bwino:

Kuwulula: Ndikugwiritsa ntchito maulalo anga othandizana nawo a mapulagini pamwambapa kudzera Codecanyon, tsamba labwino kwambiri la mapulagini lomwe lili ndi mapulagini othandizira bwino komanso ntchito ndi chithandizo.

Mukuganiza chiyani?

Tsambali likugwiritsa ntchito Akismet kuchepetsa spam. Phunzirani momwe deta yanu ikufotokozera.