අන්තර්ගත අලෙවිඅලෙවිකරණ මෙවලම්

වර්ඩ්ප්‍රෙස්: ඔබේ බ්ලොග් පෝස්ට් එකේ MP3 ප්ලේයරයක් ඇතුළත් කරන්න

අන්තර්ජාලය තුළ පොඩ්කාස්ටිං සහ සංගීත බෙදාගැනීම එතරම් ප්‍රචලිතව ඇති හෙයින්, ඔබේ බ්ලොග් සටහන් තුළ ශ්රව්ය උපකරණ ඇතුළත් කිරීමෙන් ඔබේ වෙබ් අඩවියේ අමුත්තන්ගේ අත්දැකීම් වැඩි දියුණු කිරීමට හොඳ අවස්ථාවක් තිබේ. ස්තුතිවන්ත වන්න, වර්ඩ්ප්‍රෙස් අනෙකුත් මාධ්‍ය වර්ග කාවැද්දීම සඳහා සිය සහයෝගය අඛණ්ඩව විකාශනය කරයි - සහ mp3 ලිපිගොනු කිරීම පහසුය.

මෑත සම්මුඛ පරීක්ෂණයක් සඳහා ක්‍රීඩකයෙකු ප්‍රදර්ශනය කිරීම විශිෂ්ට වුවත්, සත්‍ය ශ්‍රව්‍ය ගොනුව සංග්‍රහ කිරීම සුදුසු නොවේ. වර්ඩ්ප්‍රෙස් වෙබ් අඩවි සඳහා වන බොහෝ වෙබ් සත්කාරක මාධ්‍යයන් ප්‍රවාහය සඳහා ප්‍රශස්තිකරණය කර නැත - එබැවින් ඔබ කලාප පළල භාවිතය හෝ ඔබේ ශ්‍රව්‍ය කුටි මුළුමනින්ම සීමා කරන යම් යම් ගැටලු වලට මුහුණ දීමට පටන් ගන්නේ නම් පුදුම නොවන්න. සත්‍ය ශ්‍රව්‍ය ගොනුව ශ්‍රව්‍ය ප්‍රවාහ සේවාවක් හෝ පොඩ්කාස්ට් සත්කාරක එන්ජිමක සංග්‍රහ කිරීමට මම නිර්දේශ කරමි. ඔබේ සත්කාරක සමාගම SSL (https: // path) සඳහා සහය දක්වන බවට වග බලා ගන්න… ආරක්ෂිතව සත්කාරකත්වය සපයන බ්ලොග් අඩවිය වෙනත් තැනක ආරක්ෂිතව සත්කාරක නොවන ශ්‍රව්‍ය ගොනුවක් වාදනය නොකරයි.

එනම්, ඔබේ ගොනුව ඇති ස්ථානය ඔබ දන්නේ නම්, එය බ්ලොග් සටහනක කාවැද්දීම තරමක් සරල ය. WordPress සතුව තමන්ගේම HTML5 ශ්‍රව්‍ය වාදකයක් සෘජුවම ගොඩනගා ඇති බැවින් ඔබට ක්‍රීඩකයා පෙන්වීමට කෙටි කේතයක් භාවිතා කළ හැකිය.

මෑතදී මා කළ පෝඩ්කාස්ට් කථාංගයේ උදාහරණයක් මෙන්න:

වර්ඩ්ප්‍රෙස් හි Gutenberg සංස්කාරකයේ නවතම පුනරාවර්තනය සමඟ, මම ශ්‍රව්‍ය ගොනු මාර්ගය ඇලවූ අතර සංස්කාරකය ඇත්ත වශයෙන්ම කෙටි කේතය නිර්මාණය කළෙමි. සැබෑ කෙටි කේතය පහත දැක්වේ, එහිදී ඔබට වාදනය කිරීමට අවශ්‍ය ගොනුවේ සම්පූර්ණ URL සමඟ src ප්‍රතිස්ථාපනය කරයි.

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

වර්ඩ්ප්‍රෙස් mp3, m4a, ogg, wav, සහ wma ගොනු වර්ග සඳහා සහය දක්වයි. ඔබට අමුත්තන් එක් හෝ වෙනත් ආකාරයකින් සහාය නොදක්වන බ්‍රව්සර් භාවිතා කරන අවස්ථාවකදී පසුබෑමක් සපයන කෙටි කේතයක් පවා ඔබට තිබිය හැකිය:

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

ඔබට කෙටිමං සහ වෙනත් විකල්ප සමඟ වැඩි දියුණු කළ හැකිය:

  • loop - ශ්රව්ය උපකරණ ලූප කිරීම සඳහා විකල්පයක්.
  • autoplay - ගොනුව පැටවූ විගස ස්වයංක්‍රීයව වාදනය කිරීමේ විකල්පයකි.
  • preload - ශ්රව්ය ගොනුව පිටුව සමඟ පූර්ව පැටවීම සඳහා විකල්පයක්.

මේ සියල්ල එකට තබා ඔබට ලැබෙන දේ මෙන්න:

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

වර්ඩ්ප්‍රෙස් හි ශ්‍රව්‍ය ධාවන ලැයිස්තු

ඔබට ධාවන ලැයිස්තුවක් ලබා ගැනීමට අවශ්‍ය නම්, වර්ඩ්ප්‍රෙස් දැනට ඔබගේ සෑම ලිපිගොනුවකම වාදනය කිරීමට සහාය නොදක්වයි, නමුත් ඔබ ඔබේ ශ්‍රව්‍ය ලිපිගොනු අභ්‍යන්තරව සත්කාරකත්වය දරන්නේ නම් ඔවුන් එය ලබා දෙයි:

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

ඒ තියෙන්නේ සමහර විසඳුම් බාහිර ශ්රව්ය ගොනු පැටවීම සක්‍රීය කරන ඔබේ ළමා තේමාවට එකතු කළ හැකිය.

ඔබගේ පැති තීරුවට ඔබේ පොඩ්කාස්ට් RSS සංග්‍රහය එක් කරන්න

වර්ඩ්ප්‍රෙස් වාදකය භාවිතා කරමින්, මම ඔබේ පෝඩ්කාස්ට් ස්වයංක්‍රීයව පැති තීරු විජට් එකක පෙන්වීම සඳහා ප්ලගිනයක් ලිවීය. ඔයාට පුළුවන් ඒ ගැන මෙතැනින් කියවන්න සහ ප්ලගිනය බාගන්න වර්ඩ්ප්‍රෙස් ගබඩාවෙන්.

වර්ඩ්ප්‍රෙස් ඕඩියෝ ප්ලේයරය අභිරුචිකරණය කිරීම

මගේම වෙබ් අඩවියෙන් ඔබට පෙනෙන පරිදි, MP3 ප්ලේයරය WordPress හි ඉතා මූලික වේ. කෙසේ වෙතත්, එය HTML5 නිසා, ඔබට එය තරමක් භාවිතා කළ හැකිය CSS. CSSIgniter විසින් විශිෂ්ට නිබන්ධනයක් ලියා ඇත ශ්රව්ය ප්ලේයරය අභිරුචිකරණය කිරීම ඒ නිසා මම මේ සියල්ල නැවත මෙහි නොකරමි… නමුත් ඔබට අභිරුචිකරණය කළ හැකි විකල්ප මෙන්න:

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

ඔබේ වර්ඩ්ප්‍රෙස් MP3 ප්ලේයරය වැඩි දියුණු කරන්න

ඔබගේ එම්පී 3 ශ්රව්ය උපකරණ අතිවිශිෂ්ට ශ්රව්ය ප්ලේයර් තුළ ප්රදර්ශනය කිරීම සඳහා ගෙවන ලද ප්ලගීන කිහිපයක් ද තිබේ:

අනාවරණය: Martech Zone ඇතුළුව ඉහත ප්ලගීන සඳහා අනුබද්ධ සබැඳි භාවිතා කරයි Codecanyon, හොඳින් සහාය දක්වන ප්ලගීන සහ විශිෂ්ට සේවාවක් සහ සහාය ඇති අපූරු ප්ලගීන වෙබ් අඩවියකි.

Douglas Karr

Douglas Karr හි CMO වේ විවෘත INSIGHTS සහ නිර්මාතෘ Martech Zone. ඩග්ලස් සාර්ථක MarTech ආරම්භක දුසිම් ගණනකට උදව් කර ඇත, මාර්ටෙක් අත්පත් කර ගැනීම් සහ ආයෝජන සඳහා ඩොලර් 5 කට වඩා වැඩි කඩිසරකමකට සහාය වී ඇත, සහ ඔවුන්ගේ විකුණුම් සහ අලෙවිකරණ උපාය මාර්ග ක්‍රියාත්මක කිරීමට සහ ස්වයංක්‍රීය කිරීමට සමාගම්වලට දිගටම සහාය වේ. ඩග්ලස් යනු ජාත්‍යන්තරව පිළිගත් ඩිජිටල් පරිවර්තනයක් වන අතර MarTech විශේෂඥයෙකු සහ කථිකයෙකි. ඩග්ලස් ඩමිගේ මාර්ගෝපදේශකයෙකු සහ ව්‍යාපාර නායකත්ව පොතක ප්‍රකාශිත කතුවරයෙකි.

සබැඳි පුවත්

ඉහළට බොත්තම
සමීප

Adblock අනාවරණය විය

Martech Zone වෙළඳ දැන්වීම් ආදායම, අනුබද්ධ සබැඳි සහ අනුග්‍රාහකත්ව හරහා අපි අපගේ වෙබ් අඩවියෙන් මුදල් උපයන නිසා කිසිදු වියදමකින් තොරව ඔබට මෙම අන්තර්ගතය ලබා දීමට හැකි වේ. ඔබ අපගේ වෙබ් අඩවිය නරඹන විට ඔබේ දැන්වීම් අවහිර කරන්නා ඉවත් කරන්නේ නම් අපි අගය කරන්නෙමු.