K
kanikase
Invitado
Con este mi primer tutorial les enseñaré a crear un simple scrip para web de mp3 online.
Que necesitamos
- simple_html_dom descargar Aquí
- Conocimientos básicos en php, html y opcional CSS :qmeparto:
Como funciona
Es simple, sólo obtenemos los resultados desde YouTube y una web llamada youtubeinmp3.com, que convierte los videos de YouTube en mp3.
Empezamos
Descargado el archivo anteror lo extraen y eliminan todo, excepto el archivo simple_html_dom.php ese lo guardan en la carpeta en la wue trabajarán.
Ahora se van a su editor de texto yo uso sublime, y ahí crean aun archivo, lo guardan cómo index.html, en el pegan lo siguiente:
Y listo, ya tenemos lo primero XD
Ahora que ya tengan eso guardado, crean un nuevo archivo, este con extension .php y en el el siguiente contenido:
No lo explicaré, ahí tiene comentarios.
Ya hecho eso, ahora vamos a poner el reproductor, para eso se crean un nuevo archivo y lo guardan como cancion.php y en el pegan lo siguiente:
Y listo, ahora si ya esta todo listo, solo suben todo a su host y si quieren le dan algo de estilo
Y eso es todo XD espero que les sirva de algo.
Que necesitamos
- simple_html_dom descargar Aquí
- Conocimientos básicos en php, html y opcional CSS :qmeparto:
Como funciona
Es simple, sólo obtenemos los resultados desde YouTube y una web llamada youtubeinmp3.com, que convierte los videos de YouTube en mp3.
Empezamos
Descargado el archivo anteror lo extraen y eliminan todo, excepto el archivo simple_html_dom.php ese lo guardan en la carpeta en la wue trabajarán.
Ahora se van a su editor de texto yo uso sublime, y ahí crean aun archivo, lo guardan cómo index.html, en el pegan lo siguiente:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>mp3 online - tutorial</title>
</head>
<body>
<form action="search.php">
<input type="search" name="s" plaheholder="Titulo, artista o album de la cancion." /><br />
<input type="submit" value="Buscar" />
</form>
</body>
</html>Y listo, ya tenemos lo primero XD
Ahora que ya tengan eso guardado, crean un nuevo archivo, este con extension .php y en el el siguiente contenido:
PHP:
<?php
error_reporting(E_ALL); // Mostrar los errores
require_once 'simple_html_dom.php'; // El archivo simple_html_dom.php :v
if ($_GET['s'] == null) { // Si no hay un get en la url redireccionamos al inicio.
header('Location: index.html');
}
//Obtenemos los datos.
$search_query = 'https://www.youtube.com/results?search_query='; // La búsqueda
$replace = str_replace(' ', '+', $_GET['s']); //Reemplasamos los espacios por el signo de + para que no de error.
$busqueda = file_get_html($search_query.$replace); // Obtenemos el html de la página de busqueda
//Limite de rsultados
$limit = 10; //Limite de resultados.
$i = 1; // algo :D
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><?=$_GET['s']?></title>
</head>
<body>
<?php
foreach ($busqueda -> find('.yt-lockup-title') as $h3) { //Buscamos el titulo
foreach ($h3 -> find('a') as $a) { //Obtenemos la etiqueta a, para obtener el link
$print = str_replace('/watch?v=', '', $a->href); //quitamos el "/watch..."
if ($i <= $limit) {
?>
<a href="cancion.php?id=<?=$print?>"><h2><?=$h3->plaintext?></h2></a>
<?php //con plaintext lo que hacemos es mostrar el rsultado en texto plano y no html ?>
<?php $i++;
}
}
}
?>
</body>
</html>No lo explicaré, ahí tiene comentarios.
Ya hecho eso, ahora vamos a poner el reproductor, para eso se crean un nuevo archivo y lo guardan como cancion.php y en el pegan lo siguiente:
HTML:
<?php
if ($_GET['id'] == null) {
header('Location: index.html'); // si no hay id redireccionamos
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cancion</title>
</head>
<body>
<audio controls autobuffer>
<source src="http://YouTubeInMP3.com/fetch/?video=http://www.youtube.com/watch?v=<?=$_GET['id']?>&.mp3"></source>
</audio>
</body>
</html>Y listo, ahora si ya esta todo listo, solo suben todo a su host y si quieren le dan algo de estilo
Y eso es todo XD espero que les sirva de algo.
Última edición:
