记一次macOS弹幕开发经验

背景

为Mac上的播放器添加一个弹幕层，这样就可以看到直播的视频和弹幕了，这样就彻底的告别了flash。有以下几个问题需要处理

• 获取弹幕数据，以及处理弹幕数据
• 将处理后的弹幕数据，展示在播放器的上一层并且使其滚动起来

AsyncSocket & GCDAsyncSocket

项目中的socket通讯使用到了CocoaAsyncSocket。

由于之前在iOS上也实现了弹幕的获取，那时候并没有涉及到同时有播放器的播放，所以当时使用的AsyncSocket也并没有出现任何问题。这次不同的是，需要在播放的同时获取弹幕并显示，依然使用AsyncSocket则导致线程阻塞无法异步执行播放任务和弹幕，在各种Google后想到了去查询AsyncSocket和GCDAsyncSocket的区别，于是将其进行了切换，好在只需要修改相应的代理方法即可，方法内的发送数据、接收数据实现是一致的，可以无痛切换。

关于它们的详细区别Reference_GCDAsyncSocket，About AsyncSocket

斗鱼弹幕的获取机制，细节部分可以在github上搜索，已经有很多现成的实现方法了，主要流程就是一次身份验证，然后才是弹幕数据的获取(ps:数据经过序列化的数据)，还有注意的就是为了验证在线的心跳包机制。官方文档

NSView 中的 NSTextField 背景透明

弹幕的展示原理

在一个弹幕容器View上分成多个弹道，然后将数据放入弹道中，弹幕有3种状态(准备进入，进入中和飞出屏幕)，基于CAAnimationDelegate通过***计算弹幕进入和飞出的时间***反复绘制单个弹幕的View来达到弹幕移动的目的

这里一个比较坑的问题就是设置了半天就是无法将NSTextField中的背景颜色设置成透明的，这里折腾了我几个小时。
最后通过一个NSTextField的扩展方法创建实例解决了这个问题

extension NSTextField {
        /// Return an `NSTextField` configured exactly like one created by dragging a “Label” into a storyboard.
       class func newLabel() -> NSTextField {
           let label = NSTextField()
           label.isEditable = false
           label.isSelectable = false
           label.textColor = .labelColor
           label.backgroundColor = .controlColor
           label.drawsBackground = false
           label.isBezeled = false
           label.alignment = .natural
           label.font = NSFont.systemFont(ofSize: NSFont.systemFontSize(for: label.controlSize))
           label.lineBreakMode = .byClipping
           label.cell?.isScrollable = true
           label.cell?.wraps = false
           return label
        }
    }

最终效果

zhiboOnMac 下载地址

一款在Mac上无需flash观看直播的播放器(支持斗鱼和熊猫)
zhiboOnMac历史版本