Показать предварительный просмотр видео, отправленного в jsqmessagesviewcontroller

Я пытаюсь показать в пузыре видео сообщения (JSQVideoMediaItem) предварительный просмотр видео, отправленного пользователем, но мой код показывает только предварительный просмотр черного цвета. Я уверен, что функция generateThumbnail() может отлично работать, когда я использую ее для получения файла видео, отправленного из Firebase. Я использую Firebase Storage, когда пользователь отправляет видео, я сохраняю его в Firebase, поэтому при предварительном просмотре выбираю правильный видеофайл из Firebase Storage, я тестировал его с print(previewImage).

override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = super.collectionView(collectionView, cellForItemAt: indexPath) as! JSQMessagesCollectionViewCell
    let message = messages[indexPath.item]

    if !message.isMediaMessage {
        if message.senderId == senderId {
            cell.textView.textColor = UIColor.white
        } else {
            cell.textView.textColor = UIColor.black
        }
    } else if message.isMediaMessage {
        if let media = message.media as? JSQVideoMediaItem {
            var imagePreview = generateThumbnail(url: (media.fileURL)!)
            let imageView = UIImageView(image: imagePreview)
            imageView.backgroundColor = UIColor.clear
            imageView.frame = CGRect(x: 0.0, y: 0.0, width: view.frame.size.width, height: view.frame.size.height)
            imageView.contentMode = .center
            imageView.clipsToBounds = true
            JSQMessagesMediaViewBubbleImageMasker.applyBubbleImageMask(toMediaView: imageView, isOutgoing: false)
        }
    }
    return cell
}

func generateThumbnail(url: URL) -> UIImage? {
    do {
        let asset = AVURLAsset(url: url)
        let imageGenerator = AVAssetImageGenerator(asset: asset)
        imageGenerator.appliesPreferredTrackTransform = true
        let time: CMTime = CMTimeMake(1, 1)
        let cgImage = try imageGenerator.copyCGImage(at: time, actualTime: nil)
        return UIImage(cgImage: cgImage)
    } catch {
        print(error.localizedDescription)
        return nil
    }
}

Я надеюсь, что кто-то может мне помочь

Кто-нибудь опубликовал ответ о том, как этого добиться?

justdan0227 06.09.2018 01:07
3
1
455
1

Ответы 1

Я сделал расширение для этого

    extension JSQVideoMediaItem {

    func addThumbnail() {

        var img: UIImage? = nil

        /// create thumbnail

            do {
                let asset = AVURLAsset(url: self.fileURL)
                let imgGenerator = AVAssetImageGenerator(asset: asset)
                imgGenerator.appliesPreferredTrackTransform = true

                let cgImage = try imgGenerator.copyCGImage(at: CMTimeMake(0,1), actualTime: nil)
                img = UIImage(cgImage: cgImage)
            }
            catch let error as NSError {
                print("Image generator error :  \(error.localizedDescription)")
            }

        /// create thumbnail END

        let size:CGSize = self.mediaViewDisplaySize()

        let playIcon = UIImage.jsq_defaultPlay()?.jsq_imageMasked(with: .white)
        let imageView:UIImageView = UIImageView(image: playIcon)
        imageView.frame = CGRect(x: 0.0, y: 0.0, width: size.width, height: size.height)
        imageView.contentMode = UIViewContentMode.center
        imageView.clipsToBounds = true
        JSQMessagesMediaViewBubbleImageMasker.applyBubbleImageMask(toMediaView: imageView, isOutgoing: self.appliesMediaViewMaskAsOutgoing)

        if (img != nil) {
            let thumbnailImageView:UIImageView = UIImageView(image: img)
            thumbnailImageView.frame = CGRect(x: 0.0, y: 0.0, width: size.width, height: size.height)
            thumbnailImageView.contentMode = UIViewContentMode.scaleAspectFill
            thumbnailImageView.clipsToBounds = true
            JSQMessagesMediaViewBubbleImageMasker.applyBubbleImageMask(toMediaView: thumbnailImageView, isOutgoing: self.appliesMediaViewMaskAsOutgoing)

            imageView.backgroundColor = .clear
            thumbnailImageView.addSubview(imageView)
            self.cachedVideoImageView = thumbnailImageView;

        }
        else {
            imageView.backgroundColor = .black
            self.cachedVideoImageView = imageView
        }
    }
}

addThumbnail после создания JSQVideoMediaItem

vidItem = JSQVideoMediaItem(fileURL: URL(fileURLWithPath: destPath), isReadyToPlay: true)
vidItem?.addThumbnail()

и вы должны переместить эту строку JSQVideoMediaItem.m в JSQVideoMediaItem.h для общего доступа

@property (strong, nonatomic) UIImageView *cachedVideoImageView;

Надеюсь, это будет кому-то полезно

Другие вопросы по теме