使用 ReplayKit 探索滚动剪辑

用户再也不会在您的游戏或 app 中错过任何精彩时刻。敬请了解 ReplayKit 的最新更新：剪辑屏幕录制。它可为您的 app 提供滚动缓冲区来存储以前的视频和音频样本。探索如何为用户录制和保存令人难忘的时刻，并了解如何在最相关的时候呈现这些剪辑。最后，我们会引导您将 ReplayKit 集成到您的 iOS 和 macOS app 中。

资源

相关视频

WWDC21

WWDC20

使用 ReplayKit 在 Mac 上捕捉并串流 app

下载

哈啰欢迎来到 “使用ReplayKit录制滚动视频片段” 我是欧内斯特我是ReplayKit团队的软件工程师今天很高兴在这里跟大家介绍一种捕捉你应用程序上精彩画面的新方法让我先带各位认识ReplayKit的概貌

ReplayKit是一个能让你录制你的应用程序屏幕画面和声音的框架当大家想要制作教学视频或只是想要炫耀他们的游戏玩法应用程序内的屏幕录制能制作出他们想储存和跟朋友分享的视频那如果你想对创作的视频内容有更多的掌控呢？你可能会想加上额外的滤镜或覆盖层你可以在应用程序内的屏幕撷取做到这些应用程序内的屏幕撷取会将音频和视频样本直接加入你的应用程序中让你可以完全掌握已经制作出来的内容我们都知道比起玩游戏第二棒的事就是看玩家的游戏直播应用程序内的直播让各位把应用程序串流到第三方直播平台更容易让全世界都能观看我们现今的录屏功能已经涵盖了很广的案例不过有一项是目前没有的想象你的玩家刚打败所有敌人在游戏中解锁通往下一关的钥匙现在他们想把那个时刻分享给他们的朋友可是因为这是他们第一次玩这关他们不知道会发生让人这么兴奋的事所以他们无法捕捉那个时刻目前玩家们如果想要存下所有值得纪念的精彩画面他们必须把整段游戏过程录下来这样会产生很大的录像文件不只会占掉很多储存空间也需要时间来裁剪成较短的视频如果能在所有精彩画面发生的当下立刻录下来那不是很棒吗？或者更好的是如果ReplayKit 可以帮你做到这些给你每一段精彩画面的视频？今年我很开心要向大家介绍这个我们一直努力开发的新性能片段录制片段录制会维持一个音频和视频样本的滚动缓冲区当你命令输出视频片段时它能将长达15秒前的样本输出成短视频片段因此你不需要知道什么时候开始录制你只需要知道你想要什么时候输出

有几种方式可以输出视频片段你可以在你的应用程序中加入用户界面按钮或游戏控制器支持这样大家就可以手动控制什么时候要录制视频只要单击按钮他们就能在想要的时候录下视频你也可以在你的应用程序中加入能够自动撷取视频的触发程序有了这个你就能随时录下那些刺激的时刻譬如当他们做出完美的连击打败最终的大魔王或打出他们最佳的快速通关的时刻有了这些视频片段你就能建立个性化的用户体验你可以添加一个定制的覆盖层以打开一组视频集合或者你可以呈现在那一关结束时所有录制下的精彩画面给你的玩家看和分享

片段录制在iOS和macOS上皆可使用这个强大功能与现有的录制、截屏和直播API并列就像我们的其他功能一样片段录制会提供相同的高清画质低性能影响和内建隐私保障措施片段录制的背后原理是怎么运作的？让我们来看看吧片段录制包含三个API 开始、停止和输出要启动片段缓冲你的应用程序需要调用 RPScreenRecorder接口获取到sharedRecorder单例有了单例之后你可以调用 startClipBuffering API 这时候 ReplayKit将你应用程序的屏幕和音频样本储存到滚动缓冲区每次ReplayKit收到新的样本后会移除任何在15秒前的样本滚动缓冲区启动后 ReplayKit 会等待你的应用程序命令它输出当应用程序调用export clip API ReplayKit就会去处理剩下的部分把当下的视频片段回传给你当你不再需要滚动缓冲区或者当你想使用 ReplayKit的其他功能例如应用程序内的直播你可以调用 stop API ReplayKit便会停止这个会话

