Thursday

ब्लॉग में MP3 Player इम्बेड करने का सबसे सरल तरीका [with Playlist]

कभी कभी जरूरत पड़ती है कि ब्लॉग में ऑडियो फाईल अन्तःस्थापित(इम्बेड) करनी है, जिसके के आपके पाठक/श्रोता उसे ऑनलाइन सुन सकें | इसे आप “पॉडकास्ट” भी कह सकते है | तो इसके कई तरीके है ,,जिनमे से एक तरीका मैंने काफी पहले बताया था |

दूसरा तरीका …आप http://archive.org पर जाकर अपनी ऑडियो फाईल अपलोड कर दीजिए ..वहाँ आपको आपकी फाईल के लिए प्लेयर का कोड मिल जाएगा |

या आप गूगल रीडर के पॉडकास्ट प्लेयर का उपयोग कर सकते है | जिसक कोड निम्न है |

<embed type="application/x-shockwave-flash"
src="http://www.google.com/reader/ui/3523697345-audio-player.swf"
flashvars="audioUrl=MP3URL" width="400" height="27" quality="best">
</embed>


बस audioUrl के जगह अपनी अपना ऑडियो URL लिखना है | लेकिन ये सारे तरीके तब तो ठीक है ..जब आपको सिर्फ एक फाईल इम्बेड करनी है ..क्योंकि प्रत्येक फाईल के लिए अलग से कोड लगाना पड़ेगा | अगर आप कई सारी फाईल्स को एक साथ Playlist के रूप में देना चाहते है, और इतना लंबा चौड़ा कोड नहीं लिखना चाहते है ..सिर्फ एक  साधारण HTML की लाईन ..तो तरीका बता रहा हूँ



Yahoo Media Player yahoo-player



बस चित्र के तरह .सिर्फ तीन स्टेप्स:



1. सबसे पहले आप dashboard--> Design - -> Edit HTML में जाकर </head> सर्च कीजिये |

बस ठीक इससे पहले ये कोड पेस्ट कर दीजिए |और सेव(Save) कर दीजिए |



<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>



2. अब जब कभी आपको किसी भी पोस्ट में MP3 files लिंक करना चाहे हो ..Edit Html (Post Editor) में ऐसे लिंक करें |


<a href="http://mediaplayer.yahoo.com/example1.mp3">First link</a>


URL के जगह में अपनी फाईल का URL. कई सारी फाईल जोड़ सकते हो |


3. बस अब आपके पाठक/श्रोता जब भी लिंक पर क्लिक करेंगे | Yahoo Media Player आ जायेगा ..ठीक ऐसे ..


yahoo-player2




हैं न बढ़िया और सबसे सरल …



चलो आपको Demo दिखा देते है | नीचे पांच गाने दे रहा हूँ |



यमला पगला दीवाना (शीर्षक गीत)


कितना प्यारा वादा है (लाता और रफ़ी)


कुछ तो लोग कहेंगे (रफ़ी)


रुक जाना नहीं (किशोर कुमार)


जिंदगी एक सफर है सुहाना (किशोर कुमार)

2 comments:

  1. उपयोगी जानकारी, गीत भी सुन लिये साथ में।

    ReplyDelete
  2. ज्ञानवर्धन के लिए आभार

    ReplyDelete