Support Canvas!

3-3-5. 旧編集画面での操作方法(2025年8月21日以前バージョン)

松田 VideoStepサポート • VideoStepサポートチーム松田です。2025-11-14

【概要】

VideoStep では、PC に保存済みの動画・画像を投稿に追加できます。

編集画面の「動画・画像アップロード」をクリックし、対象ファイルを選択するとアップロードされます。

スライドの追加方法

  1. 編集画面左上の「スライドを追加」をクリックします。

  2. 左側にスライドが追加されます。各スライドに動画・画像をアップロードし編集します。公開後は、複数スライドを通しで閲覧できます。

スライドの削除方法

  1. 右上にある「削除ボタン」をクリックします。

  1. すると、左下に「スライドを削除しました」と表示され、スライドが削除されます。

【概要】

スライドはドラッグ&ドロップで順序を変更できます。

スライドのドラッグハンドル(点アイコン)をつかんで、目的の位置へ移動してください。

説明動画

https://app.videostep.io/manuals/6cc8307f-7e1c-47d9-82cc-0b2cac578d67/embed

【概要】

トリム機能には、2つの機能が含まれています。

  • トリム(動画カット):冒頭や末尾の不要部分を削除

  • 分割:任意の位置で動画を2つに分ける

手順:トリム

  1. トリム」をクリック。

  2. 画面下部タイムラインの青いハンドルを左右に動かし、不要部分を調整します。

手順:分割

  1. トリム」をクリック。

  2. タイムライン上の再生ヘッド(縦線)を分割位置に合わせます。

  3. 分割」をクリック。

注意:図形文字や字幕やAI読み上げを挿入済みの場合、トリム/分割後に位置がずれることがあります。公開時に位置のずれがないかをご確認ください。

説明動画:

概要:

VideoStep では投稿タイトルスライドタイトルの2種類を設定できます。

  • 投稿タイトル:未設定の場合は「日付+時間」が自動設定されます。

  • スライドタイトル:各スライドごとに設定できます。

操作:

  • 投稿タイトル:編集画面または公開設定画面で入力・変更可能。

  • スライドタイトル:各スライドのタイトル欄に入力。

(操作画面は画像をご参照ください)

操作説明画像(各入力項目):

概要

VideoStepでは、動画の中に図形や文字を差し込んで、ポイントの書き込みを行うことが可能です。動画の中にポイントを書き込むことでより分かりやすい動画を生成することが可能になります。

挿入することの出来る図形・文字の一覧

  • テキスト(強調したい箇所の説明に使用します)

  • 楕円(強調したい箇所を囲う時に使用します)

  • 四角(強調したい箇所を囲う時に使用します)

  • 矢印(強調したい箇所を示す時に使用します)

  • 直線(直線を1本引きたい時に使います)

  • Path(直線で軌跡を作成することができます。楕円、四角以外で囲いたい時にも使えます)

  • ぼかし(動画内の一部をぼかしたいときに使用します)

  • 画像(任意の画像を挿入することが可能です。複数挿入することが可能です)

  • 消しゴム(挿入した文字や図形を削除するときに使用します)

  • 移動(挿入した文字や図形を移動するときに使用します)

説明動画

概要

字幕は手動追加AI文字起こしの2通りで作成できます。

ご注意:AI文字起こしは音声品質や話し方により誤変換が生じることがあります。生成後は必ず内容をご確認のうえ、必要に応じて修正してください。

操作手順

  • 手動で追加

    1. 画面右上の「字幕」をクリック。

    2. 画面下部にタイムライン、左側に字幕入力エリアが表示されます。

    3. 表示したいタイミングでタイムラインをクリックし、左側の入力欄にテキストを入力。

    4. 表示時間はタイムライン上で調整可能。

  • AI文字起こしを使用

    1. 左上の「AI文字起こし」をクリック。

    2. 動画音声を解析し字幕を自動生成します(所要:動画長の約半分が目安。環境により前後します)。

  • 説明動画

概要

VideoStepでは、音声AIを使用して字幕を読み上げることが可能です。 ビジネスプラン以上をご契約の場合、日本語テキストの読み上げ設定をすることで、翻訳機能を利用した際に15カ国語での読み上げが可能になります。

