Ab heute werde ich versuchen, euch das iPhone Development näher zu bringen. Allerdings nicht in Video-Form, sondern als Text. Die Themen werden bunt gemischt sein, für Anfänger, Fortgeschrittene und Profis.
Heute werde ich euch zeigen wie ihr in eines eurer Programme ganz leicht ein Youtube Video einbaut.

• Öffnet XCode und erstellt ein neues Projekt. Eine View-Based Application mit den Namen Youtube.

• Öffnet die YoutubeViewController.xib im Resources Ordner. Kopiert dann ein Webview in euren View und stellt die größe auf 240×140px.

• Wechselt dann links zum Files Owner und erstellt ein Outlet mit dem Namen webView und dem Typ UIWebView. Speichert nun eure xib Datei.

• Wechselt zu XCode und öffnet die YoutubeViewController.h.
  Ändert den Code folgendermaßen:

#import <UIKit/UIKit.h>

@interface YoutubeViewController : UIViewController {

IBOutlet UIWebView *webView;

}

@end

(Natürlich müsst ihr den Code für euer Video anpassen)

• Dies definiert das UIWebview webView und holt die Informationen vom Interface Builder.
• Im Interface Builder klickt nun mit der rechten Maustaste auf den Files Owner und verknüpft darin webView mit dem Webview im View (siehe Bild). Speichere nun die Datei wieder ab.

• In XCode wechselst du wieder zur YoutubeViewController.m und kommentiert die viewdidload-Methode aus.
• Änder den Code nun folgendermaßen:

- (void)viewDidLoad {

NSString *htmlstring = @”<object width=\”240\” height=\”140\”><param name=\”movie\” value=\”http://www.youtube.com/v/K2osxBhwRIY&hl=de&fs=1\”></param><param name=\”allowFullScreen\” value=\”true\”></param><param name=\”allowscriptaccess\” value=\”always\”></param><embed src=\”http://www.youtube.com/v/K2osxBhwRIY&hl=de&fs=1\” type=\”application/x-shockwave-flash\” width=\”240\” height=\”140\” allowscriptaccess=\”always\” allowfullscreen=\”true\”></embed></object>”;

[webView loadHTMLString:htmlstring baseURL:nil];

[super viewDidLoad];

}

• Was macht der Code denn nun? Er sagt dem webview er soll den htmlstring auslesen und anzeigen. Was euch auffallen sollte ist, dass vor allen “ ein Backslash gesetzt wurde. Der Grund ist das Anführungszeichen dem Compiler sagen dass der String hier aus ist. Setzt man hingegen ein Backslash (\) davor nimmt er das Anführungszeichen als solches.
• Ändert die dealloc Funktion folgendermaßen:

- (void)dealloc {
[super dealloc];
[webView release];
}

• Dies Entfernt den verbrauchten Speicher des Webviews aus dem Speicher.
• Klickt nun auf Build and Go!
• WICHTIG: Youtube geht nur auf dem Device. Nicht im Simulator.

Hier der Quellcode zum Download:

  Sourcecode - YouTube (18.4 KiB, 41 Downloads)