Share video link

Studio1 videos are meant to be put on your website, in your help center or directly in your webapp.

Sometimes you just want to send a video link directly to a customer or a coworker though.

This is now possible with the new Share functionality on the Publish page:

publish

Just navigate to a video, click the Publish tab and then click Copy link. You can paste this link into an email or a chat client.

When the link is clicked, the receiver will see a page containing the video, your logo and the video's name. See example

Drag and drop file actions

In November, we added support for selecting files in file inputs.

Some webapps also support dragging and dropping of files when uploading. As of today, Studio1 can do that, too!

You'll find the new action under the Add action button on the Manuscript page. It looks like this:

drag-and-drop-file

First, you tell it which files to select by uploading the actual files into Studio1. Next, you tell it which element to drag and drop the files to.

When your video is rendered, Studio1 will show a file selector, select the files and drag and drop them to the drop zone.

Here's a demo video of what it looks like when rendered:

Support for custom screen resolutions

Until now, all Studio1 videos were recorded with a resolution of 1280 x 800 pixels.

As of today it's possible to choose your own screen resolution.

To see how to use it, check out this video (with a resolution of 1280 x 720, or 16:9 format):

Read more about screen resolutions in our support article about Video settings.

It's been quiet on the blog since December. Don't worry; we've been staying busy! We have a few new features hidden behind feature flags and several unannounced improvements. Expect more announcement over the next weeks.

December 2018 newsletter

This is a repost of the newsletter we sent out on December 6th.

We're excited to tell you about what we've been up to lately.

Since we launched our video screencast automation solution a little over a month ago, we’ve had a fantastic reception. Thank you for the amazing feedback!

We’ve added a bunch of highly-requested features, which make it possible to create even more kinds of screencast videos with Studio1.

There is more exciting news coming up soon! We're working on adding a second product to our offering. Something that will complement well with videos, but more... interactive. Stay tuned.

Read about the new features below, or sign in to your account to check them out.

11 new synthetic voice languages

Studio1 now speaks a total of 12 languages: Danish, Dutch, English (Australia), English (UK), English (US), French, German, Italian, Japanese, Korean, Swedish, Turkish.

Voices

Just type your desired voice-over into Studio1, and you immediately get almost-human-sounding voice-over for your videos. Read more in the blog post

Remember that you can also record your own voice, if you prefer a real human voice.

Select and upload files

Using our new Select file action, you can easily select and upload files in your screencast videos. Read more in the blog post

select-file

Keyboard shortcuts

You can now add Press key actions to your manuscripts. It works seamlessly with Live Manuscript. Example: Focus the Email field in a sign in form and press Tab to go to the Password field. Read more in the blog post

press-key

Drag and drop

Using the Mouse down, Move mouse and Mouse up actions you can now perform drag and drop operations in your videos. Read more

Double-click and right-click

Some apps use double-clicks and right-clicks. No problem! Studio1 supports that now.

Respond to dialogs

You can now tell Studio1 to respond OK or Cancel to native browser dialogs (JavaScript dialogs) using Respond to dialog actions.

New synthetic voice languages

Today we're adding support for 11 new languages. Check this example video:

List of new languages

Language Number of voices
Danish 1
Dutch 1
English (Australia) 4
English (UK) 4
French 4
German 4
Italian 1
Japanese 1
Korean 1
Swedish 1
Turkish 1

This is in addition to the 6 English (US) voices we already have.

How to use

You choose your language using the combobox next to the Standard voices header under Settings -> Synthetic voices.

You can adjust the voices' speed and pitch, and save as a custom voice.

After picking your favorite voice, use the three-dot menu in the top-right to set it as your default voice. This way it will automatically be picked when you create new videos.

Read more about synthetic voices

Select file actions

You can now add Select file actions to your screencast manuscripts. It lets you upload files in your screencasts.

The new action can be found under the More menu in the Add segment bar. It looks like this:

select-file

First, you tell it which files to select by uploading the actual files into Studio1. Next, you tell it which file input to select the files in.

When your video is rendered, Studio1 will move the mouse to the file input, show a file selector and select the files.

We made an example video with Studio1 using Select file actions of how to use Select file actions in Studio1.

select-file-meme

Yes, we love a little video-ception. Anyway, here goes:

Select file actions work seamlessly in Live Manuscript. When you click a file input, a dialog appears, in which you can upload the files to select.

Known limitations

There are 2 technical limitations to Select file actions:

  • File input elements (<input type="file">) must be either:
    • Visible (i.e. we can click the input element directly).
    • Hidden and be contained inside a <label> element.
    • Hidden and the page contains a <label for="input-id">, where input-id points to the file input.
  • File inputs inside iframes are currently not supported.

Please get in touch if you have use cases that require solutions for any of these limitations.

What's next?

The next important feature we'll be adding, is more synthetic voice languages: English (UK), English (Australia), German, French, Swedish, Turkish, Japanese, Dutch, Italian, Korean.

Stay updated by following @studio1io on Twitter.

Double-click and Press key actions

We've added two highly-requested new screencast actions: Double-click and Press key.

