iOS — не удается транслировать видео из Parse Backend

Недавно я создал свой собственный сервер синтаксического анализа, размещенный на героку, используя mongoLab для хранения моих данных.

Моя проблема в том, что я сохраняю видео как анализ PFFile, однако я не могу передать его после сохранения.

Вот мои точные шаги.

Сначала я сохраняю видео, возвращенное UIImagePicker

//Get the video URL
let videoURL = info[UIImagePickerControllerMediaURL] as? NSURL

//Create PFFile with NSData from URL
let data = NSData(contentsOfURL: videoURL!)
videoFile = PFFile(data: data!, contentType: "video/mp4")

//Save PFFile first, then save the PFUser
PFUser.currentUser()?.setObject(videoFile!, forKey: "profileVideo")
            videoFile?.saveInBackgroundWithBlock({ (succeeded, error) -> Void in
                print("saved video")
                PFUser.currentUser()?.saveInBackgroundWithBlock({ (succeeded, error) -> Void in
                    if succeeded && error == nil {
                        print("user saved")

                        //Hide progress bar 
                        UIView.animateWithDuration(0.5, animations: { () -> Void in                   
                            self.progressBar.alpha = 0
                            }, completion: { (bool) -> Void in
                                self.progressBar.removeFromSuperview()
                        })

                    }else{

                        //Show error if the save failed
                        let message = error!.localizedDescription
                        let alert = UIAlertController(title: "Uploading profile picture error!", message: message, preferredStyle: UIAlertControllerStyle.Alert)
                        let dismiss = UIAlertAction(title: "OK", style: UIAlertActionStyle.Cancel, handler: nil)
                        alert.addAction(dismiss)
                        self.presentViewController(alert, animated: true, completion: nil)

                    }
                })
                }, progressBlock: { (progress) -> Void in
                    self.progressBar.setProgress(Float(progress)/100, animated: true)
            })

Все это хорошо работает. Проблема заключается в том, что я получаю PFFile и пытаюсь передать видео. Вот мой код для этого:

//Get URL from my current user
self.videoFile = PFUser.currentUser()?.objectForKey("profileVideo") as? PFFile
                        self.profileVideoURL = NSURL(string: (self.videoFile?.url)!)

//Create AVPlayerController
let playerController = AVPlayerViewController()

//Set AVPlayer URL to where the file is stored on the sever
let avPlayer = AVPlayer(URL: self.profileVideoURL)
playerController.player = avPlayer

//Present the playerController
self.presentViewController(playerController, animated: true, completion: { () -> Void in
 playerController.player?.play()
})

Когда я представляю playerController, происходит следующее:

введите описание изображения здесь

Почему это происходит, когда я пытаюсь транслировать свое видео?

Любая помощь приветствуется!

ОБНОВЛЕНИЕ

Недавно я пытался воспроизвести видео, сохраненное из другой базы данных, с помощью этой строки кода: let videoURL = NSURL(string: "https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4")

Это подтверждает, что именно формат, в котором я сохраняю свой PFFile, вызывает ошибку.

Должно быть, эта строка вызывает ошибку, так как "video/mp4", вероятно, неправильный формат: videoFile = PFFile(data: data!, contentType: "video/mp4")

ОБНОВЛЕНИЕ 2

Я взял прямую ссылку на мой файл .mp4, расположенный в mongoLab, и обнаружил, что могу воспроизвести его в Google Chrome, но не в Safari или на моем iPhone.

ОБНОВЛЕНИЕ 3

Я обнаружил, что это была проблема с самим API синтаксического анализа и не имела ничего общего с кодом, поскольку мой код отлично работает при использовании оригинального бэкэнда синтаксического анализа (тот, который закрывается) вместо моего собственного сервера синтаксического анализа. В настоящее время у меня нет решения, однако со временем оно должно быть исправлено.


person Josh    schedule 05.02.2016    source источник
comment
У меня похожая (такая же?) проблема. Можете ли вы пролить свет на ваше третье обновление? Было ли об этом сообщено сопровождающим на GH?   -  person sbauch    schedule 15.04.2016
comment
@Josh Об этом много раз сообщалось в GH, но тщетно. Они просто закроют это как проблему с сервером. Некоторые люди сообщают об успешном переходе с mLab на S3, но есть и другие, которые сообщают о той же проблеме с S3. На данный момент сервер синтаксического анализа -heroku- mLab не передает потоковое аудио, мы можем сделать вывод, что видеофайлы. Если кто-то может решить эту проблему, мы должны помочь себе, опубликовав решение здесь. Я не думаю, что это будет решено персоналом Parse.   -  person Tobio    schedule 21.07.2016