※「AI読み上げ」で読み上げ可能な文字数には制限があります。 詳細は以下のページをご参照ください。

操作手順

  • 説明動画

  • 操作手順

    • 画面右上の編集メニューから、上から 2 番目の「AI 読み上げ」をクリックします。

    • 設定画面の各項目は次のとおりです。

    • 字幕から読み上げを生成:字幕として設定した内容をそのまま読み上げます

    • 秒数指定:読み上げ開始の秒数を指定します。

    • 読み上げ内容の設定:②で指定した秒数から読み上げたいテキストを入力します。

    • 元の音声をキープ:   

      - ON:元の音声を残したまま AI 音声を追加   

      - OFF:元の音声を削除し AI 音声のみ再生

    • 決定:設定を確定します。

      ※ 画面右上のプレビューで元音声/AI 音声の内容を確認できます。

(2024年8月21日更新)2024年8月9日のアップデートにより、読み上げ音声の種類をリストから選択できるようになりました。

VideoStep の AI 読み上げは SSML(Speech Synthesis Markup Language)に対応しています。SSML を使って読み上げ速度を調整できます。※ 音声選択機能(男性 A/B ボイス切替)と SSML 設定は同時利用できません。

操作手順

  1. AI読み上げ設定画面にて、文章の最初と最後を <speak> </speak> で囲みます。

Plaintext
<speak>
手袋を装着し、インパクトドライバーのビットを交換します。
</speak>
  1. 速度を変えたい箇所を <prosody rate="200%"></prosody> で囲みます。 ※ 200% は 2 倍速、150% は 1.5 倍速を意味します。

Plaintext
<speak>
  <prosody rate="200%">
    手袋を装着し、インパクトドライバーのビットを交換します。
  </prosody>
</speak>

(応用)開始秒の指定と併用する例

Plaintext
<speak>
  <par>
    <media begin="2.0s">
      <prosody rate="200%">こんにちは</prosody>
    </media>
  </par>
</speak>

文章の間に任意の間隔を挿入できます。※ 音声選択機能(男性A/Bボイスへの切り替え機能)と SSML の同時利用は不可。

操作手順

  1. AI読み上げ設定画面にて、文章全体を <speak> </speak> で囲みます。

Plaintext
<speak>
{読み上げたい文章}
</speak>
  1. 間を空けたい位置に <break time="2s"/> を挿入します(例:2 秒)。

Plaintext
<speak>
こんにちは。<break time="2s"/>私は、たけつぐです。
</speak>

VideoStep の AI 音声読み上げは SSML(Speech Synthesis Markup Language) に対応しています。SSML タグで言語・声質・アクセントなどを指定することで、翻訳を介さず原文どおりに読み上げ可能です。例(英語):

Plaintext
<speak xml:lang="en-US">
Hello, this is a sample.
</speak>

主な言語コード一覧(例)

言語

コード

アフリカーンス語(南アフリカ)

af-ZA

アラビア語

ar-XA

バスク語(スペイン)

eu-ES

ベンガル語(インド)

bn-IN

ブルガリア語(ブルガリア)

bg-BG

カタルーニャ語(スペイン)

ca-ES

中国語(香港)

yue-HK

チェコ語(チェコ共和国)

cs-CZ

デンマーク語(デンマーク)

da-DK

オランダ語(ベルギー)

nl-BE

オランダ語(オランダ)

nl-NL

英語(オーストラリア)

en-AU

英語(インド)

en-IN

英語(イギリス)

en-GB

英語(米国)

en-US

フィリピン語(フィリピン)

fil-PH

フィンランド語(フィンランド)

fi-FI

フランス語(カナダ)

fr-CA

フランス語(フランス)

fr-FR

ガリシア語(スペイン)

gl-ES

ドイツ語(ドイツ)

de-DE

ギリシャ語(ギリシャ)

el-GR

グジャラト語(インド)

gu-IN

ヘブライ語(イスラエル)

he-IL

ヒンディー語(インド)

hi-IN

ハンガリー語(ハンガリー)

hu-HU

アイスランド語(アイスランド)

is-IS

インドネシア語(インドネシア)

id-ID

イタリア語(イタリア)

it-IT

日本語(日本)

ja-JP

カンナダ語(インド)

