Breaking News

Tutorial CodeIgniter #04 - Cara Membuat File Crud (Movie)



Coding Labs - Berikut ini adalah tutorial menggunakan CodeIgniter + Grocery Crud yang bisa membuat fungsi Image CRUD dalam hitungan detik. Dalam tutorial kali ini, fokusnya adalah menyimpan dan memainkan beberapa jenis file yang berbeda seperti suara, film, dokumen, atau file lainnya.  Ashiaaap!

Fokus utama dalam tutorial kali ini adalah membuat CRUD untuk file bertipe suara. Grocery CRUD akan mendeteksi secara otomatis file yang bisa dimainkan oleh browser. Tipe yang berhasil dimainkan diantaranya adalah MP4, AVI dan OGG.

Export SQL dari struktur tabel Sound dan buatlah tabel Video



Copy paste fungsi CRUD  dari sound dan ganti fungsinya menjadi Video (termasuk tabel yang akan diakses dan folder penyimpanannya)

      public function video()  
   {  
     $crud = new grocery_CRUD();  
     $crud->set_table('tb_video');  
           $crud->set_subject('File Movie');  
           $crud->set_field_upload('FileContent','assets/uploads/video');  
     $output = $crud->render();  
     $this->_example_output($output);      
   }  


Tes aplikasi CRUD yang sudah jadi


Upload file film (dalam tutorial ini yang berhasil diuji coba adalah file dengan format *.OGG)


Jika diklik pada list, maka film akan langsung dimainkan secara otomatis


Selain cara pertama tadi, anda juga bisa membuat fungsi Controller Khusus untuk memainkan file film berdasarkan parameter yang diberikan.

   public function play($movie_file)  
   {  
           $movie_path = base_url()."/assets/uploads/video/$movie_file";  
     echo "<video width='1280' height='720' controls>  
                     <source src='$movie_path' type='video/ogg'>  
                     <source src='$movie_path' type='video/mp4'>  
                     <source src='$movie_path' type='video/mov'>  
                     Your browser does not support the video tag.  
                 </video>  
           ";  
   }       


Testing pemanggilan fungsi pada URL

http://localhost/codeigniter/main/play/b204d-contoh.ogg

Jika tidak ada kesalahan, maka hasilnya adalah seperti ini.



No comments