Flash Music Player and Music Playlists

Pada artikel sebelumnya kami, Tambah Musik untuk Blog Blogspot, kita berbicara tentang bagaimana musik dapat diputar di latar belakang blog atau melalui hyperlink atau pemutar musik konsol. Pembaca telah meminta untuk opsi untuk bermain lebih dari satu lagu melalui playlist. Kami telah melihat cross-browser pemutar musik yang memungkinkan kita untuk menampilkan musik playlist potongan musik yang dipilih untuk pembaca Blog untuk mendengarkan. Di sini, kita akan membahas apa yang kami percaya adalah pemain musik yang baik yang dapat dimainkan di kedua Firefox dan Internet Explorer. Berikut ini adalah petunjuk tentang cara untuk menanamkan pemutar musik ke dalam blog Blogger.


Overview

Di internet, ada beberapa situs yang menawarkan widget pemutar musik dan gadget

 (including Google Gadgets)

yang dapat ditambahkan ke blog Anda. Kebanyakan dari mereka memiliki mudah menavigasi antarmuka pengguna, dan situs-situs seperti

Sonific

bahkan menawarkan trek musik gratis berlisensi yang dapat dimasukkan ke dalam widget. Ini adalah situs komersial dan perlu untuk mengatakan, untuk mempertahankan operasi mereka, akan ada iklan dan promosi penjualan. Selain itu, lagu yang tersedia yang mereka miliki mungkin bukan hits terbaru atau sesuai dengan keinginan Anda.

Jika Anda ingin lebih banyak kontrol atas pilihan lagu untuk blog Anda, ikuti langkah-langkah dalam tutorial ini untuk meng-upload lagu-lagu yang Anda sukai dan menambahkan kode pemutar musik ke dalam blog Blogger. Pemutar musik memainkan lagu-lagu MP3 yang memiliki ukuran file yang lebih kecil dari file wav..

XML Shareable Playlist Format

Anda mungkin telah menemukan ekstensi file m3u dan.. ASX. Ini adalah file playlist dan klik mereka akan memainkan file musik atau video yang tersimpan dalam playlist. Baru dapat dibagikan Playlist XML Format

 (XSPF) (pronounced 'spiff')

adalah format lain playlist untuk media digital. Meskipun masih dalam tahap awal diakui sebagai standar Internet, banyak browser mampu mengeksekusi format file tersebut.

XSPF MP3 Music Player

Situs yang menjelaskan cukup sepenuhnya bagaimana pemutar musik aplikasi yang menggunakan format ini XSPF playlist kerjanya adalah

Sourceforge.net.

Dalam artikel oleh Fabricio Zuardi, Anda dapat menemukan berbagai gaya pemain yaitu, versi Slim yang menampilkan kontrol dasar dan trek musik saat ini; versi diperluas yang menunjukkan kontrol, daftar lagu, sampul album dan trek musik, dan versi Tombol yang hanyalah sebuah awal dan tombol stop. Ada juga pilihan bagi masuknya pemain ke dalam Mozilla Firefox sidebar. Apa yang dilakukan adalah untuk memberikan pembaca pilihan untuk masuk ke Bookmarks mereka Firefox dan klik "My Music Player" link untuk membuka pemutar musik di sidebar browser mereka dan mendengarkan lagu-lagu sambil berselancar situs lain.

Extended Music Player

Kita akan fokus pada versi pemutar musik diperpanjang (demo di bagian bawah blog ini) yang pada dasarnya menampilkan daftar digulir lagu, memiliki gambar album, dan memungkinkan pengguna kontrol atas volume dan mode putar ulang. Pertama, klik link ini untuk men-download file musik player. Unzip folder dan menyimpannya. File-file tersebut bebas dari gudang virus dan spam tetapi tentunya Anda bisa memindai mereka sebelum men-download.

Berikutnya, upload semua file aplikasi pemutar yang ada di folder unzipped ke web server. Untuk ilustrasi, kami telah meng-upload file kita ke server gratis di Google Page Creator. Anda juga dapat merujuk ke artikel kami pada Gambar Ruang Penyimpanan Kelola Blogger untuk daftar lain layanan file hosting gratis. Pilih salah satu yang memungkinkan upload semua jenis file serta hotlinking ke file-file. Untuk menguji apakah mereka memungkinkan hotlinking, upload file musik dan jika Anda mengetik url file musik ke browser internet, Anda harus mendengarkan bahwa musik bukannya dibawa ke sebuah halaman dengan isi yang lain. Jika Anda telah meng-upload aplikasi ke Google Pages, file pemain akan berlokasi di http://yourname.googlepages.com/xspf_player.swf [Apakah dicatat bahwa Google Pages memiliki batas 100MB ruang penyimpanan.]

Upload Music Files

Tujuannya adalah untuk memungkinkan pembaca untuk mendengarkan potongan musik Anda. Tentu saja, kita harus mengasumsikan Anda sudah memiliki file musik baik dalam CD musik atau komputer. Mengkonversikannya ke format MP3. Jika Anda membutuhkan converter musik gratis, mencari satu di

 Download.com.

Upload file-file MP3 ke server gratis.

Create XSPF Music Playlist

Setelah Anda telah meng-upload lagu, sekarang saatnya untuk membuat file Playlist. Buka aplikasi Microsoft Notepad. Untuk pengguna Windows yang paling, link harus di Program Start -> Accessories folder. Copy dan paste berikut ke Notepad.

