シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
注目記事ピックアップ
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
share0
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
share0
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
share0
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
今すぐスマホを「リモコン」代わりに遊べる厳選Webアプリが、盛り上がること間違いなし!
share0
今すぐスマホを「リモコン」代わりに遊べる厳選Webアプリが、盛り上がること間違いなし!
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
share0
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
HTML5アプリをChromeアプリに爆速変換できる「Monaca」のビルド能力がスゴイ件!
share0
HTML5アプリをChromeアプリに爆速変換できる「Monaca」のビルド能力がスゴイ件!
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
share0
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
share0
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
share0
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
Webサービス
2015/06/30 21:10

YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!

videopath_01 どうも、まさとらん(@0310lan)です!

みなさんは、YouTubeで動画をよく見ますか?

動画コンテンツは、動きのある映像を見ている時は良いのですが、じっくりと文章や画像で知りたいケースもあると思います。

そんな多彩なコンテンツを、1本の動画に融合できる便利なWebサービスがあるのでご紹介しようと思います!

【 videopath 】
videopath_02

どんな動画が作れるの?
「videopath」を簡単に説明すると、動画のタイムラインと連動した「ボタン」を擬似的に設置できるサービスとなります。

そして、そのボタンはクリックすることで、Webページや別の動画などを表示できるインタラクティブなコンテンツとして機能するのです!


例えば、「videopath」の公式サイトにあるデモ動画を見てみましょう。


上記動画を再生して、マウスを動画内に近づけると、擬似的なタイムラインが左側に配置されているのが分かります。
videopath_03 ボタンは動画と連動しているので、任意の再生ポイントまで来たらボタンが強調表示されるのでクリックしてみましょう!


すると、動画だけでは伝えにくいデータを、グラフにして表示したり…、
videopath_04

関連する「facebookページ」や「twitterタイムライン」などの最新情報を見たり…、
videopath_05

動画を見ている画面内で、ユーザーに見せたい別の動画を表示したり…、
videopath_06

Webサービスの紹介動画であれば、そのまま「登録ページ」を表示させることも可能です!
videopath_07 このように、従来の動画コンテンツでは出来なかった機能を多数搭載しているのが特徴で、基本サービスはすべて無料で提供されています。


「videopath」の使い方!
それでは、実際にどうやって多機能な動画を作るのか、「videopath」を使いながらご紹介してみようと思います。

まずは、サイトにアクセスして無料のユーザー登録を済ませたら、自分専用のマイページを表示させましょう。
videopath_08

「CREATE NEW PROJECT」ボタンをクリックして、任意の「YouTube動画URL」をコピペします。
videopath_09 (※今回はサンプルとして、バスケットボールの動画で試しました…)


動画の読み込みが完了したら、メインの編集画面が表示されます。
videopath_10 ここで、さまざまなコンテンツを動画に挿入できるようになるわけです。


サンプルとして、任意の再生ポイントで「Webページ」を表示させるコンテンツを作ってみましょう!

そこで、左側にある「オレンジ色のバー」を、タイムラインの任意のポイントまでドラッグします。
videopath_11

すると、コンテンツ挿入画面が表示されます。
videopath_12

あとは、挿入したい写真、動画、Webページなどを、ドラッグ&ドロップするだけです!
videopath_13

Webページを挿入する場合は、挿入したいページのURLを入力すればOK!
videopath_14

こんな感じで、自動的に表示してくれます。
videopath_15 確認後に、SAVEボタンをクリックするのを忘れないようにしましょう。


画面右下にある「PREVIEW」ボタンをクリックします。
videopath_16

するとプレビュー表示になるので、再生して任意のポイントに来たらクリックしてみましょう。
videopath_17

ボタンをクリックして、先ほど設定したWebページが表示されたら成功です!
videopath_18 このように、とても簡単な方法で動画内に好きなコンテンツを追加できるわけです。


Webページ以外にも、YouTube動画やSoundCloudの音声も、URLを指定するだけで挿入可能です。
videopath_19

テキストと写真を組み合わせることで、ミニブログ的なコンテンツを挿入できたり…、
videopath_20

SNSアカウント名を入力するだけで、最新の投稿を表示してみたり…、
videopath_21

擬似ボタンを作成して、ユーザーがクリックしたら任意のWebページへ飛ばすような仕掛けを作ることも可能!
videopath_22

ある程度、動画作りが完成したら「PUBLISH」ボタンをクリック!
videopath_23 すると、動画の書き出しが始まり、世界中に公開できるようになります。

あとは、「埋め込みタグ」をブログやサイトに貼り付ければ、どこにでも作った動画を公開することができるわけです。
videopath_24

まだあるこんな機能たち!
「videopath」には、他にも便利な機能が用意されています。

例えば、再生プレイヤーを自分好みにカスタマイズできるように、カラーの配色選択ができるようになっていたり…、
videopath_25

ブログなどに動画を埋め込んだ時に、自分の好きなサムネイル画像を表示できるように、画像をアップロードできたり…、
videopath_26

いつ、どのような人が、動画を見てくれたのかを、詳しく解析できる「アナリティクス機能」も用意されています!
videopath_27 このような機能も合わせて有効活用すれば、より自分らしい多機能な動画コンテンツを制作できるようになるでしょう。


おまけ
今回の「videopath」と合わせて活用すると、さらに素敵なコンテンツ作りができそうなWebサービスも一緒にご紹介しておきます!

【動画の「人物・背景」に広告を埋め込む新技術「cinematique」がヤバ過ぎ。タッチで購入も可能!】
videopath_28 動画を見ていて、登場人物が身に付けている洋服やカバンなどが欲しいと思ったことはありませんか?

そんな時に、そのまま動画内の欲しいアイテムをタッチするだけで、自分のマイページに商品を保存できるようになるのが、このサービスの面白いところ。

マイページから、タッチした商品を購入することもできるようになります。

新しい動画技術に興味のある方は、ぜひ参考にしてみてください!


まとめ
今後は、見るだけの動画よりも、インタラクティブな体験ができる動画コンテンツが活発になっていくような気がしています。

過去にも、アプギガでは「WIREWAX」や「Interlude.fm」など、動画に多彩な機能を追加して、ユーザーに提供する価値を高めるサービスをご紹介してきました。

恐らく、今後はYouTubeも何らかの付加価値を搭載してくると思われるので、まずは今回ご紹介したようなサービスを使って、インタラクティブな動画体験をしてみてはいかがでしょうか。


<参考>
「videopath」公式サイト



wirtten by まさとらん

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る