Stream video while downloading iOS
P

3

14

I am using iOS 7 and I have a .mp4 video that I need to download in my app. The video is large (~ 1 GB) which is why it is not included as part of the app. I want the user to be able to start watching the video as soon as is starts downloading. I also want the video to be able to be cached on the iOS device so the user doesn't need to download it again later. Both the normal methods of playing videos (progressive download and live streaming) don't seem to let you cache the video, so I have made my own web service that chunks up my video file and streams the bytes down to the client. I start the streaming HTTP call using NSURLConnection:

self.request = [[NSMutableURLRequest alloc] initWithURL:self.url];
[self.request setTimeoutInterval:10]; // Expect data at least every 10 seconds
[self.request setHTTPMethod:@"GET"];
self.connection = [[NSURLConnection alloc] initWithRequest:self.request delegate:self startImmediately:YES];

When I receive a data chunk, I append it to the end of the local copy of the file:

- (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data
{
     NSFileHandle *handle = [NSFileHandle fileHandleForWritingAtPath:[self videoFilePath]];
     [handle truncateFileAtOffset:[handle seekToEndOfFile]];
     [handle writeData:data];
}

If I let the device run, the file is downloaded successfully and I can play it using MPMoviePlayerViewController:

NSURL *url=[NSURL fileURLWithPath:self.videoFilePath];
MPMoviePlayerViewController *controller = [[MPMoviePlayerViewController alloc] initWithContentURL:url];
controller.moviePlayer.scalingMode = MPMovieScalingModeAspectFit;
[self presentMoviePlayerViewControllerAnimated:controller];

However, if I start the player before the file is completely downloaded, the video starts playing just fine. It even has the correct video length displayed at the top scrubber bar. But when the user gets to the position in the video that I had completed downloading before the video started, the video just hangs. If I close and reopen the MPMoviePlayerViewController, then the video plays until it gets to whatever location I was then at when I launched the MPMoviePlayerViewController again. If I wait until the entire video is downloaded, then the video plays without a problem.

I am not getting any events fired, or error messages printed to the console when this happens (MPMoviePlayerPlaybackStateDidChangeNotification and MPMoviePlayerPlaybackDidFinishNotification are never sent after the video starts). It seems like there is something else that is telling the controller what the length of the video is other than what the scrubber is using...

Does anyone know what could be causing this issue? I am not bound to using MPMoviePlayerViewController, so if a different video playback method would work in this situation I am all for it.

Related Unresolved Questions:

AVPlayer and Progressive Video Downloads with AVURLAssets

Progressive Video Download on iOS

How to play an in downloading progress video file in IOS

UPDATE 1 I have found that the video stall is indeed because of the file size when the video starts playing. I can get around this issue by creating a zero-ed out file before I start the download and over overwrite it as I go. Since I have control over the video streaming server, I added a custom header so I know the size of the file being streamed (default file size header for a streaming file is -1). I am creating the file in my didReceiveResponse method as follows:

- (void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response
{        
    // Retrieve the size of the file being streamed.
    NSHTTPURLResponse *httpResponse = (NSHTTPURLResponse *)response;
    NSDictionary *headers = httpResponse.allHeaderFields;

    NSNumberFormatter * formatter = [[NSNumberFormatter alloc] init];
    [formatter setNumberStyle:NSNumberFormatterDecimalStyle];
    self.streamingFileSize = [formatter numberFromString:[headers objectForKey:@"StreamingFileSize"]];

    // Check if we need to initialize the download file
    if (![[NSFileManager defaultManager] fileExistsAtPath:self.path])
    {            
        // Create the file being downloaded
        [[NSData data] writeToFile:self.path atomically:YES];

        // Allocate the size of the file we are going to download.
        const char *cString = [self.path cStringUsingEncoding:NSASCIIStringEncoding];
        int success = truncate(cString, self.streamingFileSize.longLongValue);
        if (success != 0)
        {
            /* TODO: handle errors here. Probably not enough space... See 'man truncate' */
        }
    }
}

This works great, except that truncate causes the app to hang for about 10 seconds while it creates the ~1GB file on disk (on the simulator it is instant, only a real device has this problem). This is where I am stuck now - does anyone know of a way to allocate a file more efficiently, or a different way to get the video player to recognize the size of the file without needing to actually allocate it? I know some filesystems support "file size" and "size on disk" as two different properties... not sure if iOS has something like that?

Pilsudski answered 3/1, 2014 at 20:54 Comment(1)
couldn't work with meSelfinduced
P
12

I figured out how to do this, and it is much simpler than my original idea.

First, since my video is in .mp4, the MPMoviePlayerViewController or AVPlayer class can play it directly from a web server - I don't need to implement anything special and they can still seek to any point in the video. This must be part of how the .mp4 encoding works with the movie players. So, I just have the raw file available on the server - no special headers required.

Next, when the user decides to play the video I immediately start playing the video from the server URL:

NSURL *url=[NSURL fileURLWithPath:serverVidelFileURLString];
controller = [[MPMoviePlayerViewController alloc] initWithContentURL:url];
controller.moviePlayer.scalingMode = MPMovieScalingModeAspectFit;
[self presentMoviePlayerViewControllerAnimated:controller];

This makes it so the user can watch the video and seek to any location they want. Then, I start downloading the file manually using NSURLConnection like I had been doing above, except now I am not streaming the file, I just download it directly. This way I don't need the custom header since the file size is included in the HTTP response.

When my background download completes, I switch the playing item from the server URL to the local file. This is important for network performance because the movie players only download a few seconds ahead of what the user is watching. Being able to switch to the local file as soon as possible is key to avoid downloading too much duplicate data:

NSTimeInterval currentPlaybackTime = videoController.moviePlayer.currentPlaybackTime;

[controller.moviePlayer setContentURL:url];
[controller.moviePlayer setCurrentPlaybackTime:currentPlaybackTime];
[controller.moviePlayer play];

This method does have the user downloading two video files at the same time initially, but initial testing on the network speeds my users will be using shows it only increases the download time by a few seconds. Works for me!

Pilsudski answered 8/1, 2014 at 19:30 Comment(3)
On this way ,may waste data traffic, both for user and server.Take
Yes, the answer above states that, but it allows you to stream and download at the same time.Pilsudski
I agree, but I consider this function should be supported by Apple. that will be more convenience for developer.Take
K
9

You gotta create an internal webserver that acts like a proxy! Then set your player to play the movie from the localhost.

When using HTTP protocol to play a video with MPMoviePlayerViewController, the first thing the player does is to ask for the byte-range 0-1 (first 2 bytes) just to obtain the file length. Then, the player asks for "chunks" of the video using the "byte-range" HTTP command (the purpose is to save some battery).

What you have to do is to implement this internal server that delivers the video to the player, but your "proxy" must consider the length of your video as the full length of the file, even if the actual file hasn't been completely downloaded from the internet.

Then you you set your player to play a movie from " http:// localhost : someport "

I've done this before... it works perfectly!

Good luck!

Kittykitwe answered 6/1, 2014 at 14:30 Comment(10)
Could you provide any example code on how to setup an internal proxy? I am not sure how I would go about doing this in an iOS app...Pilsudski
@WagnerPatriota I also want to use local server and AVPlayer to get data from the server, but I don't know how to do it. Could you provide me some example code as well? Thank you.Favus
you gotta learn how to make this HTTP server. Each video format has its own particular details... adptative or not, live or not, so many details... it's not hard, open a socket, parse the HTTP headers and deliver your content...Kittykitwe
@WagnerPatriota Could you please send me your sample code. I've been trying to get this to work for ages using CocoaHTTPServer but my videos mess up after 3 seconds of playback. Cheers!Underbid
I can't because the code is not my property :-( But I can give you some hints... what kind of problem are you having?Kittykitwe
@WagnerPatriota Can u please share the code on [email protected]. Thanx in advanceDisconnected
I can't. My code is totally bound to an entire context related to confidental material and other information. The explanation is straightfoward.Kittykitwe
ok.. not an issue. Can u explain me how you create an web server in ios. I am using CocoaHTTP Server project but I am not able to use it. Can u help me to steer in a right direction?Disconnected
I will send you an e-mail with some "sample" for other format, than you change it to MP4.Kittykitwe
@WagnerPatriota Your answer is helpful, I am trying to do the same for my project where I am looking to stream the video from local address, I am using CocoaHTTPServer but I have no clue how to make it act as a proxy, like what code goes into the local web page that returns the video stream? Can you please help sharing some example code. ThanksChromolithography
M
0

I can only assume that the MPMoviePlayerViewController caches the file length of the file when you started it.

The way to fix (just) this issue is to first determine how large the file is. Then create a file of that length. Keeping an offset pointer, as the file downloads, you can overwrite the "null" values in the file with the real data.

So you get to a specific point in the download, start the MPMoviePlayerViewController, and let it run. I'd also suggest you use the "F_NOCACHE" flag (with fcntl()) so you bypass the file block cache (which means you will lower your memory footprint).

The downside to this architecture is that if you get stalled, and the movie player gets ahead of you, well, the user is going to have a pretty bad experience. Not sure if there is any way for you to monitor and take preemptive action.

EDIT: its quite possible that the video is not read sequentially, but certain information requires the player to essentially look ahead for something. If so, then this is doomed to fail. The only other possible solution is to use some software tool to sequentially order the file (I'm no video expert so cannot comment from experience on any of the above).

To test this out, you can construct a "damaged" video of varying lengths, and test that to see what works and what does not. For instance, suppose you have a 100Meg file. Write a little utility program, and over write the last 50Megs of data with zeros. Now play this video. Its should fail 1/2 through. If it fails right away, well, you now know that its seeking in the file.

If non sequential, its possible that its looking at the last 1000 bytes or so, in which case if you don't overwrite that things work as you want. If you get lucky and this is the case, you would eventually download the last 1000 bytes, then then start from the front of the file.

It really gets down to finding some way before introducing real networking into the picture, to play a partial file. You will surely find it easier to artificially introduce the networking conditions without really doing it real time.

Muldoon answered 3/1, 2014 at 23:20 Comment(5)
I have been thinking of an approach similar to this. But like you said, it wouldn't be a very good user experience. I know this is possible, since this is how iTunes operates when you purchase a video and want to watch it right away.Pilsudski
If you can monitor how much data you have received, and how much has been consumed, you could pause then restart the video if needed. Apple offers a complete solution to downloaded videos - forget the name - it adapts to the network quality. However, you would not really be able to save and replay such a video (the quality might suck). Your problem is a classic one related to human latency (how long to make someone wait) versus probability of stalling output. There is no perfect solution.Muldoon
This is not a problem of a user consuming more data than they have downloaded. The problem I am running into is occurring when the device is downloading data much more quickly than it can be watched. The MPMoviePlayerViewController is not handling playback properly while the file continues to download, even though it is well ahead of what the user has watched.Pilsudski
I'm confused - I gave you an idea in the answer, you asked a question about the user experience if it stalls, I returned a comment on that, and now you said the video stalls. So did you try this suggestion? I have another thought too, see EDIT.Muldoon
So I am closer to finding a solution with your first suggestion. I am creating the file as a placeholder before I start the download, but allocating the empty file is taking quite a while (see above edit). As for the user seeking ahead, once I get this working I am planing on using a meta-data file to keep track of the byte ranges a user has downloaded, so I think I can get around that issue. Also, the meta data file can be used to ensure a user can't get ahead of the download by pausing the player if they get past that data that has been downloaded.Pilsudski

© 2022 - 2024 — McMap. All rights reserved.