<?xml version="1.0" encoding="UTF-8"?> <playlist version="0" xmlns = "http://xspf.org/ns/0/"> <!-- Insert the information into the colored portions. If there is none, just leave the field blank. Refer to http://tips-for-new-bloggers.blogspot.com/ for updates to the code. --> <title>Title to be displayed at top of player</title> <trackList> <track> <location>http://yourname.googlepages.com/song1.mp3</location> <image>http://yourname.googlepages.com/song1.jpg</image> <annotation>Song1 display text</annotation> </track> <track> <location>http://yourname.googlepages.com/song2.mp3</location> <image>http://yourname.googlepages.com/song2.jpg</image> <annotation>Song2 display text</annotation> </track> <track> <location>http://yourname.googlepages.com/song3.mp3</location> <image>http://yourname.googlepages.com/song3.jpg</image> <annotation>Song3 display text</annotation> </track> <track> <location>http://yourname.googlepages.com/song4.mp3</location> <image>http://yourname.googlepages.com/song4.jpg</image> <annotation>Song4 display text</annotation> </track> <track> <location>http://yourname.googlepages.com/song5.mp3</location> <image>http://yourname.googlepages.com/song5.jpg</image> <annotation>Song5 display text</annotation> </track> </trackList> </playlist>

Masukkan ke dalam bagian berwarna URL musik dan judul yang sesuai atau teks yang ingin ditampilkan. Jika ada cover album tidak ada atau gambar yang ingin Anda upload, meninggalkan bidang kosong. Anda dapat menambahkan lagu ke dalam daftar. Salin dan mengulangi blok kode (huruf miring).

Setelah Anda memasukkan semua informasi dalam Microsoft Notepad, klik "Save As". Di bawah drop-down pilihan "Save as type", pilih "All Files". Menetapkan nama file dan mengakhirinya dengan ekstensi xspf.. Misalnya, jika Anda memutuskan untuk menyebutnya myplaylist, kemudian masukkan "File name" sebagai "myplaylist.xspf". Simpan file dan sama, meng-upload file ini ke server gratis. File playlist akan memiliki URL seperti ini: - http://yourname.googlepages.com/myplaylist.xspf

Insert Music Player into Blog

Langkah terakhir adalah untuk menanamkan pemutar musik ke blog Blogger. Tentukan di mana Anda ingin menempatkan konsol pemutar musik. Lalu pergi ke Template -> Elemen Halaman -> Tambahkan sebuah Elemen Halaman dan pilih "HTML / JavaScript". Jika Anda ingin konsol musik dalam posting Anda, ketika Anda berada di Post Editor, ubah ke mode "HTML" daripada "Tulis" mode.

Salin dan sisipkan kode berikut: -

<!-- Change the colored values. Refer to http://tips-for-new-bloggers.blogspot.com/ for updates to the code. --> <object codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=" type="application/x-shockwave-flash" height="160" standby="Player is loading ..." width="400" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"> <param name="_cx" value="10583"> <param name="_cy" value="4445"> <param name="FlashVars" value=""> <param name="Movie" value="http://yourname.googlepages.com/xspf_player.swf?playlist_url=http://yourname.googlepages.com/myplaylist.xspf"> <param name="Src" value="http://yourname.googlepages.com/xspf_player.swf?playlist_url=http://yourname.googlepages.com/myplaylist.xspf"> <param name="WMode" value="Window"> <param name="Play" value="0"> <param name="Loop" value="-1"> <param name="Quality" value="High"> <param name="SAlign" value="LT"> <param name="Menu" value="-1"> <param name="Base" value=""> <param name="AllowScriptAccess" value="sameDomain"> <param name="Scale" value="NoScale"> <param name="DeviceFont" value="0"> <param name="EmbedMovie" value="0"> <param name="BGColor" value="E2E2E2"> <param name="SWRemote" value=""> <param name="MovieData" value=""> <param name="SeamlessTabbing" value="1"> <param name="Profile" value="0"> <param name="ProfileAddress" value=""> <param name="ProfilePort" value="0"> <param name="AllowNetworking" value="all"> <param name="AllowFullScreen" value="false"> <embed src="http://yourname.googlepages.com/xspf_player.swf?playlist_url=http://yourname.googlepages.com/myplaylist.xspf" quality="high" bgcolor="#E2E2E2" name="xspf_player" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="160" width="400"> </embed> </object>

Variabel yang Anda harus ingat untuk mengubah adalah: -

1. Domain atau lokasi dimana aplikasi pemutar yang diupload

 (shown in purple).

2. Lokasi dari file playlist musik (shown in red).

3. Warna latar belakang kode pemutar musik (shown in blue). 

Anda memiliki pilihan terbatas di sini karena warna-warna panel abu-abu adalah tetap. Untuk daftar kode warna, lihat kami

Hexadecimal Color Code Chart.

 

4. Lebar dan tinggi dari interface pemutar musik (ditampilkan dalam warna hijau).

Setelah Anda selesai, simpan widget dan menyegarkan Blog. Sekarang Anda akan melihat sebuah Music Player MP3 yang memiliki playlist musik dari lagu favorit Anda bagi pembaca untuk melihat, memilih dan mendengarkan.

Apakah menyenangkan bermain-main dengan widget pemutar musik baru!