Motore di ricerca video con le API di YouTube, PHP e jQuery
Pagina 1 di 6
In questo tutorial, dai risvolti prevalentemente operativi, vedremo come implementare all'interno del nostro sito una maschera di ricerca video attraverso le API di YouTube.
Quello che andremo a fare, ovviamente, non è il semplice inserimento di un form di ricerca che rimandi gli utenti su YouTube, bensì un sistema - interamente sviluppato in AJAX - per il caricamento dei dati da remoto all'interno della nostra pagina web.
Di seguito uno screenshot dell'esempio che ho creato io:
Per realizzare il nostro motore di ricerca avremo bisogno di alcuni semplici ingredienti: le API di YouTube, una buona quantità di PHP ed un pizzico di jQuery.
Cosa sono le API di YouTube?
Se state leggendo quest'articolo dubito che non sappiate cos'è un API... tuttavia vediamo di spiegarlo molto brevemente.
Le API (Application Programmin Interface) sono un sistema aperto per il collegamento ad un software al fine di accedere alle sue funzionalità e/o recuperarne le elaborazioni (solitamente restituite sottto forma di XML).
Mediante le API di YouTube, quindi, potremo sfruttare le funzionalità del portale (come ad esempio la ricerca) integrando alcuni servizi all'interno del nostro sito web, rielaborando i dati forniti da YouTube ed "incastonandoli" nelle nostre pagine web.
La struttura della nostra applicazione
La nostra applicazione sarà composta da due soli file:
- Una semplice pagina HTML contenenete il modulo di ricerca, il codice Javascript ed un file CSS d'esempio;
- Un file PHP (ajax.php) che si connette alle API di YouTube e ne elabora il flusso XML producendo un output formattato.
Partiamo, come è logico, dal file HTML...