Ответы (4)


этот код работает для меня

let playerController = AVPlayerViewController()

      self.addChildViewController(playerController)
      self.view.addSubview(playerController.view)
      playerController.view.frame = self.view.frame

      file!.getDataInBackgroundWithBlock({
        (movieData: NSData?, error: NSError?) -> Void in
        if (error == nil) {

          let filemanager = NSFileManager.defaultManager()

          let documentsPath : AnyObject = NSSearchPathForDirectoriesInDomains(.DocumentDirectory,.UserDomainMask,true)[0]
          let destinationPath:NSString = documentsPath.stringByAppendingString("/file.mov")
          movieData!.writeToFile ( destinationPath as String, atomically:true)


          let playerItem = AVPlayerItem(asset: AVAsset(URL: NSURL(fileURLWithPath: destinationPath as String)))
          let player = AVPlayer(playerItem: playerItem)
          playerController.player = player
          player.play()
        } else {
          print ("error on getting movie data \(error?.localizedDescription)")
        }
      })
person lguerra10    schedule 11.06.2016

parse-server, похоже, не поддерживает потоковую передачу в Safari/iOS, и решение заключается в том, чтобы включить его с помощью экспресс и GridStore следующим образом:

parse-server-example\node_modules\parse-server\lib\Routers\FilesRouter

    {
key: 'getHandler',
value: function getHandler(req, res, content) {
var config = new _Config2.default(req.params.appId);
var filesController = config.filesController;
var filename = req.params.filename;
var video = '.mp4'
var lastFourCharacters = video.substr(video.length - 4);
if (lastFourCharacters == '.mp4') {

  filesController.handleVideoStream(req, res, filename).then(function (data) {

    }).catch(function (err) {
      console.log('404FilesRouter');
        res.status(404);
        res.set('Content-Type', 'text/plain');
        res.end('File not found.');
    });
}else{
filesController.getFileData(config, filename).then(function (data) {
  res.status(200);
  res.end(data);
}).catch(function (err) {
    res.status(404);
    res.set('Content-Type', 'text/plain');
    res.end('File not found.');
  });
 }
}
} , ...

parse-server-example\node_modules\parse-server\lib\Controllers\FilesController

