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

アプギガトップ > Webサービス > 今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
注目記事ピックアップ
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
share0
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
share0
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2017/08/09 18:40

今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!

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

今回は、PC1台あれば面倒な機材不要で、誰でも今すぐ本格的な生放送のライブ配信が楽しめる無料のWebサービスをご紹介します!

YouTubeやTwitch・Facebookなど、いくつかのプラットフォームと連携して自撮りやPC画面を配信できるうえ、その映像にテキストや画像などさまざまなコンテンツを自由に重ねることも可能です!

【 Lightstream 】
lightstream-02

「Lightstream」の使い方!

それでは、実際に「Lightstream」を使いながら、どのようなサービスなのかを詳しく見ていきましょう!

まず最初に、サイトのトップページにあるボタンをクリックします。
lightstream-03

ライブ配信を行いたいプラットフォームを選択しましょう!
lightstream-04 今回は、試しに「Twitch」を選んでみます。

初回のみ、認証画面が表示されるので連携ボタンをクリックしておきましょう。


すると、本格的な編集が可能な「ライブ配信エディタ」が表示されます!
lightstream-05 この画面上で、さまざまなライブ配信を実行したり、複数の映像を切り替えるようなことも可能になります。


ライブ配信をしてみよう!

次に、PC搭載のWebカメラを使って簡単な「ライブ配信」を試してみましょう!

「ライブ配信エディタ」を表示して、「+」アイコンから「Webcam」の項目をクリックします。
lightstream-06

すると、Webカメラの映像が表示されるので、左側のメニューに写っている映像をクリックして選択しておきます。
lightstream-07

次に、生放送らしくするために「ロゴ画像」を重ねてみましょう!

先ほどと同じように「+」アイコンから「Image」の項目をクリックします。
lightstream-08

自分のPCやクラウドから画像をアップロードしても良いのですが、今回はすでに用意されている「Lightstream」のロゴ画像を使ってみましょう。
lightstream-09

画像を選択すると、先ほどのWebカメラの映像に重ねて表示されるので、位置や大きさなどを自由に調整します。
lightstream-10

他にも、ゲーム画面などを挿入してロゴやカメラのサイズを調整すれば、自由に画面構成を組み立てられるので便利です!
lightstream-11 (Windows / Mac向けソフトをインストールするとさらに自由度が高くなります…)


準備が整ったら、あとは「GO LIVE」ボタンをクリックするだけでライブ配信が行われます!
lightstream-12

ライブ配信が始まると、配信先の映像リンクが通知されるのでクリックしてみましょう。
lightstream-13

すると、見事に「Twitch」でライブ配信が行われているのが分かります!
lightstream-14 同じ要領で、YouTubeやFacebookなどのプラットフォームにも配信することが出来るのでかなり便利です。


ぜひ活用したい便利な機能たち!

「Lightstream」には、ライブ配信を行う上で便利な機能がいくつか搭載されているので、特にオススメのモノをピックアップしてご紹介しておきます!


例えば、「Twitch」などのプラットフォームでは、チャットによるコミュニケーション機能が用意されていますが、これをエディタの画面上で行うことが可能です。
lightstream-15 これにより、わざわざ配信先のサイトを確認しなくてもチャットが行えるので、とても効率が良いと思います。


また、プラットフォームのチャンネル切り替えもクリック操作で簡単に実現します!
lightstream-16 フレームレートの切り替えも画面上で行えるのは魅力的でしょう。


冒頭で、映像やロゴ画像などを重ねて配信しましたが、他にも編集可能なテキストや過去に録画していた映像なども一緒に重ねることができます。
lightstream-17 まるでPhotoshopのレイヤー構造みたいに、好きなコンテンツをどんどん追加していけるのでかなり自由度の高い配信映像を構築することが出来るわけです。


さらに、複数の画面を作成することが可能なので、まったく違う映像をリアルタイムに切り替えながら配信することも可能です!
lightstream-18 これにより、テレビの放送局みたいに複数の番組を切り替えて配信できるので、自分だけの番組表を作って楽しむのも面白いと思います。

また、「ライブ配信エディタ」は複数人で共同管理することも可能なので、ある程度の規模の番組制作も実現できるポテンシャルを秘めています。


まとめ

今回は、「Lightstream」の基本的な機能を駆け足でご紹介しましたが、これだけ簡単に本格的なライブ配信ができるサービスは珍しいと思います。

まだ始まったばかりのサービスなので、今後も機能拡張などさまざまなバージョンアップが行われていくと思いますが、今回ご紹介したような基本的な機能は無料で利用できるそうです。

ライブ配信にご興味ある方は、ぜひ気軽に試してみてください!


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



written by まさとらん(@0310lan

まさとらん

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

twitter:0310lan

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

ページトップへ戻る