知道这些信息后让我给大家展示一个使用了新的片段录制 API 的示例项目你可能已经从我们去年的课程中熟悉了这个示例项目更新的示例项目现在包含片段录制相关代码让我们来看看这个代码如同其他的视频录制一样这是和主画面中的“启动录制”按钮相连结的IBAction 这个按钮的作用是如果还没启动录制则开始视频缓冲如果已经启动录制则停止视频缓冲现在让我们看看当你开始视频缓冲时会发生什么事这是要开始视频缓冲的编码你会从RPScreenRecorder 取得共享录制实例调用startClipBuffering 设置结束回调这里在回调中你需要处理任何在尝试启动时发生的错误包含更新用户界面如果没有错误发生那你还是应该更新用户界面以显示目前正在进行录制

跟启动一样在范例项目中有一个停止视频缓冲规则这是你会得到共享实例的地方不过这次你要调用 stopClipBuffering API 在完成回调中你需要处理任何在尝试停止时发生的错误并且更新用户界面以显示你没有在录制了

我已经说明了启动和停止视频缓冲的编码让我们来看看输出视频时所需的编码这是和“输出视频”按钮相连结的IBAction编码当有人决定要产出一段视频时这个动作就会被触发提醒一下不是只能用这个方法你也能以你自己的程序内触发方式来自动输出视频这里如果你正在录像并且从先前startClipBuffering方法中将按钮激活 exportClip函数将会被调用要调用exportClip API 你需要指定一个URL和视频长度

类似启动和停止的接口你需要在completionHandler中处理错误如果没有错误发生你就会在指定的URL下得到视频片段有了这些视频片段你就可以建立和组织你自己的用户体验在我这里的范例编码中视频会直接存入Photos

就是这样！有了这三个API 现在你就可以将短视频录制加到你的应用程序中你可以在指定的URL里直接访问视频片段因此你可以建立你自己的应用程序内体验就像前面提到过另一种得到视频片段的方式是通过加入游戏控制器支持 game controller框架现在也有内建短视频录制能力请记得从game controller输出的短视频会直接存在Photos或桌面上要以产生的短视频制作你自己的应用程序内体验你需要使用ReplayKit clips API 当你整合ReplayKit 和game controller框架时比较好的方法是确保你对RPScreenRecorder的 available 和 recording 属性使用了健值观察也请务必遵循 RPScreenRecorderDelegate协议这样你才能在需要时更新你应用程序的状态把短视频录制整合到你的应用程序就是那么简单有了短视频录制你的应用程序就可以在当下捕捉所有的精彩时刻我很期待看到大家制作的所有的短视频和新的使用者体验非常谢谢大家收看我们的说明希望各位有个很棒的WWDC [打击乐音乐]

5:19 - Start clip buffering

// Start clip buffering API call

func startClipBuffering() {
    RPScreenRecorder.shared().startClipBuffering { error in
        if error != nil {
            print("Error attempting to start Clip Buffering")
            // Update the app recording state and UI.
            self.setClipState(active: false)
        } else {
            // No error encountered attempting to start a clip session.
            // Update the app recording state and UI.
            self.setClipState(active: true)
            
            // Set up camera View.
            self.setupCameraView()
        }
    }
}

5:46 - Stop clip buffering

// Stop clip buffering

func stopClipBuffering() {
    RPScreenRecorder.shared().stopClipBuffering { error in
        if error != nil {
            print("Error attempting to stop clip buffering")
        }
        // Update the app recording state and UI.
        self.setClipState(active: false)
        
        // Tear down camera view.
        self.tearDownCameraView()
    }
}

6:13 - Export clip button

// Export clip button

@IBAction func exportClipButtonTapped(_ sender: Any) {
    // If clip buffering is active, export clip
    if self.isActive && self.getClipButton.isEnabled {
        exportClip()
    }
}

6:41 - Export clip

// Export clip

func exportClip() {
    let clipURL = getAppTempDirectory()
    let interval = TimeInterval(5)

    print("Generating clip at URL: \(clipURL)")
    RPScreenRecorder.shared().exportClip(to: clipURL, duration: interval) { error in
        if error != nil {
            print("Error attempting to export clip")
        } else {
            // No error, so save clip at URL to photos
            self.saveToPhotos(tempURL: clipURL)
        }
    }
}

正在查找特定内容？在上方输入一个主题，就能直接跳转到相应的精彩内容。