[英]How to show different videos in different UICollectionView cells?
I'm trying to show 5 different videos in five different UICollectionView cells.我试图在五个不同的 UICollectionView 单元格中显示 5 个不同的视频。 It sounds pretty easy to do and with 3 cells it was working fine but now somehow all the videos are in the wrong cells.
这听起来很容易做到,并且使用 3 个单元格它可以正常工作,但现在不知何故所有视频都在错误的单元格中。
It's an ugly solution but it was working before and I can't figure out any other solution.这是一个丑陋的解决方案,但它以前有效,我想不出任何其他解决方案。
Here's five different instances for AVPlayer and AVPlayerLayer.这是 AVPlayer 和 AVPlayerLayer 的五个不同实例。
let theURL = Bundle.main.url(forResource:"summer", withExtension: "mp4")
let theURL2 = Bundle.main.url(forResource:"newyork", withExtension: "mp4")
let theURL3 = Bundle.main.url(forResource:"amber", withExtension: "mp4")
let theURL4 = Bundle.main.url(forResource:"luckywhite", withExtension: "mp4")
let theURL5 = Bundle.main.url(forResource:"coconut", withExtension: "mp4")
avPlayer = AVPlayer(url: theURL!)
avPlayerLayer = AVPlayerLayer(player: avPlayer)
avPlayerLayer.videoGravity = AVLayerVideoGravity.resizeAspectFill
avPlayer.volume = 0
avPlayer.actionAtItemEnd = .none
NotificationCenter.default.addObserver(self,
selector: #selector(playerItemDidReachEnd(notification:)),
name: NSNotification.Name.AVPlayerItemDidPlayToEndTime,
object: avPlayer.currentItem)
avPlayer2 = AVPlayer(url: theURL2!)
avPlayerLayer2 = AVPlayerLayer(player: avPlayer2)
avPlayerLayer2.videoGravity = AVLayerVideoGravity.resizeAspectFill
avPlayer2.volume = 0
avPlayer2.actionAtItemEnd = .none
NotificationCenter.default.addObserver(self,
selector: #selector(playerItemDidReachEnd(notification:)),
name: NSNotification.Name.AVPlayerItemDidPlayToEndTime,
object: avPlayer2.currentItem)
avPlayer3 = AVPlayer(url: theURL3!)
avPlayerLayer3 = AVPlayerLayer(player: avPlayer3)
avPlayerLayer3.videoGravity = AVLayerVideoGravity.resizeAspectFill
avPlayer3.volume = 0
avPlayer3.actionAtItemEnd = .none
NotificationCenter.default.addObserver(self,
selector: #selector(playerItemDidReachEnd(notification:)),
name: NSNotification.Name.AVPlayerItemDidPlayToEndTime,
object: avPlayer3.currentItem)
avPlayer4 = AVPlayer(url: theURL4!)
avPlayerLayer4 = AVPlayerLayer(player: avPlayer4)
avPlayerLayer4.videoGravity = AVLayerVideoGravity.resizeAspectFill
avPlayer4.volume = 0
avPlayer4.actionAtItemEnd = .none
NotificationCenter.default.addObserver(self,
selector: #selector(playerItemDidReachEnd(notification:)),
name: NSNotification.Name.AVPlayerItemDidPlayToEndTime,
object: avPlayer4.currentItem)
avPlayer5 = AVPlayer(url: theURL5!)
avPlayerLayer5 = AVPlayerLayer(player: avPlayer5)
avPlayerLayer5.videoGravity = AVLayerVideoGravity.resizeAspectFill
avPlayer5.volume = 0
avPlayer5.actionAtItemEnd = .none
NotificationCenter.default.addObserver(self,
selector: #selector(playerItemDidReachEnd(notification:)),
name: NSNotification.Name.AVPlayerItemDidPlayToEndTime,
object: avPlayer5.currentItem)
And here I put the videos into the cells.在这里,我将视频放入单元格中。
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! CollectionViewCell
switch indexPath.item {
case 0:
self.avPlayerLayer.frame = cell.image.layer.bounds
cell.image.layer.insertSublayer(self.avPlayerLayer, at: 0)
case 1:
self.avPlayerLayer2.frame = cell.image.layer.bounds
cell.image.layer.insertSublayer(self.avPlayerLayer2, at: 0)
case 2:
self.avPlayerLayer3.frame = cell.image.layer.bounds
cell.image.layer.insertSublayer(self.avPlayerLayer3, at: 0)
case 3:
self.avPlayerLayer4.frame = cell.image.layer.bounds
cell.image.layer.insertSublayer(self.avPlayerLayer4, at: 0)
default:
self.avPlayerLayer5.frame = cell.image.layer.bounds
cell.image.layer.insertSublayer(self.avPlayerLayer5, at: 0)
}
Why it's not working properly?为什么它不能正常工作? I think I'm doing everything right when playing with indexPaths.
我认为在使用 indexPaths 时我做的一切都是正确的。
Cells are reused and when you do细胞被重用,当你这样做时
self.avPlayerLayer4.frame = cell.image.layer.bounds
cell.image.layer.insertSublayer(self.avPlayerLayer4, at: 0)
so consider cleaning it before the insert所以考虑在插入前清洁它
cell.image.layer.sublayers?.forEach {
if $0 is AVPlayerLayer {
$0.removeFromSuperlayer()
}
}
it adds the layer at the most back and show the old added layer before , instead of duplicated code you need to write a func that return a layer from a url and add it它在最后面添加图层并在之前显示旧添加的图层,而不是重复的代码,您需要编写一个从 url 返回图层的函数并添加它
Aslo consider having an array like Aslo考虑有一个像
var arr = [URL]()
and use it instead of the switch并使用它代替开关
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.