Inline MP3 Player (Easy way to embed Flash mp3 player in your blog)
February 14th, 2009
Bismillah
Alhamdulillah, praise to Allah that I can made script for flash mp3 player. This js file make website owner can embed Flash easly withou edit their html to ember the script of flash mp3 player.
Feature of this player :
1. Easy to use, no need to know about html
2. Automatic link download and popup
3. Has 8 different flash players
4. Type of player can be choose by your own can be different flash in one page
This javascript very easy to use to put flash mp3 player in your website no need to put very long embed object like below picture.
8 Type of flash player in this script are :
1. 1pixelout (Player that use by podpress, wpaudioplayer or podcasting)
2. Jw Player (Complete Flash player)
3. Google player
4. Flow Player
7. Mirpod
8. Nyfty player
If we open all that players wee will see very long embed code to use the player.
Goodbye long flash code that make our article difficult to read if in HTML view.
With this script user only put hyperlink of the mp3 and the script automatic make embed code for mp3 flash player
Example
In html code
<a href="http://www.archive.org/download/Ustadz_Armen_Halim_Naro_Kajian_Lain2/Kumpulan_ibroh_dlm_menggapai_hidayah_ust_Armen_Halim.mp3">Kajian Ustadz Armen</a>
How to use this script is very easy, if you are in blogspot put the script link in your template or XML file, don’t put in your article.(Dashboard–> Edit Layout –> Edit HTML)
You can put before this
< body >
After you put the script every mp3 link will have Flash mp3 player automatic.
Only put one time in your template this script
<script type="text/javascript" src="http://inlinemp3.googlecode.com/files/inlineflashplayercomp01.js"></script>
if you want to use other flash player you can add var(default paramplayerflash=1 –> 1pixelout v2)
You don’t have to add var if you want to use first type of flash
<script type="text/javascript" src="http://inlinemp3.googlecode.com/files/inlineflashplayercomp01.js"></script>
paramplayerflash Choose what ever you want
1. 1pixelout version 2
2. jw player
3. google player
4. flow player
5. 1pixelout versi 1
7. Mirpod
8. Nyfty player
To view different player in one blog you can add Tag id like this example
<a href="http://www.archive.org/download/Ustadz_Armen_Halim_Naro_Kajian_Lain2/Kumpulan_ibroh_dlm_menggapai_hidayah_ust_Armen_Halim.mp3" id="1">Kajian Ustadz Armen</a>
id = 1 player 1pixelout will show for that link with different paramplayerflash
Tag id or paramplayerflash only option for this script
Amanah :
Don’t use this script for music
Based on shohih hadits
45 Responses to “Inline MP3 Player (Easy way to embed Flash mp3 player in your blog)”
Leave a Reply
[...] this post I make post aboutFlash Mp3 player for blogger or othe website that can use javascript inside of the [...]
Hello, How are you? I have to say that i enjoy the special information of your website a great deal, can’t help wondering where you get all of this from. Best regards Ps3Ylodfix
mengapa sekarang script nya gak bisa, alias tidak muncul flash playernya ??
mohon direvisi.
Syukron wa jazakumullah khair
Link sudah terbaru silahkan copy link terbaru
wah bagus sekali nih infonya thank’s bboss
terimakasih ya tipsnya dan nasehatnya… salam :)
Assalamu’alaikum…
Terimakasih triknya…dah tak coba dan berhasil…
tukeran link dong…
Assalamu’alaikum…
Terimakasih triknya…dah tak coba dan berhasil…
syukron ya akh
boleh kita tukeran link
wah… terusakan dakwahnya …
moga2 diberkati Allah s.w.t
Akhi, alhamdulillah udah bisa.. klo kajiannya ditukar gimana?
Ana tukar dengan url lain ga’ bisa. apa harus uploud lewat
http://www.archive.org
Harus menggunakan Direct link, kalau ga direct link ga bisa
Assalamu’alaykum akhi, kode yang akan ditaruh dibawah kok ga’ lengkap ya, soalnya pada gambar tutorial antum terpotong, mohon diperjelas lagi akhi, jazakallahukhairan sebelumnya
Wa’alaikumsalam
itu bukan terpotong tetap harus klik Tombol “View Source”
[...] ana posting Flash Mp3 player untuk blogger atau website lain yang menggunakan javascript hal ini tidak bisa digunakan untuk Free [...]
[...] utk blogger.com hampir semua belum ada tutorialnya Sebagian juga modifikasi dari trik lain. 1. Inline Mp3 Player (Cara mudah memasang Flash player MP3 di Blogger) 2. Membuat daftar isi teratur beradasar label 3. [...]
[...] mudah memasang Video dari youtube menggunakan plugin yg di sediakan oleh Jonraasch, caranya semudah meletakkan MP3 di posting [...]
@ibnu aq :Silahkan ketik aja di postingan antum untuk free wordpress.com, sebagai berikut :
[audio url]
penjelasan :
[audio spasi alamat mp3]
contoh :
[audio http://www.archive.org /download/Ustadz_Armen_Halim_Naro_Kajian_Lain2/Kumpulan_ibroh_dlm_menggapai_hidayah_ust_Armen_Halim. mp3]
contoh hasilnya di http://radiorodja.wordpress.com
Assalaamu’alaykum akhiy.
Kalau supaya bisa di wordpress yang gratisan gimana ya?
Ana coba taruh di text widget tapi nggak bisa keluar, misalnya yang Rodja. Jadi ana terpaksa pakai trick, yaitu taruh gambarnya dan di link ke rodja.
Barangkali antum punya trick lain.
Syukron, Barokalloohu fiik
Bukan menggunakan cara yg ana tulis di artikelnya tapi di komentar http://www.abu-farhan.com/2009/02/iniline-mp3-player-cara-mudah-pasang-flash-player-di-web/#comment-132
[audio spasi url mp3]
wordpress.com caranya menggunakan itu
Afwan Akh Blog ana kan gratisan anakan dah coba di blog ane tapi ga muncul yach padahal scriptnya udah di ketik sesuai contoh ….mohon pencerahannya syukron
@Sunherra : Blog antum bagus juga semoga dimudahkan Allah untuk mengembangkannya.
Alhamdulillah ternyata wordpress.com sudah menyediakan fasilitas tersebut.
Silahkan ketik aja di postingan antum, sebagai berikut :
[audio url]
penjelasan :
[audio spasi alamat mp3]
contoh :
[audio http://www.archive.org /download/Ustadz_Armen_Halim_Naro_Kajian_Lain2/Kumpulan_ibroh_dlm_menggapai_hidayah_ust_Armen_Halim. mp3]
contoh hasilnya di http://radiorodja.wordpress.com
@Faisal : Sama2
@Muh Suheri Sueb : Afwan jangan panggil ustadz, ana masih thulab. Untuk radio islam bisa lihat di http://blog.assunnah.web.id/?p=82
atau
http://abufarhan07.multiply.com/ lihat di guestbook, afwan ana ga sempat publish itu karena sibuk.
Ana dah lihat di blog antum sudah ada radioassunnah.com sebenarnya tinggal edit dikit aja udah bisa kok
Kepada semua Insya Allah blog ini akan di pindah ke http://www.abu-farhan.com masih kosong sih baru daftar.
Assalamualaikum Pak Ustadj.!
Pak ustad saya mau tanya boleh nggak nih ?
saya mau pasang Radio2x islam di Blog saya gimana ya caranya…? kalau bisa dibagiin dong scripnya biar saya juga menikmati !
Mohon maaf kija ini memberatkan si Ustadj.
Wassalam dari saya Muh. Suheri Sueb
Ana mu tanya punya cara untuk di taro di blog wp mohon pencerahhannya
terima kasih Pak Abu,ntar di coba dech tipsnya
@digi Link MP3 nya harus direct upload ke http://www.archive.org
saya sudah mencoba dengan link html “kajian ustadz armen”…. dan hasilnya bisa dijalankan di blog saya.. namun dengan link mp3 saya tetap tidak bisa… bisa berikan saran untuk mengupload mp3 saya ke web apa?
terimakasih sebelumnya
@Deddy
ana dah coba blog antum dah bisa kok (ana save as blog antum kemudian ana kasih link mp3)
@digi:
wa’alaikumsalam, antum kasih hyperlink aja tulisan mp3nya
contoh
html tag :
Hasilnya
Kajian Ustadz Armen
ANA COBA TETAP AJA GAK BS AKH…..TAMPIL DIBLOG TP GAK ADA YG KELUAR….SALAHNYA APA YA?
ASSALAMUALAIKUM…. saya mw nanya,jika saya sudah memasukkan code di template di bawah ,,cara membuat mp3 player tersambung ke mp3 nya bgmna? sehingga bisa di play
wa’alaikumsalam, afwan ana salah nulis pake textarea skr sudah pake iframe silahkan di copy lagi, itu karena character tanda petiknya afwan
ASSALAMUALAIKUM…..AKH ANA DAH COBA KOK GAK BISA YA??? ANA DAH TEMPATKAN DI BAWAH BODY TP YG TIMBUL SEPERTI INI AKH :
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The markup in the document following the root element must be well-formed.
INI BLOG ANA AKH…http://deddytrianto78.blogspot.com/
MOHON INFO NYA YA AKH KRN ANA PENGEN MEMASANG KAJIAN2 YG ANA REKAM LUMAYAN BANYAK, SMOGA NANTINYA BS BERMANFAAT BAGI PENUNTUT ILMU SYAR’I INSYAALLOH….
Waiyyakum, sudah coba playernya ?, ana sudah siapkan player jw 4 dg 6 skinnya, tapi belum ana pasang aja
jazakallahu khiran atas infonya
Syukran atas infonya,jazakallahukhairan
Sudah ana update tampilan dengan menambahkan 3 player lagi dan popup player serta tag id
coba antum ctrl +f –> < body > pada browser saat buka Dashboard–> Edit Layout –> Edit HTML nanti pasti menemukan body
Akhi, ana ngk tahu dimana letak tulisan nya.
Bisa ksh petunjukny ngk dimana letak nya. soalnya di kode xml ana banyak….
Wa’alaikumsalam
kalau masangnya di blogspot letakkan scriptnya langsung di bawah tulisan
< body > , pada edit html
blog antum apa?
Assalamu’alaykum,
afwan akh, kok ana ga bs pasang js tsb ya, ada pesan berikut ini:
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Open quote is expected for attribute “{1}” associated with an element type “type”.
jazakallah atas bantuannya…
Wa’alaikumsalam
iya XML itu yg di edit
Dashboard–> Edit Layout –> Edit HTML
cari tag
letakkan aja script di atas langsung di bawah body
Assalaamu’alaikum…
Akhi, ana nggak ngerti cara menaruhnya di kode templete blog ana, soalnya ana nggak ngerti bahasa HTML. Desain templete ana bukan HTML tai XML. Mohon bantuannya……
Wa’alaikumsalam
Itu emang ana masukkan ke googlepages sengaja supaya bisa dipasang blog gratisan yg bisa javascript seperti blogspot, jadi gunakan aja tanpa harus upload file di server antum. karena kalau JS nya ana update misal nambah flash yg baru ataupun tambahan popup, antum ga perlu download dan upload di server antum, nantikan nanti ana kasih tutorial lain utk blogspot lainnya, seperti bikin daftar isi di blogspot
Assalaamu’alaykum…
script tersebut emang simple akh… tapi kita tergantung kepada situs lain juga. Mungkin itu berguna kl kita hosting gratisan