kn-IN

韓国語(韓国)

ko-KR

ラトビア語(ラトビア)

lv-LV

リトアニア語(リトアニア)

lt-LT

マレー語(マレーシア)

ms-MY

マラヤーラム語(インド)

ml-IN

標準中国語

cmn-CN

標準中国語

cmn-TW

マラーティー語(インド)

mr-IN

ノルウェー語(ノルウェー)

nb-NO

ポーランド語(ポーランド)

pl-PL

ポルトガル語(ブラジル)

pt-BR

ポルトガル語(ポルトガル)

pt-PT

パンジャブ語(インド)

pa-IN

ルーマニア語(ルーマニア)

ro-RO

ロシア語(ロシア)

ru-RU

セルビア語(キリル)

sr-RS

スロバキア語(スロバキア)

sk-SK

スペイン語(スペイン)

es-ES

スペイン語(米国)

es-US

スウェーデン語(スウェーデン)

sv-SE

タミル語(インド)

ta-IN

タイ語(タイ)

th-TH

トルコ語(トルコ)

tr-TR

ウクライナ語(ウクライナ)

uk-UA

ベトナム語(ベトナム)

vi-VN

概要動画内の任意シーンを静止画として切り出せます。

操作手順:

  1. 編集画面の「画像を切り出し」をクリック。

  2. 画面下部の再生ヘッドを切り出したい位置へ移動。

  3. 切り出し」をクリック。

  4. 左下に「動画から画像を切り出しました」と表示され、画像スライドが追加されます

    1. 追加された画像スライドの既定表示時間は 5 秒です。

    2. スライド番号横の秒数で表示時間を変更できます。

    3. AI 読み上げが設定されている場合は、読み上げの長さがスライドの長さになります(この場合、秒数の直接指定はできません)

【概要】

VideoStepの編集画面に下記のようにスライドの一覧が表示されており、スライドのサムネイルは動画のアップロード時に自動的に設定されます。

サムネイル設定によってスライド別にどのような作業をしているかが一目で分かりやすくなるほか、投稿の情報をPDFで出力する 際にも併せて仕様するケースが多いです。

スライドサムネイルは編集画面左側に縦で並びます。

操作手順については、下記の動画をご覧ください。

https://app.videostep.io/manuals/87e1bc25-62b5-405d-87c3-74e9dbfec736/embed

概要

下記のページ順で、公開設定の方法についてご説明しております。

■ 投稿タイトル

視聴者にとって内容がわかりやすいように、 動画の主題や目的を一目で伝えるタイトルを入力します。

■ 説明

動画の概要や補足情報、視聴時の注意点などを記載します。 視聴前に内容を把握してもらうための欄です。クリップマークから、各種ファイルを添付することが可能です。

■ 改訂内容

動画を更新した場合、その修正点や追加内容を記入します。 履歴管理や再視聴時の参考になります。

■ フォルダ

動画の保存先となるフォルダを選択します。チームや用途ごとに整理することで、 視聴者が探しやすくなります。

■ タグ

動画に関連するキーワードを設定します。タグを使うことで、後から検索しやすくなり、視聴者が目的の動画を見つけやすくなります。例:「点検」「新入社員向け」「安全教育」など。 設定手順の詳細は、下記の「タグ機能の使い方」をご覧ください。

■ メール通知先

動画の公開時に通知メールを送りたい相手のメールアドレスを入力します。 チーム内での共有をスムーズにし、公開直後に確認してもらうことができます。 設定手順の詳細は、下記の「メール通知先指定機能」をご覧ください。

■ サムネイル

サムネイルとは、ホーム画面で表示される投稿の「表紙画像」にあたるものです。 投稿された動画のサムネイルを自由に変更することが可能です。 設定手順の詳細は、下記の「サムネイルの設定方法」をご覧ください。

■ 公開/承認申請方法

公開設定を行い、他のユーザーでも見られるように投稿を共有します

または、承認申請を行い、動画内容を上長に確認いただきます。

【概要】

VideoStepで一度作成した投稿は、再度編集することが可能です。

【操作説明】

  1. 投稿の閲覧画面に下部にある、「編集」をクリックする。

  1. すると、編集画面に移動します。再度編集を行うことが可能です。