Upload File Video Dengan Codeigniter

Upload video dengan menggunakan codeigniter terkadang menyulitkan untuk sebagian orang, sebab mengupload video perlu settingan agak berbeda dengan file-file lain seperti .doc, .pdf, .txt. Misal kita perlu menambahkan support terhadap mime yang diperlukan untuk beberapa format video. Nah pada tulisan kali ini kita akan membahas bagaimana trik sederhana mengupload video dengan codeigniter.

Silahkan ikuti langkah-langkah berikut ini secara berurutan.

1. Pastikan anda sudah mendownload codeigniter dan menaruhnya di folder htdocs (../htdocs/ci-video).

2. Buat sebuah folder untuk menampung file yang sudah diupload, beri nama folder tersebut dengan video di root folder kerja anda. Misal: htdocs/ci-video/video

3. Kita perlu menambahkan mime untuk file dengan format .flv , .wmv, dan .mp4 agar file-file video tersebut bisa diupload dengan codeigniter. Oleh karena itu buka file mime.php yang ada di application/config/mimes.php.

Lalu tambahkan list berikut:

1	'wmv'   =>   array('video/wmv', 'video/x-ms-wmv', 'flv-application/octet-stream', 'application/octet-stream'),

2	'mp4'   =>   'video/mp4',

3	'flv'   =>   array('video/flv', 'video/x-flv', 'flv-application/octet-stream', 'application/octet-stream')

4. Karena biasanya format video itu ukuran file nya besar, maka kita perlu menambahkan besar maksimum ukuran file yang bisa di upload dengan php. Untuk itu kita perlu mengubah file php.ini , disini saya coba ubah pada bagian upload_max_filesize jadi 32MB

1	upload_max_filesize = 32M

(lokasi php.ini disetiap sistem operasi lokasinya berbeda-beda)

• Lokasi di Xampp Windows: xampp/php/php.ini
• Lokasi di MAMP Mac : Application/MAMP/Conf/php5.x.x/php.ini

5. Buat View dengan nama movie.php di (.. /Application/views/video/movie.php )

VIEW: movie.php

1	<div class="container">

2	<form class="cssform" name="property" id="property" method="POST" action="<?php echo base_url('movie/add_video')?>" enctype="multipart/form-data" >

3	<h2><a href="http://www.tutorial-webdesign.com/upload-file-video-codeigniter">Tutorial-webdesign.com</a></h2>

4	<small>Demo upload file using codeigniter | &rarr; <a href="http://www.tutorial-webdesign.com/upload-file-video-codeigniter">Back to tutorial</a></small>

5

<hr>

6

<table>

7

<tr>

8	<td>Select Video :</td>

9	<td><input type="file" id="video" name="video" ></td>

10

</tr>

11

<tr>

12	<td> <input type="submit" id="button" name="submit" value="Submit" /></td>

13

</tr>

14

</table>

15

</form>

16

</div>

6 Buat View dengan nama show.php (../Application/views/video/show.php) untuk menampilkan video jika file sukses di upload, isinya seperti berikut ini.

script untuk head dan /head

1	<link href="<?=base_url('twd-theme/videojs/video-js.css');?>" rel="stylesheet">

2	<script src="<?=base_url('twd-theme/videojs/video.js');?>"></script>

3	<link rel="stylesheet" href="<?=base_url('twd-theme/style.css');?>">

Terlihat pada script diatas kita menggunakan video-js.css dan video.js, dua file itu digunakan untuk memutar file video dihalaman website, baca artikel sebelumnya tentang Memutar Video Dengan HTML5  jika anda bingung

Script untuk body dan /body

1	<div class="container">

2	<h2><a href="http://www.tutorial-webdesign.com/upload-file-video-codeigniter">Tutorial-webdesign.com</a></h2>

3	<small>Demo upload file using codeigniter | &rarr; <a href="http://www.tutorial-webdesign.com/upload-file-video-codeigniter">Back to tutorial</a></small>

4

<hr>

5	<strong>File Name:</strong> <?php echo $video_detail['file_name'];?><br>

6	<small>Click to play</small>

7	<video id="video1" class="video-js vjs-default-skin" width="480" height="320" poster="http://www.tutorial-webdesign.com/wp-content/themes/nurumah/img/logo-bg.png"

8	data-setup='{"controls" : true, "autoplay" : false, "preload" : "auto"}'>

9	<source src="http://localhost/ci-mvc/video/<?=$video_detail['file_name'];?>" type="video/x-flv">

10	<source src="http://localhost/ci-mvc/video/<?=$video_detail['file_name'];?>" type='video/mp4'>

11

</video>

12

13

<pre>

14	<?php print_r($video_detail);?>

15

</pre>

16

<hr>

17	FILE NAME: <?php echo $video_detail['file_name'];?>

18

</div>

Jika anda bingung bagaimana menampilkan video anda bisa baca artikeltutorial-webdesign.com sebelumnya yang berjudul “Memutar Video Di Website Dengan HTML5 – FLV | MP4 | WMV“.

7. Buat Controller dengan nama movie.php di (../Application/controllers/movie.php)

Controllers: movie.php

1	<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

2

3	class Movie extends CI_Controller {

4

5	public function __construct() {

6	parent::__construct();

7	$this->load->helper(array('url','html','form'));

8

}

9

10	public function index() {

11	$this->load->view('movie');

12

}

13

14	public function show() {

15	$this->load->view('show');

16

}

17

18	public function add_video(){

19	if (isset($_FILES['video']['name']) && $_FILES['video']['name'] != '') {

20	unset($config);

21	$date = date("ymd");

22	$configVideo['upload_path'] = './video';

23	$configVideo['max_size'] = '60000';

24	$configVideo['allowed_types'] = 'avi|flv|wmv|mp3|mp4';

25	$configVideo['overwrite'] = FALSE;

26	$configVideo['remove_spaces'] = TRUE;

27	$video_name = $date.$_FILES['video']['name'];

28	$configVideo['file_name'] = $video_name;

29

30	$this->load->library('upload', $configVideo);

31	$this->upload->initialize($configVideo);

32	if(!$this->upload->do_upload('video')) {

33	echo $this->upload->display_errors();

34

}else{

35	$videoDetails = $this->upload->data();

36	$data['video_name']= $configVideo['file_name'];

37	$data['video_detail'] = $videoDetails;

38	$this->load->view('movie/show', $data);

39

}

40

41

}else{

42	echo "Please select a file";

43

}

44

}

45

46

}

Jika file sukses di upload maka hasilnya seperti ini

Upload Sukses

Download Script

Sekian tutorial kali ini, semoga membantu pekerjaan anda.

Nama : M. Gilang R

Kelas : XI RPL 2

Sumber : http://www.tutorial-webdesign.com/codeigniter-upload-file-video/