1. 下載利用MPMoviePlayerController播放Youtube影片的LBYouTubeView
git clone https://github.com/larcus94/LBYouTubeView.git
2. 建立新專案PlayYoutube
3. 將剛剛下載的LBYouTubeView資料夾加入專案
4. 加入MediaPlayer.framework
5. 移除使用JSONKit的程式碼
iPhone使用者升級到新版iOS的比例很高,現在絕大多數的使用者都已升到iOS 5以上,因此我們可以大膽採用iOS 5內建的JSON API,不需要再透過第三方library JSONKit。
(1) 移除#import "JSONKit.h" (LBYouTubeExtractor.m)
(2) 在_extractYouTubeURLFromFile:error: method裡 (LBYouTubeExtractor.m)
移除
else {
JSONCode = [JSON objectFromJSONStringWithParseOptions:JKParseOptionNone
error:&decodingError];
}
6. 利用LBYouTubePlayerViewController播放Youtube影片
PlayYoutubeViewController.h.m:
#import "LBYouTubePlayerViewController.h"
@interface PlayYoutubeViewController ()
{
LBYouTubePlayerViewController* controller;
}
@end
@implementation PlayYoutubeViewController
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
NSURL *url = [NSURL URLWithString:@"http://www.youtube.com/watch?v=kLKaZ6Mi3H0"];
controller = [[LBYouTubePlayerViewController alloc] initWithYouTubeURL:url quality:LBYouTubeVideoQualityLarge];
controller.view.frame = CGRectMake(0.0f, 0.0f, 200.0f, 200.0f);
controller.view.center = self.view.center;
[self.view addSubview:controller.view];
}
說明:
(1) NSURL *url = [NSURL URLWithString:@"http://www.youtube.com/watch?v=kLKaZ6Mi3H0"];
設定張智霖浪漫愛情電影"天生愛情狂"MV的Youtube URL。
(2) controller.view.frame = CGRectMake(0.0f, 0.0f, 200.0f, 200.0f);
controller.view.center = self.view.center;
設定影片顯示的位置和大小。
執行App:
影片會貼心地自動播放,不用勞駕使用者動指按下播放鍵。
點選右下角的放大button後,即可以放大播放。
最好的影片觀賞角度當然是水平模式呀,讓我們將iPhone轉向,以水平角度好好欣賞張智霖微笑的帥氣表情。
很多時候,我們想在App裡呈現的影片不只一個。因此我們希望能夠顯示影片的縮圖清單,然後再讓使用者自行選出一見鍾情的影片觀看,抓取Youtube影片的縮圖其實很簡單,縮圖的網址規則如下:
http://img.youtube.com/vi/VIDEO_ID/#.jpg
以"天生愛情狂"為例,其影片URL為http://www.youtube.com/watch?v=kLKaZ6Mi3H0,因此它的VIDEO_ID為kLKaZ6Mi3H0。 而#我們可以用 0 ~ 3代入,對應到Youtube幫我們產生的影片縮圖。 1 ~ 3都是120*90的小圖,2則是預設的縮圖。 0的圖案同2,只不過大小為480*360的大圖。
ex:
沒有留言:
張貼留言