WordPress: Embed MP3 Player muBlog Yako Post
Ne podcasting uye kugovana mimhanzi kwakatekeshera online, pane mukana wakakura wekusimudzira ruzivo rwevashanyi vako pane yako saiti nekuisa odhiyo mukati meblog rako rekutumira. Nechemumoyo, WordPress inoenderera mberi nekushandura tsigiro yayo yekumisikidza mamwe midhiya mhando - uye mp3 mafaira ndeimwe yeaya ari nyore kuita!
Nepo kuratidza mutambi kubvunzurudzo ichangoburwa kwakanaka, kubata iyo chaiyo odhiyo faira kungave kusingakodzeri. Mazhinji mawebhusaiti eWordPress saiti haana kugadzirwa kuti atepfenyure midhiya - saka usashamiswe kana ukatanga kumhanya mune dzimwe nyaya kwaunorova miganhu pakushandiswa kwebandwidth kana zviteshi zvako zvekuteerera zvachose. Ini ndingakurudzira kutambira iyo chaiyo faira redhiyo pane odhiyo yekufambisa sevhisi kana podcast yekutambira injini. Uye… iva nechokwadi chekuti mugamuchiri wako anotsigira SSL (iyo https:// nzira)… bhurogi rakachengetwa zvakachengetedzeka haritambe faira rekuteerera risina kuchengetwa zvakachengetedzeka kumwewo.
Izvozvo zvakati, kana iwe uchiziva nzvimbo yefaira yako, kuiisa mu blog post iri nyore. WordPress ine yayo HTML5 inoridza inoridza yakavakirwa mukati mayo kuti ugone kushandisa shortcode kuratidza mutambi.
Heino muenzaniso kubva munguva pfupi yapfuura podcast episode yandakaita:
Neyezvino iteration yeGutenberg mupepeti muWordPress, ini ndangoisa iyo yekuteerera faira nzira uye mupepeti akagadzira iyo shortcode. Iyo chaiyo shortcode inotevera, kwaunotsiva iyo src neiyo yakazara URL yefaira raunoda kuridzwa.
[audio src="audio-source.mp3"]
WordPress inotsigira mp3, m4a, ogg, wav, uye wma mafaira. Iwe unogona kutova neshortcode inopa kudzoreredza kana uine vashanyi vachishandisa mabhurawuza asingatsigire imwe kana imwe:
[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav"]
Iwe unogona kuwedzera iyo shortcode pamwe chete nedzimwe sarudzo:
- loop - sarudzo yekusunungura odhiyo.
- otomatiki - sarudzo yekungoridza faira racho parinoremedza.
- preload - sarudzo yekuisa zvakare faira rekuteerera nepeji.
Isa zvese pamwe chete uye hezvino izvo zvaunowana:
[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav" loop="yes" autoplay="on" preload="auto"]
Audio Playlists muWordPress
Kana iwe uchida kuve ne playlist, WordPress haitsigire kunze kwekutambira kwega yega mafaera ako ekutamba, asi ivo vanopa iyo kana iwe uchitambira ako maodhiyo mafaira mukati:
[playlist ids="123,456,789"]
Pane dzimwe mhinduro kunze uko iwe unogona kuwedzera kuMwana wako Theme iyo inogonesa ekunze odhiyo faira kurodha.
Wedzera Yako Podcast RSS Feed kune Yako Sidebar
Ndichishandisa WordPress player, ndakanyora plugin kuti ndiratidze podcast yako otomatiki mudivi rewijeti. Unogona verenga nezvazvo pano uye dhawunirodha plugin kubva kune WordPress repository.
Kugadziriswa kweWordPress Audio Player
Sezvauri kuona kubva kune yangu saiti, iyo MP3 inoridza yakanakisa yakakosha muWordPress. Nekudaro, nekuti iri HTML5, unogona kuipfekedza zvishoma uchishandisa CSS. CSSigniter yakanyora chidzidzo chikuru pa kugadzirisa inoridza mutambi saka handisi kuzozvidzokorora zvese pano… asi heino sarudzo dzaunogona kugadzirisa:
/* 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;
}
Wedzera Yako WordPress MP3 Player
Kune zvakare mamwe anobhadharwa plugins ekuratidza yako MP3 odhiyo mune mamwe anokatyamadza madhidhiyo ekutamba:
- MP3 Anonamira Player WordPress Plugin
- Royal Audio Player WordPress plugin
- HTML5 Audio Players WordPress Plugins Sumbu
- Nyore Audio Player WordPress Plugin
- Sonaar Podcast Player yeWordPress
kuburitsa: Martech Zone iri kushandisa affiliate links kune ari pamusoro plugins kusanganisira Codecanyon, inonakidza plugin saiti ine inotsigirwa plugins uye yakanakisa sevhisi nerutsigiro.