Input sound in codeigniter
Pada kesempatan kali ini saya akan mencoba menjelaskan
mengenai bagaimana cara upload sound pad framework codeigniter.
Langkah 1
Buatlah Directory pada project anda, contohnya seperti ini :
Directory tersebut nantinya akan digunakan untuk menyimpan
file sound yang kita upload. Setelah directory terbentuk sekarang lanjutkan
langkah 2
Langkah 2
Mari kita buat database yang digunakan untuk menampung
data-data mengenai sound anda. Buka localhost/phpmyadmin. Jika sudah memiliki
database tinggal kita buat tabelnya. Tapi kalo anda belum memiliki database
silahkan bikin databasenya terlebih dahulu. Pada saat kita membuat table isikan
field-field seperti berikut ini :
Setelah itu klik tombol save maka akan terbentuk tabel sound. lanjut langkah 3 bro..
Langkah 3
pada langkah ini kita mulai coding:
mari kit buat file baru pada controller dengan nama sound.php. nah ketikin codingan berikut ini
02 | class Sound extends CI_Controller{ |
03 | function __construct(){ |
04 | parent::__construct(); |
05 | $this ->load->model( 'mod_sound' ); |
09 | $this ->load->view( 'add_sound' ); |
14 | $this ->form_validation->set_rules( 'judul' , 'Judul' , 'required' ); |
15 | $this ->form_validation->set_rules( 'keterangan' , 'Keterangan' , 'required' ); |
17 | if ( $this ->form_validation->run()== FALSE){ |
20 | $nm_sound = $this ->mod_sound->do_upload( 'sound' ); |
21 | $this ->mod_sound->isound( $nm_sound ); |
22 | redirect( 'sound/tampil_sound' ); |
26 | function tampil_sound(){ |
27 | $data [ 'sounds' ]= $this ->mod_sound->get_sound(); |
28 | $this ->load->view( 'sound' , $data ); |
Langkah 4
kalo controller udah jadi sekarang saatnya kita bikin model. buat model
baru dengan nama mod_sound.php. ketikkan sintaks seperti di bawah ini:
02 | class Mod_sound extends CI_Model{ |
07 | function __construct(){ |
08 | parent::__construct(); |
09 | $this ->sound_path = realpath (APPPATH . '../asset/sound' ); |
12 | function isound( $sound = '' ){ |
15 | 'judul' => $this ->input->post( 'judul' ), |
16 | 'keterangan' => $this ->input->post( 'keterangan' ), |
21 | 'judul' => $this ->input->post( 'judul' ), |
22 | 'keterangan' => $this ->input->post( 'keterangan' ), |
29 | if ( $this ->input->post( 'id_sound' )){ |
30 | $this ->db->where( "id_sound" , $this ->input->post( 'id_sound' )); |
31 | $this ->db->update( 'sound' , $data ); |
33 | $sound = $this ->db->insert( 'sound' , $data ); |
38 | function do_upload( $sound ){ |
40 | 'allowed_types' => 'mp3|wav' , |
41 | 'upload_path' => $this ->sound_path, |
45 | $this ->load->library( 'upload' , $config ); |
46 | $this ->upload->do_upload( $sound ); |
47 | $data = $this ->upload->data( $sound ); |
48 | $image_data = $this ->upload->data(); |
49 | $nama_filenya = $image_data [ 'file_name' ]; |
57 | $this ->db->select( '*' ); |
58 | $this ->db->order_by( 'tanggal' , 'desc' ); |
59 | $this ->db->from( 'sound' ); |
61 | $query = $this ->db->get(); |
62 | return $query ->result(); |
Langkah 5
abis entu kita masuk ke bagian view, yang pertama bikin add_sound.php. silahkan ketikin kaya di bawah ini.
03 | <?php echo validation_errors(); ?> |
04 | <?php echo form_open_multipart( "sound/isound" ); ?> |
07 | <td>Judul</td><td>:</td><td><input type= "text" name= "judul" /></td> |
10 | <td>Sound</td><td>:</td><td><input type= "file" name= "sound" /></td> |
13 | <td>Keterangan</td><td>:</td><td><textarea name= "keterangan" ></textarea></td> |
16 | <td></td><td></td><td><input type= "submit" value= "Simpan" /><input type= "reset" value= "Clear" /></td> |
19 | <?php echo form_close();?> |
Langkah 6
sama seperti langkah 5 kita buat lagi file sound.php pada view. ketikan seperti di bawah ini:
03 | <table border= "1" celspacing= '100' > |
09 | <?php foreach ( $sounds as $so => $val ){ ?> |
11 | <td><?php echo $val ->judul; ?></td> |
14 | <source src= "<?php echo base_url(),'/asset/sound/'.$val->sound;?>" type= "audio/mpeg" > |
15 | <embed height= "50" width= "100" src= "<?php echo base_url(),'/asset/sound/'.$val->sound;?>" > |
19 | <td><?php echo $val ->keterangan; ?></td> |
{ 0 komentar... Views All / Send Comment! }
Posting Komentar