web-dev-qa-db-ja.com

iPhone SDK:ビュー内でビデオをどのように再生しますか?フルスクリーンではなく

私はUIView内でビデオを再生しようとしているので、最初のステップはそのビューのクラスを追加し、このコードを使用してそのビューでムービーの再生を開始することでした。

- (IBAction)movie:(id)sender{
    NSBundle *bundle = [NSBundle mainBundle];
        NSString *moviePath = [bundle pathForResource:@"Movie" ofType:@"m4v"];
    NSURL *movieURL = [[NSURL fileURLWithPath:moviePath] retain];
    MPMoviePlayerController *theMovie = [[MPMoviePlayerController alloc] initWithContentURL:movieURL];
    theMovie.scalingMode = MPMovieScalingModeAspectFill;
    [theMovie play];
}

ただし、このメソッドを独自のクラス内で使用するとアプリがクラッシュするだけですが、他の場所では問題ありません。ビュー内でビデオを再生する方法を知っている人はいますか?フルスクリーンになるのを避けますか?

59
Sam

3.2 SDK以降、MPMoviePlayerControllerのビュープロパティにアクセスし、フレームを変更してビュー階層に追加できます。

MPMoviePlayerController *player = [[MPMoviePlayerController alloc] initWithContentURL:[NSURL fileURLWithPath:url]];
player.view.frame = CGRectMake(184, 200, 400, 300);
[self.view addSubview:player.view];
[player play];

ここに例があります: http://www.devx.com/wireless/Article/44642/1954

83
tobyc

最適な方法は、ビューの代わりにレイヤーを使用することです。

AVPlayer *player = [AVPlayer playerWithURL:[NSURL url...]]; // 

AVPlayerLayer *layer = [AVPlayerLayer layer];

[layer setPlayer:player];
[layer setFrame:CGRectMake(10, 10, 300, 200)];
[layer setBackgroundColor:[UIColor redColor].CGColor];
[layer setVideoGravity:AVLayerVideoGravityResizeAspectFill];

[self.view.layer addSublayer:layer];

[player play];

フレームワークを追加することを忘れないでください:

#import <QuartzCore/QuartzCore.h>
#import "AVFoundation/AVFoundation.h"
33
mdziadkowiec

コードを見て、ムービープレーヤーコントローラーのビューのフレームを設定し、ムービープレーヤーコントローラーのビューをビューに追加する必要があります。また、ターゲットにMediaPlayer.frameworkを追加することを忘れないでください。

次にサンプルコードを示します。

#import <MediaPlayer/MediaPlayer.h>

@interface ViewController () {
    MPMoviePlayerController *moviePlayerController;
}

@property (weak, nonatomic) IBOutlet UIView *movieView; // this should point to a view where the movie will play

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    // Instantiate a movie player controller and add it to your view
    NSString *moviePath = [[NSBundle mainBundle] pathForResource:@"foo" ofType:@"mov"];
    NSURL *movieURL = [NSURL fileURLWithPath:moviePath];    
    moviePlayerController = [[MPMoviePlayerController alloc] initWithContentURL:movieURL];
    [moviePlayerController.view setFrame:self.movieView.bounds];  // player's frame must match parent's
    [self.movieView addSubview:moviePlayerController.view];

    // Configure the movie player controller
    moviePlayerController.controlStyle = MPMovieControlStyleNone;        
    [moviePlayerController prepareToPlay];
}

- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];

    // Start the movie
    [moviePlayerController play];
}

@end
15
jrc

Swift

これは自己完結型のプロジェクトであるため、すべてをコンテキストで見ることができます。

レイアウト

UIViewUIButtonを使用して、次のようなレイアウトを作成します。 UIViewは、ビデオを再生するコンテナになります。

enter image description here

プロジェクトにビデオを追加する

練習にサンプルビデオが必要な場合は、 sample-videos.com から入手できます。この例では、mp4形式のビデオを使用しています。ビデオファイルをプロジェクトにドラッグアンドドロップします。また、バンドルリソースに明示的に追加する必要がありました(Build Phases> Copy Bundle Resourcesを参照してください this answer forもっと)。

コード

これがプロジェクトの完全なコードです。

import UIKit
import AVFoundation

class ViewController: UIViewController {

    var player: AVPlayer?

    @IBOutlet weak var videoViewContainer: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()
        initializeVideoPlayerWithVideo()
    }

    func initializeVideoPlayerWithVideo() {

        // get the path string for the video from assets
        let videoString:String? = Bundle.main.path(forResource: "SampleVideo_360x240_1mb", ofType: "mp4")
        guard let unwrappedVideoPath = videoString else {return}

        // convert the path string to a url
        let videoUrl = URL(fileURLWithPath: unwrappedVideoPath)

        // initialize the video player with the url
        self.player = AVPlayer(url: videoUrl)

        // create a video layer for the player
        let layer: AVPlayerLayer = AVPlayerLayer(player: player)

        // make the layer the same size as the container view
        layer.frame = videoViewContainer.bounds

        // make the video fill the layer as much as possible while keeping its aspect size
        layer.videoGravity = AVLayerVideoGravity.resizeAspectFill

        // add the layer to the container view
        videoViewContainer.layer.addSublayer(layer)
    }

    @IBAction func playVideoButtonTapped(_ sender: UIButton) {
        // play the video if the player is initialized
        player?.play()
    }
}

  • 異なるビデオの切り替えを行う場合は、 AVPlayerItem を使用できます。
  • AVFoundationAVPlayer のみを使用している場合、独自のコントロールをすべて構築する必要があります。ビデオを全画面で再生する場合は、 AVPlayerViewController を使用できます。そのためにAVKitをインポートする必要があります。一時停止、早送り、巻き戻し、停止などのフルコントロールセットが付属しています。 Here および here はビデオチュートリアルです。
  • 他の回答で見たかもしれないMPMoviePlayerControllerは非推奨です。

結果

プロジェクトは今このようになっているはずです。

enter image description here

11
Suragch
NSString * pathv = [[NSBundle mainBundle] pathForResource:@"vfile" ofType:@"mov"];
playerv = [[MPMoviePlayerViewController alloc] initWithContentURL:[NSURL fileURLWithPath:pathv]];

[self presentMoviePlayerViewControllerAnimated:playerv];
5
Shailesh
NSURL *url = [NSURL URLWithString:[exreciesDescription objectForKey:@"exercise_url"]];
moviePlayer =[[MPMoviePlayerController alloc] initWithContentURL: url];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(doneButtonClicked) name:MPMoviePlayerWillExitFullscreenNotification object:nil];
[[moviePlayer view] setFrame: [self.view bounds]];  // frame must match parent view
[self.view addSubview: [moviePlayer view]];
[moviePlayer play];

-(void)playMediaFinished:(NSNotification*)theNotification 
{
    moviePlayer=[theNotification object];
    [[NSNotificationCenter defaultCenter] removeObserver:self
                                                    name:MPMoviePlayerPlaybackDidFinishNotification
                                                  object:moviePlayer];


    [moviePlayer.view removeFromSuperview];
}

-(void)doneButtonClicked
  {
         [moviePlayer stop];
        [moviePlayer.view removeFromSuperview];
         [self.navigationController popViewControllerAnimated:YES];//no need this if you are      opening the player in same screen;
  }
2

Swiftバージョン:

import AVFoundation

func playVideo(url: URL) {

    let player = AVPlayer(url: url)

    let layer: AVPlayerLayer = AVPlayerLayer(player: player)
    layer.backgroundColor = UIColor.white.cgColor
    layer.frame = CGRect(x: 0, y: 0, width: 300, height: 300)
    layer.videoGravity = .resizeAspectFill
    self.view.layer.addSublayer(layer)

    player.play()
}
1
Beninho85

次の方法を使用します。

self.imageView_VedioContainerは、AVPlayerのコンテナビューです。

- (void)playMedia:(UITapGestureRecognizer *)tapGesture
{
    playerViewController = [[AVPlayerViewController alloc] init];

    playerViewController.player = [AVPlayer playerWithURL:[[NSBundle mainBundle]
                                                 URLForResource:@"VID"
                                                         withExtension:@"3gp"]];
    [playerViewController.player play];
    playerViewController.showsPlaybackControls =YES;
    playerViewController.view.frame=self.imageView_VedioContainer.bounds;
    [playerViewController.view setAutoresizingMask:UIViewAutoresizingNone];// you can comment this line 
    [self.imageView_VedioContainer addSubview: playerViewController.view];
}
0
Chandramani