_createClass(FilesController, [{
key: 'getFileData',
value: function getFileData(config, filename) {
return this.adapter.getFileData(filename);
}
},{
key: 'handleVideoStream',
value: function handleVideoStream(req, res, filename) {
return this.adapter.handleVideoStream(req, res, filename);
}
}, ...

parse-server-example\node_modules\parse-server\lib\Adapters\Files\GridStoreAdapter

... , {
     key: 'handleVideoStream',
     value: function handleVideoStream(req, res, filename) {
     return this._connect().then(function (database) {
     return _mongodb.GridStore.exist(database, filename).then(function     () {
  var gridStore = new _mongodb.GridStore(database, filename, 'r');
  gridStore.open(function(err, GridFile) {
      if(!GridFile) {
          res.send(404,'Not Found');
          return;
        }
        console.log('filename');
        StreamGridFile(GridFile, req, res);
      });
      });
      })
      }
      }, ...

Низ адаптера GridStore

function StreamGridFile(GridFile, req, res) {
var buffer_size = 1024 * 1024;//1024Kb

if (req.get('Range') != null) { //was: if(req.headers['range'])
  // Range request, partialle stream the file
  console.log('Range Request');
  var parts = req.get('Range').replace(/bytes=/, "").split("-");
  var partialstart = parts[0];
  var partialend = parts[1];
  var start = partialstart ? parseInt(partialstart, 10) : 0;
  var end = partialend ? parseInt(partialend, 10) : GridFile.length - 1;
  var chunksize = (end - start) + 1;

  if(chunksize == 1){
    start = 0;
    partialend = false;
  }

  if(!partialend){
    if(((GridFile.length-1) - start) < (buffer_size) ){
        end = GridFile.length - 1;
    }else{
      end = start + (buffer_size);
    }
      chunksize = (end - start) + 1;
    }

    if(start == 0 && end == 2){
      chunksize = 1;
    }

res.writeHead(206, {
      'Cache-Control': 'no-cache',
    'Content-Range': 'bytes ' + start + '-' + end + '/' + GridFile.length,
    'Accept-Ranges': 'bytes',
    'Content-Length': chunksize,
    'Content-Type': 'video/mp4',
  });

  GridFile.seek(start, function () {
    // get GridFile stream

            var stream = GridFile.stream(true);
            var ended = false;
            var bufferIdx = 0;
            var bufferAvail = 0;
            var range = (end - start) + 1;
            var totalbyteswanted = (end - start) + 1;
            var totalbyteswritten = 0;
            // write to response
            stream.on('data', function (buff) {
            bufferAvail += buff.length;
            //Ok check if we have enough to cover our range
            if(bufferAvail < range) {
            //Not enough bytes to satisfy our full range
                if(bufferAvail > 0)
                {
                //Write full buffer
                  res.write(buff);
                  totalbyteswritten += buff.length;
                  range -= buff.length;
                  bufferIdx += buff.length;
                  bufferAvail -= buff.length;
                }
            }
            else{

            //Enough bytes to satisfy our full range!
                if(bufferAvail > 0) {
                  var buffer = buff.slice(0,range);
                  res.write(buffer);
                  totalbyteswritten += buffer.length;
                  bufferIdx += range;
                  bufferAvail -= range;
                }
            }

            if(totalbyteswritten >= totalbyteswanted) {
            //  totalbytes = 0;
              GridFile.close();
              res.end();
              this.destroy();
            }
            });
        });

  }else{

//  res.end(GridFile);
        // stream back whole file
      res.header('Cache-Control', 'no-cache');
      res.header('Connection', 'keep-alive');
      res.header("Accept-Ranges", "bytes");
      res.header('Content-Type', 'video/mp4');
      res.header('Content-Length', GridFile.length);
      var stream = GridFile.stream(true).pipe(res);
   }
  };

P.S Оригинальный ответ дан здесь @Bragegs - https://github.com/ParsePlatform/parse-server/issues/1440#issuecomment-212815625 . Пользователь @Stav1 также упомянул об этом в этой теме, но, к сожалению, за него проголосовали?

person indiandragon    schedule 22.07.2016

Для тех, кто все еще попадает сюда, глядя на новое обновление Parse-Server-example, Parse-server теперь распознает потоковую передачу; однако для извлечения видео следует использовать метод Parse iOS sdk. Код сервера приведен ниже на случай, если вы развертываете собственный сервер синтаксического анализа. Далее я привожу список некоторых методов потоковой передачи.

Изменение кода сервера обнаружено в:

parse-server-example\node_modules\parse-server\lib\Routers\FilesRouter

{
key: 'getHandler',
value: function getHandler(req, res) {
  var config = new _Config2.default(req.params.appId);
  var filesController = config.filesController;
  var filename = req.params.filename;
  var contentType = _mime2.default.lookup(filename);
  if (isFileStreamable(req, filesController)) {
    filesController.getFileStream(config, filename).then(function (stream) {
      handleFileStream(stream, req, res, contentType);
    }).catch(function () {
      res.status(404);
      res.set('Content-Type', 'text/plain');
      res.end('File not found.');
    });
  } else {
    filesController.getFileData(config, filename).then(function (data) {
      res.status(200);
      res.set('Content-Type', contentType);
      res.set('Content-Length', data.length);
      res.end(data);
    }).catch(function () {
      res.status(404);
      res.set('Content-Type', 'text/plain');
      res.end('File not found.');
    });
  }
}},

Пример метода потоковой передачи с помощью iOS parse sdk (swift):

vidObject.video.getDataStreamInBackground(block: <#T##PFDataStreamResultBlock?##PFDataStreamResultBlock?##(InputStream?, Error?) -> Void#>)
person Joyful Machines    schedule 11.01.2017

У меня есть локальный mongodb с сервером синтаксического анализа, и мне нужно, чтобы он работал:

Потоковое видео Parse-server на IOS из PFFile.url

Не знаю, так ли это с нелокальными базами данных.

person Stav1    schedule 11.04.2016
comment
Если у вас есть НОВЫЙ вопрос, задайте его, нажав кнопку Задать вопрос. Если у вас достаточная репутация, вы можете проголосовать за вопрос. Кроме того, пометьте его как избранное, и вы будете получать уведомления о любых новых ответах. - person Paul Roub; 11.04.2016