<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Screen Recordings on aitasks</title><link>https://www.aitasks.io/docs/workflows/screen-recordings/</link><description>Recent content in Screen Recordings on aitasks</description><generator>Hugo</generator><language>en</language><atom:link href="https://www.aitasks.io/docs/workflows/screen-recordings/index.xml" rel="self" type="application/rss+xml"/><item><title>Bug Report from a Recording</title><link>https://www.aitasks.io/docs/workflows/screen-recordings/bug-report/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.aitasks.io/docs/workflows/screen-recordings/bug-report/</guid><description>&lt;p&gt;Someone sends you &lt;code&gt;repro.mp4&lt;/code&gt;: a minute of tapping through an app, with something going wrong somewhere in it. This walkthrough gets you from the clip to a numbered, frame-cited account of what happened, ready to become a task.&lt;/p&gt;
&lt;h2 id="before-you-start"&gt;Before you start&lt;/h2&gt;
&lt;p&gt;A good recording makes everything below easier. Ask for touches to be shown, the screen to be still for a moment around the problem, and Do Not Disturb to be on — see &lt;a href="https://www.aitasks.io/docs/workflows/screen-recordings/recording-tips/"&gt;Recording Tips&lt;/a&gt;.&lt;/p&gt;</description></item><item><title>Animation from a Prototype Recording</title><link>https://www.aitasks.io/docs/workflows/screen-recordings/animation/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.aitasks.io/docs/workflows/screen-recordings/animation/</guid><description>&lt;p&gt;A designer sends a prototype clip, or you want to match how a competitor&amp;rsquo;s sheet slides in. &amp;ldquo;Make it feel like this&amp;rdquo; needs numbers: a duration and an easing curve. This walkthrough measures them from the recording and turns them into code.&lt;/p&gt;
&lt;h2 id="before-you-start"&gt;Before you start&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Measure from source when you can.&lt;/strong&gt; Compose Animation Preview in Android Studio, or the Animations panel in Chrome DevTools, shows the real durations and curves. A curve fitted from video is the answer when there is no source: a designer&amp;rsquo;s prototype, a competitor&amp;rsquo;s app, a production build.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;One motion per recording&lt;/strong&gt;, with the screen still for about half a second before and after it.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;60 fps or more.&lt;/strong&gt; For the most precise timing, record with animations slowed down — see &lt;a href="#slowed-capture"&gt;Slowed capture&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;More capture advice is in &lt;a href="https://www.aitasks.io/docs/workflows/screen-recordings/recording-tips/"&gt;Recording Tips&lt;/a&gt;.&lt;/p&gt;</description></item><item><title>Recording Tips</title><link>https://www.aitasks.io/docs/workflows/screen-recordings/recording-tips/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.aitasks.io/docs/workflows/screen-recordings/recording-tips/</guid><description>&lt;p&gt;A good recording beats any amount of analysis. Hand the person recording the part that fits their situation.&lt;/p&gt;
&lt;h2 id="for-any-recording"&gt;For any recording&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Keep still around the action.&lt;/strong&gt; Leave the screen still for about half a second before and after it; that gives clean start and end pictures.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;One thing per recording&lt;/strong&gt; when measuring an animation.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Turn on Do Not Disturb.&lt;/strong&gt; A notification sliding in during an animation corrupts the measurement.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Record at 60 fps or more.&lt;/strong&gt; Frame rate matters more than resolution.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Measure from source when you can.&lt;/strong&gt; Compose Animation Preview in Android Studio, and the Animations panel in Chrome DevTools, show the real durations and curves. A curve fitted from video is the fallback when there is no source.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="android"&gt;Android&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;adb shell settings put system show_touches &lt;span style="color:#0000cf;font-weight:bold"&gt;1&lt;/span&gt; &lt;span style="color:#8f5902;font-style:italic"&gt;# draw taps (bug reports)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;adb shell screenrecord --bit-rate 8M /sdcard/rec.mp4 &lt;span style="color:#8f5902;font-style:italic"&gt;# Ctrl-C to stop&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;adb pull /sdcard/rec.mp4
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;adb shell settings put system show_touches &lt;span style="color:#0000cf;font-weight:bold"&gt;0&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Length and size.&lt;/strong&gt; &lt;code&gt;screenrecord&lt;/code&gt; stops after 180 seconds by default; &lt;code&gt;--time-limit N&lt;/code&gt; sets another limit, and from Android 14 &lt;code&gt;--time-limit 0&lt;/code&gt; removes it. &lt;code&gt;--size WxH&lt;/code&gt; lowers the resolution, which is fine for bug reports.&lt;/p&gt;</description></item></channel></rss>