ورڈپریس: پنهنجي بلاگ پوسٽ ۾ ايم پي 3 پليئر ايمبيڊ ڪيو
پوڊ ڪاسٽنگ ۽ ميوزڪ شيئرنگ آن لائن طور تي تمام گهڻو مشهور آهي ، توهان جي بلاگ پوسٽن ۾ آڊيو سرايت ڪندي توهان جي ويب سائٽ تي توهان جي سنڌين جو تجربو وڌائڻ جو بهترين موقعو آهي. مهرباني ڪري ، ورڈپریس پنهنجي ميڊيا جي ٻين قسمن کي اپڊيٽ ڪرڻ جي حمايت جاري رکي ٿو.۽ mp3 فائل انهن مان هڪ آهي جيڪي ڪرڻ آسان آهن!
جڏهن ته هڪ حالیہ انٽرويو لاءِ پليئر جي نمائش بهترين آهي ، اصل آڊيو فائيل جي ميزباني شايد صلاح نه ٿي سگهي. گهڻن ويب هوسٽس ورڊپریس سائيٽن کي ميڊيا اسٽريمنگ جي لحاظ کان بهتر نه ڪيو ويندو - تنهنڪري توهان حيران نه ٿيو جيڪڏهن توهان ڪجهه مسئلن تي هلڻ شروع ڪيو جتي توهان بڊوڊٿ جي استعمال تي حد بندي ڪيو يا مڪمل طور تي توهان جو آڊيو اسٽال. آئون آڊيو اسٽريمنگ سروس يا پوڊ ڪاسٽ هوسٽنگ انجن تي حقيقي آڊيو فائل جي ميزباني جي سفارش ڪندس. ۽… يقين رکو ته توهان جو ميزبان ايس ايس ايل کي سپورٽ ڪري ٿو
اھو چيو، جيڪڏھن توھان ڄاڻو ٿا توھان جي فائل جو مقام، ان کي شامل ڪرڻ ھڪڙو بلاگ پوسٽ بلڪل سادو آھي. ورڈپریس وٽ پنهنجو HTML5 آڊيو پليئر آهي جيڪو سڌو ان ۾ ٺهيل آهي تنهنڪري توهان پليئر کي ڊسپلي ڪرڻ لاءِ شارٽ ڪوڊ استعمال ڪري سگهو ٿا.
مون تازو ڪيو پوڊ ڪاسٽ جي هڪ قسط جو مثال آهي.
ورڈپریس ۾ گٽينبرگ ايڊيٽر جي تازي ورجائي سان، مون صرف پيسٽ ڪيو آڊيو فائل جو رستو ۽ ايڊيٽر اصل ۾ شارٽ ڪوڊ ٺاهيو. اصل شارٽ ڪوڊ ھيٺ ڏنل آھي، جتي توھان src کي فائل جي مڪمل URL سان تبديل ڪندا جنھن کي توھان ادا ڪرڻ چاھيو ٿا.
[audio src="audio-source.mp3"]
ورڈپریس ايم پي 3 ، ايم 4 اي ، اوگ ، واي ، ۽ وما فائل ٽائپز کي سپورٽ ڪري ٿو. توهان وٽ شايد هڪ مختصر ڪوڊ آهي جيڪو انهي فورنش جي صورت ۾ فراهم ڪندو آهي جڏهن توهان وٽ توهان جا برائوزر استعمال ڪيا ويندا آهن جيڪي هڪ يا ٻئي کي سپورٽ نٿا ڪن.
[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav"]
توھان پڻ مختصر ڪري سگھوٿا ٻين اختيارن سان گڏ:
- لوپ - هڪ آڊيو کي لوپ ڪرڻ جو هڪ اختيار.
- autoplay ـ هڪ اختيار خودڪار طريقي سان فائل کي کيڏڻ سان جيئن ئي لوڊ ٿئي ٿو.
- preload - آڊيو فائيل کي پهريان کان ئي پيج سان لوڊ ڪيو وڃي.
سڀني کي گڏ رکو ۽ هتي جيڪو توهان حاصل ڪيو آهي:
[audio mp3="source.mp3" ogg="source.ogg" wav="source.wav" loop="yes" autoplay="on" preload="auto"]
آڊيو پلے لسٹس ورڈپریس ۾
جيڪڏهن توهان پلے لسٽ هئڻ چاهيو ٿا ، ورڈپریس في الحال توهان جي هر فائل کي ٻاهرين هلائڻ جي سپورٽ نٿو ڪري ، پر اهي اهو پيش ڪن ٿا جيڪڏهن توهان اندروني طور تي پنهنجي آڊيو فائلن جي ميزباني ڪري رهيا آهيو.
[playlist ids="123,456,789"]
هتي آهن ڪجھ حل ٻاهران جيڪو توهان پنهنجي چائلڊ ٿيم ۾ شامل ڪري سگهو ٿا جيڪو ٻاهرين آڊيو فائل کي لوڊ ڪرڻ ۾ چالو ڪندو.
پنهنجي سائڊبار ڏانهن پنهنجو پوڊ ڪاسٽ آر ايس ايس فيڊ شامل ڪريو
ورڈپریس پليئر کي استعمال ڪندي ، مون هڪ پلگ ان لکيو ته توهان جي پوڊ ڪاسٽ کي خود بخود سائڊبار وجيٽ ۾ ڏيکاري. توهان ڪري سگهو ٿا ان بابت پڙهيو ۽ پلگ ان ڊائونلوڊ ڪريو ورڈپریس مخزن کان.
ورڈپریس آڊيو پليئر جي مرضي مطابق
جئين توهان منهنجي پنهنجي سائيٽ مان ڏسي سگهو ٿا، MP3 پليئر ورڈپریس ۾ تمام بنيادي آهي. جڏهن ته، ڇاڪاڻ ته اهو HTML5 آهي، توهان ان کي استعمال ڪندي ٿورو ئي تيار ڪري سگهو ٿا ايس ايم ايس. 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;
}
پنھنجي ورڈپریس ايم پي 3 پليئر کي وڌايو
توهان جي ايم پي 3 آڊيو کي ڪجهه شاندار آڊيو پليئر ۾ ڏيکارڻ لاءِ ڪجهه ادا ڪيل پلگ ان به آهن:
- ايم پي 3 اسٽيڪ پليئر ورڈپریس پلگ ان
- رائل آڊيو پليئر ورڈپریس پلگ ان
- HTML5 آڊيو پلیئرز ورڈپریس پلگ انز بنڈل
- آسان آڊيو پليئر ورڈپریس پلگ ان
- ورڈپریس لاءِ سونار پوڊ ڪاسٽ پليئر
ظاهر آهي: Martech Zone مٿي ڏنل پلگ ان لاءِ لاڳاپيل لنڪ استعمال ڪري رهيو آهي بشمول Codecanyon، هڪ بهترين پلگ ان سائيٽ جنهن ۾ بهتر واڌاري وارو پلگ ان ۽ شاندار سهولت ۽ سهولت آهي.