如何让视频在我的视频选择控制器中播放

Question

我编写了一个视频选择控制器，以便用户可以选择他想要上传到 firebase 的视频。现在我遇到的问题是我可以选择视频，但无法在主视图中播放。它应该有点像 Instagram 中的图像/视频选择器，如果它是视频，它会自动播放它。我根本不需要图片，我只需要上传视频。

选择视频时我现在看到的是第一帧的静止画面：

如果有人能帮助我，告诉我需要在哪里添加内容以使该视频自动播放，或者甚至在屏幕中间有一个播放按钮，我将非常感激。

我现在显示选择的代码如下：

import UIKit
import Firebase
import Photos

private let reuseIdentifier = "SelectVideoCell"
private let headerIdentifier = "SelectVideoHeader"

class SelectVideoController: UICollectionViewController, UICollectionViewDelegateFlowLayout {

// MARK: - Properties

var images = [UIImage]()
var assets = [PHAsset]()
var selectedImage: UIImage?
var header: SelectVideoHeader?

// MARK: - Init

override func viewDidLoad() {
    super.viewDidLoad()

    configureUI()
    fetchVideos()

    //Register cell classes
    collectionView.register(SelectVideoCell.self, forCellWithReuseIdentifier: reuseIdentifier)
    collectionView.register(SelectVideoHeader.self, forSupplementaryViewOfKind: UICollectionView.elementKindSectionHeader, withReuseIdentifier: headerIdentifier)

    collectionView.backgroundColor = UIColor(red: 227/255, green: 227/255, blue: 227/255, alpha: 1)
}

// MARK: - UICollectionViewFlowLayout

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize {
    let width = view.frame.width

    return CGSize(width: width, height: width)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let width = (view.frame.width - 3) / 4
    return CGSize(width: width, height: width)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
    return 1
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return 1
}

// MARK: - UICollectionViewDataSource

override func numberOfSections(in collectionView: UICollectionView) -> Int {
    return 1
}

override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return images.count
}

override func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {

    let header = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: headerIdentifier, for: indexPath) as! SelectVideoHeader

    self.header = header

    if let selectedImage = self.selectedImage {

        // Index selected image
        if let index = self.images.index(of: selectedImage) {

        // Asset associated with Selected Image
        let selectedAsset = self.assets[index]

        let videoManager = PHImageManager.default()
        let targetSize = CGSize(width: 600, height: 600)



        // Request Image
        videoManager.requestImage(for: selectedAsset, targetSize: targetSize, contentMode: .default, options: nil) { (image, info) in

            header.videoSelectView.image = image

            }
        }
    }

    return header
}

override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! SelectVideoCell

    cell.videoSelectView.image = images[indexPath.row]

    return cell
}

override func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    self.selectedImage = images[indexPath.row]
    self.collectionView?.reloadData()

    let indexPath = IndexPath(item: 0, section: 0)
    collectionView.scrollToItem(at: indexPath, at: .bottom, animated: true)
}

@objc func handleDismiss() {
    dismiss(animated: true, completion: nil)
}

@objc func handleNext() {
    let uploadController = UploadVideoController()
    uploadController.selectedImage = header?.videoSelectView.image
    let navController = UINavigationController(rootViewController: uploadController)
    present(navController, animated: true, completion: nil)
}

func configureUI() {

    navigationController?.navigationBar.tintColor = .black
    navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
    navigationController?.navigationBar.shadowImage = (UIImage())
    //navigationItem.title = "Videos"

    navigationItem.leftBarButtonItem = UIBarButtonItem(title: "Cancel", style: .plain, target: self, action: #selector(handleDismiss))
    navigationItem.rightBarButtonItem = UIBarButtonItem(title: "Next", style: .plain, target: self, action: #selector(handleNext))
}

func getAssetFetchOptions() -> PHFetchOptions {

    let options = PHFetchOptions()

    // Fetch Limit
    options.fetchLimit = 30

    // Sort Videos by Date
    let sortDescriptor = NSSortDescriptor(key: "creationDate", ascending: false)

    // Set Sort Descriptor for Options
    options.sortDescriptors = [sortDescriptor]

    // Return Options
    return options

}

func fetchVideos() {

    let allVideos = PHAsset.fetchAssets(with: .video, options: getAssetFetchOptions())

    print("Function running")

    // Fetch Videos on Background Thread
    DispatchQueue.global(qos: .background).async {

        // Enumerate Objects
        allVideos.enumerateObjects({ (asset, count, stop) in

            print("Count is \(count)")

            let videoManager = PHImageManager.default()
            let targetSize = CGSize(width: 600, height: 600)
            let options = PHImageRequestOptions()
            options.isSynchronous = true

            // Request Video representation for specific Asset
            videoManager.requestImage(for: asset, targetSize: targetSize, contentMode: .aspectFit, options: options, resultHandler: { (image, info) in

                if let image = image {

                    // Append image to data source
                    self.images.append(image)

                    // Append asset to data source
                    self.assets.append(asset)

                    // Set selected Image
                    if self.selectedImage == nil {
                        self.selectedImage = image
                    }

                    // Reload collectionView with images once counr has completed
                    if count == allVideos.count - 1 {

                        // Reload collectionView on main thread
                        DispatchQueue.main.async {
                            self.collectionView?.reloadData()
                        }
                    }
                }
            })
        })
    }
}

override var prefersStatusBarHidden: Bool {
    return true
}
}

Answer 1

您可以通过创建AVPlayer 和AVPlayerLayer 的实例来播放视频。在您的选择视图控制器中添加以下代码或创建一个新的视图控制器并通过在其中传递视频 url 来呈现。

添加以下代码播放视频。

import AVFoundation

var avPlayerLayer                               : AVPlayerLayer?
var avPlayer                                    : AVPlayer?

override func viewDidLoad() {
    super.viewDidLoad()

    // You need to pass your url here.
    self.avPlayer = AVPlayer(url: url)

    self.avPlayerLayer = AVPlayerLayer(player: self.avPlayer!)
    self.avPlayerLayer!.frame = self.view!.bounds

    self.view.layer.addSublayer(self.avPlayerLayer!)

    self.avPlayer!.play()
}

此代码将在您选择后立即播放您的视频。您需要在avPlayer 中传递url。

希望对你有帮助。