WordPress: Embed MP3 Player na Blog Gị

Blog Post MP3 Player na WordPress

Site na pọdkastị na ịkekọrịta egwu juputara n'ịntanetị, enwere ohere iji bulie ahụmịhe ndị ọbịa gị na saịtị gị site na itinye ọdịyo n'ime ntanetị gị. Obi dị m ụtọ, WordPress na-aga n'ihu na-agbanwe nkwado ya maka itinye ụdị mgbasa ozi ndị ọzọ - na mp3 faịlụ bu otu n’ime ndi di nfe ime!

Mgbe na-egosipụta a ọkpụkpọ maka a na-adịbeghị anya Ajụjụ ọnụ dị ukwuu, Bochum n'ezie ọdịyo faịlụ nwere ike ọ gaghị abụ ihe amamihe. Imirikiti ndị na-akwado weebụ maka saịtị WordPress anaghị arụ ọrụ nke ọma maka mgbasa ozi mgbasa ozi - ya atụla ya n'anya ma ọ bụrụ na ịmalite ịbanye na nsogbu ụfọdụ ebe ị meriri oke na ojiji bandwidth ma ọ bụ ụlọ ahịa gị. Aga m akwado ịkwado faịlụ ọdịyo ahụ na ọrụ ntanetị gaa na ntanetị ma ọ bụ igwe nnabata Podcast. Na… ijide n'aka na onye ọbịa gị na-akwado SSL (otu https: // ụzọ) blog blọgụ nke akwadoro nke ọma agaghị egwu faịlụ ọdịyo nke anaghị akwado ya na ebe ọzọ.

Nke ahụ kwuru, ya na ị maara ebe faịlụ gị dị, itinye ya na blọgụ blọgụ dị mfe. WordPress nwere nke ya HTML5 ọdịyo ọkpụkpọ wuru kpọmkwem n'ime ya ka i wee jiri shortcode gosipụta ihe ọkpụkpọ ahụ.

A bụ ihe atụ si na nso nso Podcast merenụ m mere:

Site na ntughari ohuru nke nchịkọta akụkọ Gutenberg na WordPress, m na-edezi ụzọ faịlụ ọdịyo ma onye editọ mepụtara shortcode. Kodụ shortcode na - esochi, ebe ị ga - edochi src na URL zuru oke nke faịlụ ịchọrọ igwu.

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

WordPress na-akwado mp3, m4a, ogg, wav, na wma filetypes. Nwere ike ịnwe koodu mkpirisi na-enye ọdịda na ihe omume ị nwere ndị ọbịa na-eji ihe nchọgharị anaghị akwado otu ma ọ bụ nke ọzọ:

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

Nwere ike ịkwalite shortcode yana nhọrọ ndị ọzọ:

  • loop - otu nhọrọ maka ịmegharị ọdịyo.
  • autoplay - otu nhọrọ maka igwu egwu na-akpaghị aka faịlụ ozugbo ọ malitere ibu.
  • bute - otu nhọrọ preload ọdịyo faịlụ na peeji.

Chịkọta ya niile ma lee ihe ị nwetara:

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

Ndetuta egwu ọkpụkpọ na WordPress

Ọ bụrụ n'ịchọrọ inwe listi ọkpụkpọ, WordPress anaghị akwado Bochum mpụga nke faịlụ gị ọ bụla igwu egwu, mana ha na-enye ya ma ọ bụrụ na ị na-akwado faịlụ ọdịyo gị n'ime:

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

Enwere ụfọdụ ngwọta si n'ebe ahá »you i nwere ike tinye gá» ‹Child Okwu nke ga-enyere mpụga audio file loading.

Tinye ndepụta RSS gị Podcast

Iji WordPress player, M dere a plugin na-egosipụta gị Podcast na-akpaghị aka na a sidebar wijetị. Ị nwere ike guo ya ebea na budata ngwa mgbakwunye site na WordPress nchekwa.

Nhazi nke WordPress Audio Player

Dịka ị pụrụ ịhụ site na saịtị m, ihe ọkpụkpọ MP3 dị ezigbo mma na WordPress. Agbanyeghị, n'ihi na ọ bụ HTML5, ị nwere ike jiri ya CSS mara ya nke ọma. CSSIgniter edewo ezigbo nkuzi hazie ihe ọkpụkpọ ọdịyo yabụ agaghị m emeghachi ya ebe a… mana nke a bụ nhọrọ ị nwere ike hazie:

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

Welie gị WordPress MP3 Player

Enwekwara ụfọdụ plugins akwụ ụgwọ maka igosipụta ọdịyo MP3 gị na ụfọdụ ọtụ egwu ọdịyo dị egwu:

Ngosipụta: Ana m eji njikọ njikọ njikọ m maka plugins ndị dị n'elu site na Codecanyon, a kediegwu ngwa mgbakwunye na saịtị na-akwado nke ọma plugins na pụtara ìhè ọrụ na nkwado.

Kedu ihe ị chere?

Ebe a na-eji Akismet iji belata spam. Mụta otu esi etinye usoro data gị.