Subir Videos con Reproductor en PHP

Subir Videos con Reproductor en PHP

En este tutorial crearemos como Subir Videos con Reproductor en PHP. PHP es un lenguaje de programación del lado del servidor diseñado principalmente para el desarrollo web. Con PHP, puede permitir que su usuario interactúe directamente con el script y aprenda fácilmente su sintaxis. Lo utilizan principalmente los codificadores nuevos por su entorno fácil de usar.

Empezando
Primero debe descargar e instalar XAMPP o cualquier servidor local que ejecute scripts PHP. Aquí está el enlace para el servidor XAMPP https://www.apachefriends.org/index.html. Y este es el enlace para jquery que utilicé en este tutorial https://jquery.com/. Por último, este es el enlace para el bootstrap que utilicé para el diseño de diseño https://getbootstrap.com/.
Compile las bibliotecas descargadas en una carpeta donde compilará los archivos de código fuente. Además, cree una nueva carpeta con el nombre de «video» para la ubicación de los videos cargados.

Creando base de datos
Abra el servidor web de su base de datos llamado MyPhpAdmin o otro que use y luego cree un nombre de base de datos en él db_video. Después de eso, haga clic en Importar, luego ubique el archivo de base de datos dentro de la carpeta de la aplicación y luego haga clic en Aceptar.

Subir Videos con Reproductor en PHP

También puede crear la tabla mediante programación pegando el código SQL a continuación en la pestaña SQL de su base de datos recién creada.

CREATE TABLE `video` (
  `video_id` int(11) NOT NULL,
  `video_name` varchar(100) NOT NULL,
  `location` varchar(100) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Creando la conexión a la base de datos
Abra cualquier tipo de editor de texto (bloc de notas ++, etc.). Luego simplemente copie / pegue el código a continuación y luego asígnele el nombre conn.php.

<?php
    $conn = mysqli_connect('localhost', 'root', '2012116664', 'db_video');
    
    if(!$conn){
        die("Error: Failed to connect to database!");
    }
?>

Creando la interfaz
Aquí es donde crearemos un formulario simple para nuestra aplicación. Para crear los formularios, simplemente cópielos y escríbalos en su editor de texto, luego guárdelos como index.php.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    </head>
<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <a href="https://CompuBinario.com" class="navbar-brand">CompuBinario</a>
        </div>
    </nav>
    <div class="col-md-3"></div>
    <div class="col-md-6 well">
        <h3 class="text-primary">Subir Videos con Reproductor en PHP</h3>
        <hr style="border-top:1px dotted #ccc;"/>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#form_modal"><span class="glyphicon glyphicon-plus"></span> Agregar Video</button>
        <br /><br />
        <hr style="border-top:3px solid #ccc;"/>
        <?php
            require 'conn.php';
            
            $query = mysqli_query($conn, "SELECT * FROM `video` ORDER BY `video_id` ASC") or die(mysqli_error());
            while($fetch = mysqli_fetch_array($query)){
        ?>
        <div class="col-md-12">
            <div class="col-md-4" style="word-wrap:break-word;">
                <br />
                <h4>Nombre del Video</h4>
                <h5 class="text-primary"><?php echo $fetch['video_name']?></h5>
            </div>
            <div class="col-md-8">
                <video width="100%" height="240" controls>
                    <source src="<?php echo $fetch['location']?>">
                </video>
            </div>
            <br style="clear:both;"/>
            <hr style="border-top:1px groovy #000;"/>
        </div>
        <?php
            }
        ?>
    </div>
    <div class="modal fade" id="form_modal" aria-hidden="true">
        <div class="modal-dialog">
            <form action="save_video.php" method="POST" enctype="multipart/form-data">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="col-md-3"></div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Archivo de Video</label>
                                <input type="file" name="video" class="form-control-file"/>
                            </div>
                        </div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cerrar</button>
                        <button name="save" class="btn btn-primary"><span class="glyphicon glyphicon-save"></span> Guardar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>

Creación de la función principal
Este código contiene la función principal de la aplicación. Este código almacenará los detalles del video en el servidor de la base de datos y transferirá el archivo de video dentro del directorio. Para hacer esto, simplemente copie y escriba el código a continuación dentro del editor de texto, luego guárdelo como save_video.php.

<?php
    date_default_timezone_set('America/Lima');
    require_once 'conn.php';
    
    if(ISSET($_POST['save'])){
        $file_name = $_FILES['video']['name'];
        $file_temp = $_FILES['video']['tmp_name'];
        $file_size = $_FILES['video']['size'];
        
        if($file_size < 50000000){
            $file = explode('.', $file_name);
            $end = end($file);
            $allowed_ext = array('avi', 'flv', 'wmv', 'mov', 'mp4');
            if(in_array($end, $allowed_ext)){
                $name = date("Ymd").time();
                $location = 'video/'.$name.".".$end;
                if(move_uploaded_file($file_temp, $location)){
                    mysqli_query($conn, "INSERT INTO `video` VALUES('', '$name', '$location')") or die(mysqli_error());
                    echo "<script>alert('Video Uploaded')</script>";
                    echo "<script>window.location = 'index.php'</script>";
                }
            }else{
                echo "<script>alert('Wrong video format')</script>";
                echo "<script>window.location = 'index.php'</script>";
            }
        }else{
            echo "<script>alert('File too large to upload')</script>";
            echo "<script>window.location = 'index.php'</script>";
        }
    }
?>

Ahí lo tienes, creamos con éxito como Subir Videos con Reproductor en PHP. Espero que este sencillo tutorial te ayude en lo que estás buscando.

Antes de la descarga del Tutorial presiona el siguiente enlace para que te suscribas a nuestro Canal de YouTube:

SUSCRIBETE AL CANAL DE YOUTUBE AQUI !

Subir Videos con Reproductor en PHP – Descargar el Tutorial en el siguiente enlace:

DESCARGAR AQUÍ

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *