Реализация потоковой передачи HTTP в iOS

Я хочу написать небольшой видео-клиент для iOS и использовать HTTP Live Streaming. Видеоролики поступают с Wowza Media Server, который поддерживает потоковую передачу по HTTP, поэтому реализация на стороне сервера - не моя проблема. Я уже смотрел видео WWDC и читал документацию Apple по HTTP Live Streaming.

Но нигде не объяснено, как воспроизводить видео на устройстве iOS. В беседе WWDC было упомянуто, что есть 3 возможности показать видео:

UIWebView
MPMoviePlayerController
AVPlayerItem

Какой из них лучше?

И как я могу прочитать видео-URL с такой HTML-страницы, которая предоставляется сервером?

<html>
<head>
    <title>HTTP Live Streaming Example</title>
</head>
<body>
    <video
        src="http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8"
        height="300" width="400"
    >
    </video>
</body>
</html>

(Источник: Apple HTTP Live Streaming Overview)

Я действительно не знаю, с чего начать с кодирования... Может быть, кто-то знает лучший пример кода, чем раздражающий "Stitched Stream Player", или может написать небольшой учебник.

Ответ 1

Краткая и точка-точка. Включенный URL указывает на действительный поток (по состоянию на 12/15/2015), но вы можете просто заменить его собственным URL-адресом на файл .m3u8.

Objective-C:

#import <MediaPlayer/MediaPlayer.h>
@interface ViewController ()
@property (strong, nonatomic) MPMoviePlayerController *streamPlayer;
@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    NSURL *streamURL = [NSURL URLWithString:@"http://qthttp.apple.com.edgesuite.net/1010qwoeiuryfg/sl.m3u8"];

    _streamPlayer = [[MPMoviePlayerController alloc] initWithContentURL:streamURL];

    // depending on your implementation your view may not have it bounds set here
    // in that case consider calling the following 4 msgs later
    [self.streamPlayer.view setFrame: self.view.bounds];

    self.streamPlayer.controlStyle = MPMovieControlStyleEmbedded;

    [self.view addSubview: self.streamPlayer.view];

    [self.streamPlayer play];
}

- (void)dealloc
{
     // if non-ARC
    // [_streamPlayer release];
    // [super dealloc];
}

@end

Swift:

import UIKit
import MediaPlayer

class ViewController: UIViewController {

     var streamPlayer : MPMoviePlayerController =  MPMoviePlayerController(contentURL: NSURL(string:"http://qthttp.apple.com.edgesuite.net/1010qwoeiuryfg/sl.m3u8"))

     //Let play
     override func viewDidLoad() {
         super.viewDidLoad()
         // Do any additional setup after loading the view, typically from a nib.
         streamPlayer.view.frame = self.view.bounds
         self.view.addSubview(streamPlayer.view)

         streamPlayer.fullscreen = true
         // Play the movie!
         streamPlayer.play()
    }

}

Обновлен ответ для обоих языков. Кроме того, MPMoviePlayerController устарел в iOS 9, но вместо этого вы можете использовать AVPlayerViewController. Счастливое кодирование.!!!

Ответ 2

Если вы укажете UIWebView на целевой URL-адрес m3u8, он будет работать.

Ответ 3

Ниже мое решение Swift 4 с AVPlayer

[поскольку MPMoviePlayerController устарела в iOS 9]

import UIKit
import AVKit
...

class VideoPlayerViewController: UIViewController {

    var player: AVPlayer?

    override func viewDidLoad() {
        super.viewDidLoad()

        guard let url = URL(string: "http://stream-url.com/file.m3u8") else {
            print("Umm, looks like an invalid URL!")
            return
        }

        player = AVPlayer(url: url)
        let controller = AVPlayerViewController()
        controller.delegate = self
        controller.player = player

        // present the player controller & play
        present(controller, animated: true) {
            self.player?.play()
        }
    }

}