Inthis step, we will create a user interface for our mp3 music player in java. We will need five image buttons such as play, pause, resume, stop, selecting song. Also we need FileChooser which helps us to choose the mp3 music file from the directory of the system and one label is needed to print which current song is selected. Fiturfitur yang disediakan juga cukup lengkap seperti iCloud, podcast, mini player, dan pastinya music player. Semuanya bisa kamu nikmati secara gratis lho. Download ITunes. Baca Juga: √ 5 Cara Remote Desktop di Windows Jarak Jauh [Windows 7,8,10] Nah, itulah 11 software pemutar musik MP3 untuk PC yang patut kamu coba. PortableSpeaker ini memiliki beberapa fungsi seperti radio player, mp3 player, dilengkapi dengan LED display panel. Baterai built-in 600mA membuat mini speaker ini dapat berfungsi dalam jangka waktu yang lama. Semua fitur ini hadir dalam bentuk yang minimalis. cash. Pada tutorial sebelumnya saya menjelaskan cara pembuatan mp3 player dengan kontrol 2 buah tombol dan Kontrol mode Analog to Digital. Untuk mempelajari tutorial tersebut silahkan kunjungi TUTORIAL DFPLAYER MINI MP3-TF-16P MP3 PLAYER STANDALONE . Untuk mengakses DFPLAYER MINI MP3-TF-16P MP3 PLAYER menggunakan arduino ini terbilang sangat mudah. Di sini saya menggunakan Arduino Uno, karena Arduino Uno ini jenis yang paling umum di daerah saya. Untuk mempermudah mengakses DFPLAYER MINI MP3-TF-16P MP3 PLAYER ini kita membutuhkan sebuah library arduino. Library ini sudah saya sediakan, jadi tinggal di download saja di sini. Mengakses DFPLAYER MINI MP3-TF-16P MP3 PLAYER menggunakan Arduino yaitu melalui komunikasi serial pin RX dan TX. Berikut adalah contoh sederhana menggunakan module DFPLAYER MINI MP3-TF-16P MP3 PLAYER melalui Arduino. DFPLAYER MINI MP3-TF-16P MP3 PLAYER dengan Arduino Pada rangkaian di atas terdapat resistor pada kabel TX, ini berfungsi untuk menahan noise pada modul DFPLAYER MINI MP3-TF-16P MP3 PLAYER yang dapat mengganggu output pada mengakses DFPLAYER MINI MP3-TF-16P MP3 PLAYER seperti pada rangkaian di atas menggunakan Arduino perlu menambahkan library bernama SoftwareSerial-master. Library ini berfungsi untuk memindahkan pin RX dan TX arduino pada pin juga memerlukan library DFPlayer_Mini_Mp3 yang akan membantu kita untuk menyederhanakan program perintah pada module tersebut. File yang dapat terbaca oleh module DFPLAYER MINI MP3-TF-16P MP3 PLAYER harus berformat “.mp3”.Untuk cara menyimpan file mp3 supaya terbaca oleh modul DFPLAYER MINI MP3-TF-16P MP3 PLAYER ini sudah saya jelaskan di tutorial sebelumnya, yaitu TUTORIAL DFPLAYER MINI MP3-TF-16P MP3 PLAYER STANDALONE. Download file DFPlayer_Mini_Mp3SoftwareSerial-masterSource CodeFile mp3 Di bawah ini Source Code memutar file tertentu //DFPLAYER MINI MP3-TF-16P MP3 PLAYER //PLAY dengan memanggil nama file mp3 include //memanggil library SoftwareSerial include //memanggil library DFPlayer mini SoftwareSerial mySerial3, 2; // Declare pin RX & TX //TX DF Player disambung ke pin D3 //RX DF Player disambung ke pin D2 melalui const int busyPin =4; void setup { pinMode busyPin, INPUT; 9600; mp3_set_serial mySerial; //set softwareSerial for DFPlayer delay10; mp3_reset; //soft-Reset module DFPlayer delay10; //wait 1ms for respon command mp3_set_volume 15; //set Volume module DFPlayer, bisa diatur hingga maksimal 25 delay1000; } void loop { mp3_play 1; //Play mp3 dalam folder mp3 di memory delay 10000; mp3_play 2; //Play mp3 dalam folder mp3 di memory delay 9000; mp3_play 3; //Play mp3 dalam folder mp3 di memory delay 11000; mp3_play 4; //Play mp3 dalam folder mp3 di memory delay 11000; // setelah play selesai akan kembali ke baris awal pada void loop, yaitu play } Source Code untuk memutar semua file secara berurutan. //DFPLAYER MINI MP3-TF-16P MP3 PLAYER //PLAY ALL dengan delay 15 detik include //memanggil library SoftwareSerial include //memanggil library DFPlayer mini SoftwareSerial mySerial3, 2; // Declare pin TX & RX //TX DF Player disambungkan ke pin D3 //RX DF Player disambungkan ke pin D2 melalui R const int busyPin =4; void setup { pinMode busyPin, INPUT; 9600; mp3_set_serial mySerial; //set softwareSerial for DFPlayer delay10; mp3_reset; //soft-Reset module DFPlayer delay10; //wait 1ms for respon command mp3_set_volume 80; //set Volume module DFPlayer delay1000; } void loop { mp3_play 1; //Play mp3 dalam folder mp3 di memory //memainkan file berikutnya jika lagu sebelumnya sudah selesai if busyPin == HIGH { mp3_next ; } //memainkan file s/d selama 15detik/file secara berurutan for int i=1; i<=10; i++{ mp3_play i; delay15000; } } Demikianlah tutorial mengakses DFPLAYER Mini MP3 dengan Arduino. Terimakasih telah berkunjung ke blog saya. Semoga tulisan ini bermanfaat bagi banyak orang. Tonton Video Kami akan membuat pemutar mp3 sederhana yang dapat Anda sisipkan di laman web mana pun misalnya beranda band. Dengan mengikuti tut ini, Anda akan belajar cara mengimpor grafik Illustrator, cara membuat sprite tombol dengan movieclips dan cara menggunakan kelas Timer dan Sound. Kita mulai.. Persiapan Pertama saya akan membahas apa yang kita butuhkan untuk menyelesaikan tutorial ini Saya telah menggunakan kelas pihak ke-3 Caurina Tweener untuk tween elemen di layar. Ini tidak diperlukan karena Anda dapat menggunakan kelas tween Flash sendiri untuk melakukan pekerjaan yang sama. Pikiran Anda, jika Anda tidak terbiasa dengan Caurina saya sarankan Anda untuk melihatnya. Tween Lite adalah tweener pihak ke-3 lain yang mungkin pernah Anda dengar. Ini adalah kelas tween yang sangat kuat yang juga bisa Anda gunakan untuk proyek ini jika Anda mau. Anda dapat menemukan Caurina Tweener dalam kode sumber. Kode sumber termasuk satu file mp3 yang akan kita butuhkan teriakan tarzan . Anda juga dapat menggunakan mp3 Anda sendiri jika mau. Juga dalam kode sumber Anda akan menemukan direktori "ai" yang berisi file File ini mencakup semua grafik untuk pemutar. Terakhir saya memasukkan font yang kita butuhkan. Ini disebut 04b03 dan ini adalah font bitmap. Instal dan Anda siap berangkat. Langkah 1 Buat File baru Pertama, Anda perlu membuat dokumen Flash Actionscript baru. Anda tidak perlu menyesuaikan properti dokumen apa pun. Pergi ke Flash > Preferences > AI file importer di Mac atau Edit > Preferences > AI file importer di Windows. Pastikan Anda memiliki pengaturan berikut Simpan dan berikan nama " Juga salin direktori "caurina" dan " ke tempat yang sama dengan file .fla Anda. Langkah 2 Mengimpor File Illustrator Sekarang kita siap untuk mengimpor file Illustrator. Buka File > Import > Import to Stage. Temukan " dari direktori source paket "ai", tekan OK dan Anda akan mendapatkan layar seperti yang ditunjukkan di bawah ini. Atur Convert to layers "Flash layers" sehingga Anda mendapatkan semua layer yang terkandung dalam file ai langsung ke Flash. Dua opsi berikutnya, seperti yang ditunjukkan pada gambar, menempatkan semua artwork ke koordinat yang sama seperti dalam file ai dan mengubah ukuran dokumen Flash Anda persis dengan ukuran yang kita butuhkan. Ketika Anda mengklik OK di dialog impor dokumen Anda akan terlihat seperti gambar yang ditunjukkan di atas. Step 3 Membuat tombol Sprite Anda mungkin memperhatikan tombol putar dan jeda pada gambar terakhir. Itu akan menjadi sprite tombol kami yang mengontrol suara. Semua tombol dikelompokkan menjadi satu grup. Pilih grup tombol saja dan tekan F8 untuk mendapatkan layar "Convert to symbol". Beri nama "buttons" dan pastikan Anda memilih MovieClip sebagai jenisnya. Atur registrasi ke sudut kiri atas dan klik OK. Beralih ke panel Properties dan beri objek itu nama "buttons". Gambar di bawah menggambarkan langkah-langkah ini secara visual Kami memiliki tombol kami dalam satu klip video, tetapi mask tidak termasuk. Kami membutuhkan satu movieclip lagi untuk mengikat semuanya. Pilih tombol movieclip dan objek mask. Sekali lagi tekan F8 dan sekarang beri nama "buttonSprite". Juga ingatlah untuk memberinya nama contoh. Kali ini "bs" Saya tahu apa yang Anda pikirkan, tetapi ini adalah singkatan dari ButtonSprite. Langkah 4 Masking Manual Sekarang sprite tombol kami hampir siap untuk diguncang. Yang perlu kita lakukan hanyalah menutupinya sehingga hanya menampilkan satu tombol pada satu waktu. Klik dua kali tombol Anda. Pilih movieclip. Buat layer baru di atas layer aktif dan beri nama "mask". Pilih objek mask dan potong menggunakan "Cmd + X" pada Mac atau "Ctrl + X" pada Windows. Pilih layer mask dan rekatkan paste "Cmd + V" pada Mac atau "Ctrl + V" pada Windows. Tidak masalah di mana objek mask Anda karena selanjutnya kita luruskan ke tempat yang tepat. Dengan topeng Anda masih dipilih buka panel Align Window > Align dan pastikan tombol "To stage" ditekan. Sekarang tekan tombol "Align top edge" dan "Align left edge" dan objek mask Anda sekarang harus berada di posisi yang benar, sudut kiri atas movieklip Anda. Satu-satunya yang tersisa untuk dilakukan adalah menutupi tombol. Klik kanan di atas layer mask dan pilih Mask. Anda dapat melihat efeknya secara instan; hanya satu tombol yang terlihat. Langkah 5 Mulai Membuat Tampilan Mari kita lupakan tombolnya untuk sementara dan fokus pada tampilan pemutar MP3. Saya akan menunjukkan cara membuat elemen tampilan ini secara manual. Itu bisa dilakukan dengan AS3, tentu saja, tapi mari kita lakukan secara manual kali ini. Pertama pilih elemen topeng dari lapisan mask. Konversikan ke klip video dan beri nama "displayMask". Gunakan nama ini sebagai nama instance juga. Mask untuk tampilan siap, jadi sembunyikan layer. Selanjutnya, buat layer antara lapisan tombol dan lapisan topeng. Beri nama "text". Pilih Text Tool dari palet Alat dan gunakan opsi yang ditunjukkan pada gambar di bawah Langkah 6 Tambahkan Bidang Teks ke Tampilan Kami membutuhkan bidang teks untuk menampilkan informasi kami artis, nama lagu, persentase pemuatan dan panjang lagu. Kami akan membuat bidang teks secara manual ke atas stage. Pertama-tama gambarlah bidang teks pada layer teks seperti yang ditunjukkan pada gambar di bawah ini. Konversikan ketiga bidang teks menjadi satu movieclip tunggal yang disebut "playerTexts". Buat satu bidang teks lagi dan menyebutnya "preloader". Anda tidak perlu mengonversikan ini ke movieclip . Langkah 7 Menyempurnakan Tampilan Yang perlu kita lakukan adalah memasukkan loader-textfield dan playerTexts-movieclip baru kita dalam satu movieclip sehingga kita dapat mengontrol teks sesuka kita. Pilih loader-textfield dan playerTexts-movieclip dan tekan F8. Beri nama dan nama instance "display". Sekarang kami telah menyelesaikan hierarki tampilan kami, akan terlihat seperti ini Untuk menulis contoh data ke songInfo-textfield kita harus menulis baris kode berikut 1 2 = 'This is where we put the artist and song name'; Jadi sekarang kita memiliki setiap elemen grafis yang siap yang kita butuhkan untuk MP3 Player. Selanjutnya kita akan melompat jauh ke dalam kode, jadi menyelam dengan saya! Langkah 8 Buat File Kelas Dokumen Agar kode berfungsi, kita perlu membuat kelas dokumen. Kode kelas dokumen dieksekusi pertama kali ketika file .swf diputar. Anda tidak perlu menulis kode lagi ke timeline dan kelas Anda lebih mudah untuk mengimpor ke file .fla lain di masa depan jika diperlukan. Buka File > New. Pilih "File skrip Actions" dari jendela yang terbuka dan klik OK. Simpan file ke folder yang sama dengan file .fla Anda dan beri nama " Sekarang tetapkan file .as Anda yang baru sebagai kelas dokumen. Klik stage dan pergi ke panel Properties. Di sana Anda akan menemukan bidang "Class" tempat Anda harus memasukkan nama kelas yang Anda buat. Masukkan "SimpleMP3Player" dan klik tombol pensil kecil. Jika Anda mengeja nama kelas dengan benar, file " akan menjadi aktif. Kalau tidak, Flash akan menimbulkan kesalahan. Langkah 9 Kode Kode menghidupkan segalanya. Inilah ActionScript yang lengkap, saya akan menjelaskannya blok demi blok. Periksa juga kode sumber dari paket sumber, saya sudah komentari dari awal hingga akhir. 1 2 package 3 { 4 import 5 import 6 import 7 import 8 import 9 import 10 import 11 import 12 import 13 import 14 import 15 import 16 import 17 import 18 import 19 20 public class SimpleMP3Player extends MovieClip 21 { 22 // Create some variables that we need 23 private var mp3FileSound; 24 private var mp3FilePositionSoundChannel; 25 private var id3DataID3Info; 26 private var id3InfoAvailable = false; 27 28 private var updateTimeTimer; 29 30 private var playingSoundBoolean = false; 31 private var soundPositionNumber; 32 private var songReachedEndBoolean = false; 33 34 private var buttonPosArray = new Array'0', '-36', '-72', '-108', '-144', '-180', '-216', '-252'; 35 36 public function SimpleMP3Player 37 { 38 = -73; 39 = displayMask; 40 41 = = false; 42 = buttonPos[3]; 43 44 loadMP3; 45 } 46 47 private function loadMP3void 48 { 49 mp3File = new Sound; 50 mp3FileLoading; 51 mp3FileLoaded; 52 errorLoadingSound; 53 54 getID3Data; 55 URLRequest' 56 57 {x 96, time1}; 58 } 59 60 private function mp3FileLoadingeProgressEventvoid 61 { 62 var currentPercentNumber = / * 100; 63 = 'LOADING...' + currentPercent + '%'; 64 65 if currentPercent > 50 && id3InfoAvailable 66 { 67 {x 200, time1, onCompleteplayMP3, onCompleteParams[false, 0]}; 68 mp3FileLoading; 69 } 70 } 71 72 private function mp3FileLoadedeEventvoid 73 { 74 mp3FileLoaded; 75 updateBufferField; 76 {x 200, time1}; 77 } 78 79 private function errorLoadingSoundeIOErrorEventvoid 80 { 81 trace'Error loading sound ' + e; 82 } 83 84 private function getID3DataeEventvoid 85 { 86 id3InfoAvailable = true; 87 id3Data = 88 } 89 90 private function playMP3useSpBoolean, spNumbervoid 91 { 92 if useSp mp3FilePosition = 93 else mp3FilePosition = 94 95 playingSound = true; 96 songFinished; 97 updateBufferField; 98 99 = = true; 100 = buttonPos[0]; 101 102 mouseOverBs; 103 mouseOutBs; 104 mouseClickBs; 105 106 updateTime = new Timer100; 107 108 getMP3Time; 109 110 111 var siString = + ' - ' + 112 si = 113 = 114 = false; 115 = si; 116 117 {x 60, time1}; 118 } 119 120 private function updateBufferFieldeProgressEventvoid 121 { 122 var currentPercentNumber = / * 100; 123 = currentPercent + '%'; 124 } 125 126 private function getMP3TimeeTimerEventvoid 127 { 128 var totalMinutes = / 1000 / 60; 129 var totalSeconds = / 1000 % 60; 130 var currentMinutes = / 1000 / 60; 131 var currentSeconds = / 1000 % 60; 132 133 if totalSeconds 50 && id3InfoAvailable 9 { 10 {x 200, time1, onCompleteplayMP3, onCompleteParams[false, 0]}; 11 mp3FileLoading; 12 } 13 } Seperti yang saya sebutkan sebelumnya, metode "mp3FileLoading" menunjukkan nilai persentase berapa banyak file mp3 telah dimuat. Itu juga memulai lagu ketika persentase naik lebih tinggi dari 50%. currentPercent adalah untuk menghitung nilai persentase. Kami membulatkannya ke atas dengan metode " Baris 4 menulis nilai persentase ke bidang teks kami sehingga pengguna dapat melihat apa yang terjadi dengan pemuatan. Di dalam pernyataan "if" kami memeriksa apakah persentasenya di atas 50 dan variabel "id3InfoAvailable" benar. Jika keduanya mengembalikan true, pernyataan "if" menjalankan semua yang ada di dalam tanda kurung. Ketika pernyataan if true, kita membuang bidang teks "preloader". Ketika tween selesai, Caurina memanggil metode "playMP3" dan memasukan dua properti untuk itu. Kami melihat metode "playMP3" pada langkah berikutnya. Event PROGRESS tidak lagi diperlukan, jadi kami menghapusnya di baris 9. Langkah 17 Metode event mp3FileLoaded 1 2 3 private function mp3FileLoadedeEventvoid 4 { 5 mp3FileLoaded; 6 updateBufferField; 7 {x 200, time1}; 8 } Metode ini dipanggil ketika seluruh lagu dimuat. Pertama, kami menghapus EventListeners yang tidak perlu. Pada baris 5 kita memutar bidang teks "buffer" ke kanan. Langkah 18 Metode Event ErrorLoadingSound 1 2 3 private function errorLoadingSoundeIOErrorEventvoid 4 { 5 trace'Error loading sound ' + e; 6 } Penanganan kesalahan ini sangat mendasar. Ini hanya melacak kesalahan jika kesalahan terjadi. Langkah 19 Metode Event getID3Data 1 2 3 private function getID3DataeEventvoid 4 { 5 id3InfoAvailable = true; 6 id3Data = 7 } Kami menetapkan "id3InfoAvailable" menjadi true di baris 3. Metode "mp3FileLoading" memeriksa variabel ini setiap kali dan mulai suara hanya jika itu true. Dengan cara ini kami memastikan bahwa info id3 tersedia sehingga pengguna melihat info asli di layar. Pada baris 4, kami menetapkan metadata id3 mp3File ke objek ID3Info bernama id3Data yang kami buat di Langkah 12. Langkah 20 Metode playMP3 Metode ini adalah metode yang lebih vital di player kami. Mari kita lihat blok pertama. 1 2 3 private function playMP3useSpBoolean, spNumbervoid 4 { 5 if useSp mp3FilePosition = 6 else mp3FilePosition = Metode "playMP3" membutuhkan dua properti. "useSp" menunjukkan "gunakan posisi suara" dan "sp" adalah "posisi suara". Pada baris 3 kami menguji apakah "useSp" true. Jika demikian, kode akan memutar lagu kami mulai dari titik yang diinginkan. Titik ini dilewatkan di properti "sp". Jika salah, kami mulai memutar lagu dari awal. Semua ini terkait dengan tombol play-pause. 1 2 3 playingSound = true; 4 songFinished; 5 updateBufferField; Baris 1 mengatur playingSound menjadi true. Sekarang kita dapat memeriksa apakah suara diputar dan melakukan apa yang diperlukan. EventListener baru di baris 2 dijalankan setiap kali lagu selesai diputar. Metode "songFinished" dijalankan. Perhatikan bahwa kami menambahkan EventListener ke objek mp3FilePosition. EventListener baru kedua di baris 3 menambahkan event "PROGRESS" yang sama ke mp3File seperti pada awal kode. Listener ini hanya menjalankan metode yang berbeda. Metode "updateBuffer" adalah untuk memperbarui bidang teks "buffer". 1 2 3 = = true; 4 = buttonPos[0]; Baris pertama yang sudah Anda kenal. File mp3 kami diputar sehingga kami dapat memperbarui tombol untuk menampilkan status yang sesuai, mengaktifkan properti "buttonMode" dan "enabled". Kami menggunakan "Timer" untuk menunjukkan posisi suara saat ini dalam hitungan detik. Dengan "Timer" Anda dapat menjalankan metode dalam urutan waktu. 1 2 3 updateTime = new Timer100; 4 5 getMP3Time; 6 Di sini, baris pertama membuat objek "Timer" baru dengan interval 100 milidetik. Anda mungkin bertanya-tanya mengapa kami ingin memperbarui waktu saat ini setiap 100 milidetik .. 1 detik terlalu lambat untuk player kami dan bahkan 0,5 detik terlalu lambat. Saya ingin memperbarui waktu dengan sangat lancar. Lebih lanjut tentang kelas Timer. Kami juga membutuhkan EventListener untuk benar-benar melakukan sesuatu setiap 100 milidetik. Event "TIMER" menjalankan metode "getMP3Time" yang akan saya bahas di langkah berikutnya. Baris 4 memulai "Timer" kami. 1 2 3 var siString = + ' - ' + 4 si = 5 = 6 = false; 7 = si; 8 9 {x 60, time1}; Di blok terakhir kami menunjukkan metadata id3 kepada pengguna. Nama artis dan nama lagu didorong ke variabel baru di baris pertama. Ini karena saya ingin menggunakan seluruh string di baris berikutnya. Kami menggunakan font bitmap, jadi saya pikir itu hanya terlihat lebih baik dalam huruf besar. Pada baris 3 kami memastikan bahwa bidang teks "songInfo" cukup panjang untuk menampilkan string "si". Baris 4 adalah untuk menghindari pembungkusan kata di bidang teks dan di baris 5 kita cukup menetapkan string "si" untukmu bidang teks "songInfo". Baris terakhir menggeser movieclip "playerTexts" ke "display". Langkah 21 Metode updateBufferField Adalah sopan untuk menunjukkan kepada pengguna seberapa banyak data file mp3 dimuat. Kami memiliki preloader kami, tetapi saya pikir kami akan membutuhkan juga bidang buffer karena lagu kami mulai diputar setelah 50% dimuat. Metode ini berlanjut di mana metode "mp3FileLoading" tinggalkan. 1 2 3 private function updateBufferFieldeProgressEventvoid 4 { 5 var currentPercentNumber = / * 100; 6 = currentPercent + '%'; 7 } Tidak ada yang istimewa di sini, hanya fungsi pribadi dengan dua baris aksi. Penghitungan persentase dasar dan menetapkannya ke bidang teks "buffer". Langkah 22 Metode Event getMP3Time Saya menunjukkan metode ini sekaligus karena ini hanya matematika dan pengkodean yang sangat dasar. Mari kita lalui. 1 2 3 private function getMP3TimeeTimerEventvoid 4 { 5 var totalMinutes = / 1000 / 60; 6 var totalSeconds = / 1000 % 60; 7 var currentMinutes = / 1000 / 60; 8 var currentSeconds = / 1000 % 60; 9 10 if totalSeconds < 10 totalSeconds = '0' + totalSeconds; 11 if currentSeconds < 10 currentSeconds = '0' + currentSeconds; 12 13 = currentMinutes + '' + currentSeconds + '/' + totalMinutes + '' + totalSeconds; 14 } Dalam 4 baris pertama kita menghitung waktu yang kita butuhkan. Ini agak sulit karena semua nilai yang dikembalikan dalam milidetik. Kami juga mencatat menit dan detik ke bawah. Baris 8 dan 9 adalah untuk menambahkan nol ekstra sebelum detik jika nilai-nilai itu di bawah 10 ini hanya tweaker dan tidak diperlukan. Bagi saya bidang "time" maka terlihat sedikit lebih bersih. Baris terakhir menunjukkan seluruh waktu kepada pengguna. Langkah 23 Metode Event songFinished Mari kita lanjutkan dengan kode yang sangat mendasar. 1 2 3 private function songFinishedeEventvoid 4 { 5 songFinished; 6 getMP3Time; 7 8 = buttonPos[3]; 9 10 11 playingSound = false; 12 songReachedEnd = true; 13 14 soundPosition = 0; 15 = 'PLAY AGAIN?'; 16 } Metode event "songFinished" diluncurkan setiap kali lagu selesai diputar. Di dua baris pertama kami menghapus EventListeners yang tidak perlu. Selanjutnya kami menunjukkan tombol putar yang dinonaktifkan kepada pengguna dan menghentikan file mp3. Menghentikan tidak diperlukan, tetapi kami melakukannya untuk berjaga-jaga. "playingSound" disetel ke false dan "songReachedEnd" menjadi true. Dalam langkah ext Anda melihat mengapa kita memerlukan variabel "songReachedEnd". "soundPosition" dapat diakses dari mana saja di kelas kami sehingga harus diatur ke 0 pada titik ini. Sekarang kami memastikan bahwa jika pengguna ingin memutar lagu lagi, dimulai dari awal. Baris terakhir menetapkan bidang teks "times" untuk menampilkan teks "PLAY AGAIN?". Pengguna kami adalah raja, itu sebabnya kami harus memberikan semua informasi yang mungkin kepada mereka. Langkah 24 Metode Event mouseOverBs dan mouseOutBs 1 2 3 private function mouseOverBseMouseEventvoid 4 { 5 if playingSound = buttonPos[5]; 6 else = buttonPos[1]; 7 8 if songReachedEnd && !playingSound = buttonPos[1]; 9 } Di sini metode "mouseOverBs" dijalankan setiap kali mouse melewati movieclip "bs". Pertama metode acara ini memeriksa apakah "playingSound" true dan apakah movieclip "tombol" dalam keadaan "jeda". Kalau tidak, ini akan menunjukkan status "memutar". Baris terakhir kami memeriksa apakah suara sudah selesai diputar dan menunggu apakah pengguna ingin memutar lagu lagi. 1 2 3 private function mouseOutBseMouseEventvoid 4 { 5 if playingSound = buttonPos[0]; 6 else = buttonPos[4]; 7 8 if songReachedEnd && !playingSound = buttonPos[3]; 9 } Metode lain ini adalah ketika mouse pergi di atas movieclip "bs". Hal ini mirip dengan metode sebelumnya. Langkah 25 Metode Event mouseClickBs Metode Event ini adalah jantung dari fungsi klik movieclip "bs" kami. 1 2 3 if playingSound 4 { 5 = buttonPos[4]; 6 soundPosition = 7 8 9 playingSound = false; 10 = 'PAUSE'; Ketika Anda mengklik tombol itu pertama kali memeriksa apakah suara diputar. Jika demikian, ini akan memindahkan klip tombol "buttons", menyimpan posisi suara saat ini di mana kita dapat terus bermain dari jika kita mau, menghentikan "Timer" kami, menghentikan lagu kami, mengatur "playingSound" ke false dan memperbarui "times" textfield teks ke "PAUSE". Blok kode ini adalah tombol jeda kami. 1 2 3 else if !playingSound 4 { 5 = buttonPos[2]; 6 playMP3true, soundPosition; 7 playingSound = true; 8 9 } Blok kode ini memulai lagu kami dari kondisi jeda. Ia memeriksa apakah lagu kami tidak diputar dan memulai lagu dari "soundPosition" yang disimpan. 1 2 3 else if songReachedEnd 4 { 5 songReachedEnd = false; 6 playMP3false, 0; 7 } Blok terakhir memeriksa bahwa jika lagu telah selesai diputar dan pengguna ingin memutar lagu lagi, itu akan memulai lagu dari awal. Kesimpulan SimpleMP3Player sekarang lengkap ... sejauh yang saya ketahui. Sekarang giliran Anda untuk menambahkan beberapa fitur ke dalamnya. Mungkin Anda ingin menambahkan tombol berhenti atau mungkin memberikan fitur daftar putar dengan XML. Buat bidang teks "songInfo" dapat digulir sehingga data lebih lama ditampilkan sepenuhnya. Kemungkinannya tidak terbatas! Jangan lupa untuk memeriksa kode sumber dalam paket sumber. Saya telah mengkomentari kode dari awal hingga akhir sehingga Anda dapat mempelajari tutorial ini dengan cara itu juga. Terima kasih sudah membaca! MP3 Player Menggunakan DFPlayer Mini dan ArduinoHalo sahabat mengerjakan project apa hari ini?Sudah bisa bikin MP3Player belum nih? Nah kali ini kita akan belajar untuk membuat MP3 Player dengan menggunakan yang akan kita gunakan adalah DFPlayer mini. DFPlayer mini adalah salah satu modul MP3 kecil yang mudah digunakan dengan langsung menghubungkannya ke speaker. DFPlayer mini dapat diisi dengan micro SD sebagai tempat penimpanan lagu yang akan kita putar seperti MP3Player pada umumnya, kita juga akan membuat tombol-tombol yang dapat digunakan untuk mematikan, menyalakan, next dan previous lagu yang akan kita langsung aja kita Alat dan BahanAlat dan bahan yang digunakan untuk project kita kali ini adalah sebagai berikut. Jangan sampai ada yang kelewat yang terinstall Arduino IDELibrary DFPlayer mini Download Arduino UNO 1DF Player module 1Speaker 1Micro SD berisi beberapa lagu 1Push button 3Resistor 4Breadboard 1Kabel jumper secukupnyaBelajar elektronika step by step dengan bantuan tangga belajar? Regitrasi dulu dan dapatkan konsultasi dari kami! Susun Skema RangkaianSusunlah rangkaian seperti berikut Program pada Aplikasi Arduino IDETulislah program arduino seperti berikut. Jangan sampai ada yang terlewat ya. Baca keterangan-keterangan yang dituliskan dalam bentuk comment agar teman-teman juga memahami program yang teman-teman buat.//DF Player dengan arduino oleh include " include " SoftwareSerial mySoftwareSerial10, 11; // pin RX TX untuk DFPlayer DFRobotDFPlayerMini myDFPlayer; int buttonNext = 5; //tombol selanjutnya int buttonPause = 6; //tombol berhenti int buttonPrevious = 7; //tombol kembali boolean isPlaying = false; void setup { pinModebuttonPause, INPUT; pinModebuttonNext, INPUT; pinModebuttonPrevious, INPUT; delay1000; Mini Demo"; DFPlayer..."; if ! { to begin"; recheck the connection!"; insert the SD card!"; while true; } Mini online."; //-Set volume- //Set volume value 0~30. // //Volume Up // //Volume Down //-Set different EQ- // // // // // //Play the first song isPlaying = true; } void loop { if digitalReadbuttonPause == HIGH { if isPlaying { isPlaying = false; } else { isPlaying = true; } delay500; } if digitalReadbuttonNext == HIGH { if isPlaying { Song.."; } delay500; } if digitalReadbuttonPrevious == HIGH { if isPlaying { Song.."; } delay500; } } baca juga Menyimpan dan Membaca Data Arduino dengan SDCardProgram di atas menggunakan 3 button untuk pause/play, lanjut ke lagu selanjutnya dan kembali ke lagu kita ingin menambahkan program untuk menaikkan dan menurunkan volume, kita dapat mengganti nilai pada program Ganti angka 10 menjadi variabel dan buatlah persamaan if else untuk menaik turunkan volume. Contohnya adalah sebagai berikut.//Tambahan untuk volume int buttonVolumeUp = 2; //letakkan di antara variabel button lainnya int buttonVolumeDown = 3; //sama seperti di atas int volume = 0; //sama seperti di atas pinModebuttonVolumeUp, INPUT; //letakkan di void setup pinModebuttonVolumeDown, INPUT; //letakkan di void setup ifdigitalReadbuttonVolumeUp == HIGH{ //letakkan persamaan if di void loop if isPlaying { //Volume Up Up.."; } delay500; } ifdigitalReadbuttonVolumeDown == HIGH{ //letakkan persamaan if di void loop if isPlaying { //Volume Up Down.."; } delay500; } } baca juga Membuat nada Mario dengan BuzzerProgram di atas dapat teman-teman masukkan ke program sebelumnya untuk dapat merubah volume suara ya. Teman-teman juga bisa membuat MP3 Player sebagai alarm atau hal lainnya yang akan berbunyi di waktu-waktu tertentu. Program dasar untuk menyalakan dan mematikan MP3 Player adalah sebagai berikut.//DF Player dengan arduino oleh include " include " SoftwareSerial mySoftwareSerial10, 11; // pin RX TX untuk DFPlayer DFRobotDFPlayerMini myDFPlayer; int buttonPause = 6; //tombol berhenti boolean isPlaying = false; void setup { pinModebuttonPause, INPUT; delay1000; Mini Demo"; DFPlayer..."; if ! { to begin"; recheck the connection!"; insert the SD card!"; while true; } Mini online."; //Set volume value 0~30. isPlaying = true; } void loop { //Play the first song if digitalReadbuttonPause == HIGH { isPlaying = true; } else { isPlaying = false; } delay500; } baca juga Cara Menggabungkan Dua atau Lebih Program ArduinoJika teman-teman ingin menggunakan sensor, silakan ubah digitalRead menjadi sensor yang teman-teman gunakan. program di atas akan menjalankan MP3 ketika button ditekan, namun akan langsung mati ketika sudah tidak bisa lo bikin yang lebih kompleks. Yuk pemula dan ingin belajar/bikin project elektronika dari nol? Ikuti program dari Indobot!

cara membuat mp3 player mini