在带有触摸指示器且无光标的设备或模拟器上录制 iOS 应用程序的视频

Posted

技术标签:

【中文标题】在带有触摸指示器且无光标的设备或模拟器上录制 iOS 应用程序的视频【英文标题】:record video of iOS app on either device or simulator with touch indicator and without cursor 【发布时间】:2019-09-15 15:49:26 【问题描述】:

我想为我的网站录制我的应用视频。我希望它看起来很专业,带有触摸指示器来显示触摸,但没有光标和辅助触摸指示器。

我知道有使用终端或快速时间甚至设备上的屏幕记录的解决方案。但是我还没有找到任何特定的解决方案可以让我显示屏幕触摸而不是光标。

理想情况下,最好的办法是将其记录在模拟器上,并用一个触摸指示器表示光标,按下时该指示器会突出显示。

任何专业的解决方案也会很好。我可以访问所有 adobe 应用程序。

【问题讨论】:

Premiere pro + EDIT... 您将如何编辑 Premiere Pro 来做到这一点?我曾尝试在 Premiere Pro 中打开我的视频,但不确定您的意思。你的意思是手动创建和添加推送?那很乏味。想知道是否有更简单的方法。 乏味?取决于您对 Pro 的了解程度.. 过渡易于使用,可以消除光标,但可以轻松显示屏幕之间的移动... 我一点也不精通它,但如果我能删除对我来说足够的光标 youtube 吧,真的没那么难。不时交叉淡入淡出..就是这样。您可以使用底部的“滚动条”在 Premiere Pro 中缩放时间线 【参考方案1】:

不是最好的解决方案,但我以 UIApplication 的子类的黑客方式做到了,并覆盖了 sendEvent(_:) 函数。该函数捕获UITouch 对象并让您访问触摸点。然后在函数中,您可以画一个圆圈或使用 UIImage 来指示触摸点,并在 1 或 2 秒后将其动画化。

示例代码:

class MyApplication: UIApplication 
    override func sendEvent(_ event: UIEvent) 
        super.sendEvent(event)
        for touch in event.allTouches ?? [] where touch.phase == .ended 
            guard let view = touch.view else  continue 
            let center = touch.location(in: view)
            // You can draw a center using `UIBezierPath` or attach an UIImage to the UIView at this point
        
    

【讨论】:

【参考方案2】:

有很多apps 可用于捕获您的应用程序,包括 ScreenCam 或 YouTube Gaming,但兼容性成功可能取决于您的手机是 ios 还是 android

如果您想展示您的应用程序可以是什么但不显示光标,您可以 a) 录制视频并对其进行编辑,或者 b) 截取屏幕截图并使用过渡将两者融合在一起。 您可以使用 Adob​​e PremierePro 来执行任一操作。可以在'Video effects' 下找到交叉淡入淡出过渡。指定过渡的长度 - 对于视频,这将是开始时间(光标之前)和结束时间(光标之后)。

如果您是从静止图像中创作视频,您可以将静止图像拖出几秒钟,然后在其间添加过渡,从而延长静止图像的持续时间。

如果您想更具体地了解您的开始时间,您可以通过调整时间线底部的栏来'zoom in'您的时间线。

祝你好运!

【讨论】:

以上是关于在带有触摸指示器且无光标的设备或模拟器上录制 iOS 应用程序的视频的主要内容,如果未能解决你的问题,请参考以下文章

iOS 13.4 模拟器捕获光标问题

将 iOS 设备上的触摸发送到另一个 UIScreen(外部显示器)

带有触摸功能的 Windows 7 上的 WPF:隐藏触摸光标

录制的音频无法在设备上播放,但不能在 iOS 模拟器上播放

IOS 6视图旋转问题[重复]

在 Android 设备或模拟器上查看时,Sencha 触摸应用程序仍处于蓝色加载屏幕