{"id":3466,"date":"2010-05-25T12:37:43","date_gmt":"2010-05-25T10:37:43","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=3466"},"modified":"2010-05-25T12:37:43","modified_gmt":"2010-05-25T10:37:43","slug":"t045-visualizziamo-video-di-youtube-inapp","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t045-visualizziamo-video-di-youtube-inapp\/","title":{"rendered":"T#045 – Visualizziamo i video di YouTube inApp"},"content":{"rendered":"

\"T045<\/a> Con questo nuovo tutorial di programmazione iPhone vedremo come aggiungere video di YouTube nelle nostre applicazioni<\/strong> che siano in grado, una volta visualizzati, di chiudere il player video e tornare al nostro programma. Non sfrutteremo quindi l’app nativa YouTube dei nostri iPhone (iPad) tramite “sharedApplication<\/em>“, ma vedremo come, con poche righe di codice, potremo gestire il tutto all’interno della nostra applicazione. Per far ci\u00f2 sfrutteremo un’UIWebView<\/strong>. Precisiamo che non andremo a scaricare il video da qualche parte nel nostro device, ma creeremo una sorta di link, che ci permetter\u00e0 di lasciar gestire a YouTube la raccolta dei video, e a noi di avviarli, visualizzarli e tornare alle nostre app. Vediamo come fare.<\/p>\n

Creiamo il progetto<\/h4>\n

Apriamo Xcode e creiamo un nuovo progetto. Dall’elenco dei template disponibili selezioniamo “View-based Application”, se state utilizzando l’ultima versione di Xcode compatibile anche con iPad (3.2.2) selezionate “iPhone” dall’opzione “Product”, e proseguiamo. Diamo un nome al nostro progetto, ad esempio “myYouTube”, scegliamo una posizione dove salvare il progetto (ad esempio sulla scrivania) e clicchiamo infine su “Save”.<\/p>\n

Il progetto \u00e8 bello che pronto. Apriamo il file di intestazione “myYouTube.h” e andiamo a dichiarare gli oggetti che ci servono:<\/p>\n

\r\n#import \r\n\r\n@interface myYouTubeViewController : UIViewController {\r\n\t\r\nIBOutlet UIWebView *webView;\r\n\t\r\n}\r\n\r\n@property (nonatomic, retain) IBOutlet UIWebView *webView;\r\n\r\n@end\r\n<\/pre>\n
Come vedete tutto semplicissimo, abbiamo dichiarato semplicemente un oggetto IBOutlet<\/em> (che collegheremo quindi ad un altro disegnato a breve tramite Interface Builder) di tipo UIWebView<\/em> chiamato webView<\/em>.<\/p>\n
Salviamo e passiamo alla creazione della semplicissima interfaccia grafica.<\/p>\n
Disegnamo l’interfaccia grafica<\/h4>\n
Facciamo doppio click sul file “myYouTubeViewController.xib” e si aprir\u00e0 Interface Builder. Trasciniamo all’interno della View un’UIWebView, clicchiamo quindi su “File ‘s Owner” e colleghiamo l’oggetto appena disegnato con webView<\/em> dichiarato precedentemente via Xcode. Nient’altro. Il risultato \u00e8 simile a quanto mostrato in figura:<\/p>\n
<\/p>\n
\"T045<\/a><\/p>\n
Interfaccia Grafica disegnata in IB<\/p>\n<\/div>\n
<\/center><\/p>\n
Possiamo a questo punto salvare e chiudere Interface Builder.<\/p>\n
Implementiamo il codice secondo le specifiche YouTube<\/h4>\n
Apriamo ora il file di implementazione “myYouTube.m” e modifichiamo il codice al suo interno come segue:<\/p>\n
\r\n\/\/Aggiungiamo l'istruzione synthesize per la nostra webView\r\n@synthesize webView;\r\n\r\n\/\/ Implement viewDidLoad to do additional setup after loading the view, typically from a nib.\r\n- (void)viewDidLoad {\r\n    [super viewDidLoad];\r\n\r\n\tNSString *linkVideo = @\"http:\/\/www.youtube.com\/watch?v=o3IKis-MJO4\";\r\n\t\r\n\tNSString *htmlString = [NSString stringWithFormat:@\"\\\r\n\t\t\t\t\t\t\t\\\r\n\t\t\t\t\t\t\t