Double-click actions don't need much of an introduction. They're just like regular Click actions, except they double-click. Some users need this for spreadsheet-like UIs where you double-click to enter a cell.

double-click

Press key actions instruct Studio1 to press a single key. You can optionally use a combination of modifier keys (Shift, Control, Alt and Command). There are two popular use cases for Press key actions:

  • Navigating forms. After clicking into and filling in one field, sometimes it looks a bit smoother in videos to just tab to the next field, instead of having Studio1 move the mouse to and click each field.
  • Grid-like or spreadsheet-like UIs where you use arrow, Enter and Tab keys to navigate between cells across rows and columns.

press-key

They both work seamlessly with Live Manuscript. If you double-click an element, a Double-click action will be added to your manuscript instead of a regular Click action. If you press a key while the remote browser is focused and you're not already typing into an input field, a Press key action will be added to your manuscript.

The next action we expect to deliver is the ability to upload files.

Stay updated by following @studio1io on Twitter.

Announcing Studio1

After running in private beta since July, we are incredibly excited to launch Studio1 publicly.

Studio1 is the first-ever solution to automate screencast videos for customer support, marketing and sales.

Studio1

We all know how frustrating it can be to create your own screencast recordings. Moving your mouse smoothly and avoiding typos is nearly impossible. The pace is never quite right without a lot of complicated video editing. Recording your own voice is intimidating for many. If you do try, you often end up with mumbling, coughing, background noise and mouth-breathing. Outsourcing professional speech is great, but expensive, and prevents you from easily changing the voice-over later. Let's not even talk about how many videos get out-dated when your software evolves and nobody has the time to re-record them all over again. Great customer support entails keeping learning materials updated with the latest features.

Studio1 changes all this.

In Studio1, maintaining high quality videos for your customers is easy and fun.

Instead of recording your own screen, you build a manuscript in Studio1 using simple text. The manuscript consists of actions such as "Go to", "Click" and "Type". To get voice-over for your video, you simply write what you want it to say, and Studio1 synthesizes speech immidiately. You can also record your own voice using your microphone. To render a video, you simply click a button, and Studio1 does it all for you by repeating the actions you added and overlaying the voice-over.

Here's our explainer video (it's of course made with Studio1):

Read more about our product, or create an account today.

Wait actions

We've added two new video actions today, which can help make the timing of your manuscripts even better.

You can add them to your manuscript using the More button in the Add action bar:

More button

This menu then opens:

Add action menu

Wait for element to appear

Studio1 will usually wait for the webpage to settle before performing the next action. This includes waiting for requests to finish and the browser not being busy.

Sometimes your webpage may do some work in the background, which Studio1 cannot detect.

In this case you can now use the "Wait for element" action to tell Studio1 to wait until an element with the given text is found.

Here's an example where we wait for the webpage to display the text "Rendering complete" before continuing:

Wait for element

Wait (seconds)

Other times you just want Studio1 to wait a fixed amount of time. For this purpose, use the "Wait (seconds)" action, and tell Studio1 how many seconds we should wait:

Wait duration

Iframe support

Today we're adding support for a frequent feature request: iframe support.

Previously, Studio1 couldn't interact with iframes at all. It works completely seamless now - you don't even have to know that your web app/website uses iframes.

Introducing Live Manuscript

I'm incredibly excited to announce that we launched Live Manuscript today.

With Live Manuscript, you control a remote browser directly from within Studio1. As you click your mouse and type with your keyboard, Studio1 tracks your actions and add them to the manuscript.

This way the actions can be performed again later when you actually render the video.

It truly makes creating manuscripts a breeze.

To start using Live Manuscript, simply open one of your videos in Studio1 and click the "Open Live Manuscript" button.

Here's a quick video showcasing how to use Live Manuscript:

Besides creating new manuscripts, Live Manuscript is also handy to use when troubleshooting existing videos. Say for example that one of your button labels have changed and a video rendering fails. Open Live Manuscript and click the play icon. Studio1 will perform each action while you get to watch what happens live. Once it hits the failed action, you can inspect what the problem is.

Microphone voice-over recordings

Today we're adding support for recording your own voice-over directly in Studio1 using your microphone.

How to use

The Change Voice Dialog now has three tabs in the top:

  • Synthetic voice. The one you already know.
  • Microphone recording. Allows you to record audio using your microphone.
  • Upload recording. Allows you to upload files from your computer.

Change voice dialog

After you pick "Microhone recording", a microphone button appears below the voice-over textarea. Click it to start recording your voice. Click the stop button when you're done.

Microphone button

Studio1 will automatically trim silence at the beginning and end of your recording. This makes it easy to match your voice-over with the actions performed in the video.

Preview

Here's a Studio1 video showing how to use microphone recordings (we - of course - used microphone recordings to create it):

Microphone recording tips

  • Use a good microphone. Laptop microphones are not good enough. We can recommend the Blue Yeti - that's what the above video was recorded with.
  • Make sure you're in a quiet room.
  • Make sure the room doesn't have too much echo.
  • Make sure you're not making any small sounds in the background, e.g. hitting the table or moving your chair.

Start creating videos today

This should explain a bit more about what Studio1 is since people may come here just for the blog.