今回のゲストは
078KOBE 2020 INTERACTIVE部門….のみならず、全体の配信を支えた司令官・中川哲光さん、そして「オフライン x オンライン 」への挑戦はこの人なくてあり得なかった…オデカケ企画の立役者・西館聖哉さんです！

進行は、INTERACTIVE運営マネジメントの薬師寺 秀樹さんがお送りします。

大盛況のうちに幕を閉じた078KOBE2020の舞台裏を支え続けた配信Techチームからキーパーソンとなる2名迎え、技術的な面や体制的な面など「どうやって配信してたの？」という点に着目しつつ、一般的には語られない裏側をご紹介します！

★皆さんからの応援コメントや質問など是非是非ご投稿ください！★

今回の078KOBE ONLINEでは、都合総勢のべ60名以上の方にご登壇いただきました。ご登壇いただいた方がすべてこの手のIT系のサービスに精通しているわけではありませんし、SteamYardはあまり知られていなかったため「StreamYardって何？」「なんかインストールいるの？」「どうやって入るの？」などなど、登壇していただく方々から出てくると想像されるわけです。そういった質問に対する想定問答集でもありますが、あらかじめガイドを用意しておいた方が良いだろう、ということで用意したのがこの「登壇者様向けガイド」です。オフライン（リアル）開催の際にも、「手引き」を用意することが多いと思います。「13時前でに受付にお越しください。その後控え室にご案内します。駐車場はありませんので公共交通機関でお越しください云々。」的な。そのStreamYard特化版だとお考えいただくと良い思います。

ということで、当時登壇者の皆さんに共有したほぼそのままで公開しちゃいます。

お役に立てればうれしいので、ご自由にお使いください。→　ライセンスフリー

書いてある内容のかなりの部分は、StreamYardのFAQ（英語）を読んでいただければだいたい解決します。

【078KOBE ONLINE】登壇者様ガイド

はじめに

この度はご登壇いただきありがとうございます。078KOBE ONLINEは、streamyardというシステムを使って、078KOBEのYouTubeチャンネル、Facebookページを通して、全世界のみなさんにみなさんのトークをお届けすることとなりました。こちらをご確認の上、ご準備ください。

開催概要

• 2020年　5月2日(土) 12:00-19:00、5月3日(日) 10:00-19:00

開催概要

078KOBE ONLINEは、078TV（YouTube Live）で配信します。 ※　時間やプログラムなど…

2020online.078kobe.jp

配信先

• YouTubeチャンネル：https://www.youtube.com/078kobe
• Facebookページ：https://www.facebook.com/078kobe

streamyardとは

第三者の方のブログですが、参考になりますのでご興味のある方はご覧ください。

Facebookライブをリッチに差別化できるStream Yardとは

2020年、日本でも5Gが一般向けにサービスが開始されることもあり、Facebookライブに参集している起業家さんがたくさん増えてきました。個人的な感想ですが、2019年はFaceb…

marketinghero.jp

入り口と集合時間

各セッションの10分前までに、下のリンクよりSteamyardにお入りください。

Day1（5月2日（土））ご登壇の方	https://streamyard.com/xxxxx
Day2（5月3日（日））ご登壇の方	https://streamyard.com/xxxxx

プログラム

各セッションの時間帯はタイムテーブルよりご確認ください。

タイムテーブル

Time Title 出演

2020online.078kobe.jp

準備

アプリなどのダウンロードは不要です。以下のものをご準備ください。

• カメラとマイクのついたノートパソコン、もしくはデスクトップパソコン
• 最新版のChromeかFirefox
• 高速なインターネット環境
  • もし可能なら有線での接続がおすすめです。
• イヤホンマイクやヘッドホンがあると、ハウリングやエコーの予防になります。

ノートパソコンやデスクトップパソコンをお持ちでない場合

• スマホからでも参加可能です。
• Androidの場合はChrome、iOSの場合はsafariをお使いください。

参加する

時間になったら、以下のステップにしたがって、スタジオにお入りください。

1. ホスト（078KOBE）からスタジオに入るリンクをお送りしますので、そちらをクリックしてください。するとスタジオに入ります。
2. StreamYardにカメラとマイクのアクセスを許可してください。
3. カメラとマイクが正しいか確認してください。
4. 表示名を入力してください。
   • 画面に表示される名前になりますので、わかりやすい表記をお願いします。
   • お立場がセッション内容に関連する場合は、お立場がわかるとよいと思います。（差し支えない範囲で結構です。）
     • 例）
     • 吉田茂｜内閣総理大臣
     • 勝海舟｜陸軍総裁、勝麟太郎｜咸臨丸船長
     • 坂本龍馬｜土佐藩脱藩浪士、坂本龍馬｜亀山社中
5. スタジオに入ります。
6. ご登壇のタイミングになるまでは配信の画面には登場しませんので、ご安心ください。ご登壇の際に、ホスト側が登場するよう設定を変更します。

画面シェア

プレゼンの際には、画面シェア（Screen Share）使ってスライドや動画、pdfファイルなどを表示させることができます。

画面シェアの方法

1. 画面の下に、ツールバーがあり、その中に「Share Screen」というボタンがあります。
2. Tipsが別ウィンドウが立ち上がることがあります。青い「Share Screen」ボタンをクリックしてください。
3. 別ウィンドウで3つのオプションが表示されます：
   1. 全画面（Entire Screen）：画面全体が共有されます。
   2. アプリケーションウィンドウ：特定のアプリケーションのみ共有されます。power pointやKeynoteの画面を共有する場合はこちらを選択してください。
   3. Chrome Tabs：クロームの特定のタブのみが共有されます。

画面シェアの際の留意点など

パワーポイント・Keynoteなどのシェアについて

あらかじめ「スライドショー」にしておいていただくとスムーズかと思います。ただ、スライドショーモードにしてしまうと画面が占拠されてしまうと思いますので、スライドショー中はStreamyardの画面が見えないことになりますので、あらかじめご了解のほどお願いいたします。※　Macの場合は複数のデスクトップを用意することで回避できます。

音声も共有する場合（Chromeタブ限定）

共有する際に、左下に「Share Audio」のチェックボックスがあるので、こちらにチェックを入れてください。

• 音声の共有ができるのはChromeタブを選択した場合のみのようです。
• 動画ファイルなどを共有する場合は、Chromeでmp4など動画・音声ファイルを開き、そのタブを共有してください。
• パワーポイント、keynoteなど他のアプリケーションの場合は音声が出せないようです。あらかじめご相談ください。

ScreenShareができない場合

PowerPointなどの資料を画面共有する際、このようなアラートが出て上手くいかないことがあります。

上記アラートが出た際には、ご自身のマシンの設定をご確認ください。アラート内の”Follow these steps”をクリックいただけると説明が英語で出てきますので、その指示に従ってください。参考までに、Macの場合の手順を記します。

設定手順（Mac）
1. アップルメニューを選択し、「システム環境設定」を選んでください。
2. システム環境設定から「セキュリティとプライバシー」を選択してください。
3. 「プライバシー」タブを選択し、「画面収録」を選んでください。
4. 「ほかのアプリケーションの使用中でも、下のアプリケーションに画面の内容の記録を許可」と書かれた下に出てくるアプリケーションの中から画面共有で使いたいもの（ここではMicrosoft PowerPoint）を選び、チェックマークを入れてください。
5. 設定を保存してください。これで完了です。

プライベートチャットとライブコメント

Streamyardの画面右側に、プライベートチャットとライブコメントがあります。登壇者間、視聴者とのやりとりに利用可能ですので、ご活用ください。

プライベートチャット

画面右側に「Private Chat」というアイコンがあります。こちらで、登壇のみなさん、バックヤードのメンバーなどのやりとりが可能です。準備状況など、こちらでやりとりすることがありますので、随時ご確認ください。

ライブコメント

配信しているYoutube/Facebookからのコメントがライブで表示されます。質疑応答など含め、視聴されている方の巻き込みに活用いただければと思いますので、ファシリテーターの方は、随時ご確認いただきつつ進めていただけるとよいと思います。

• 

• 

次回は…

TIPSをお届けしようかと思います。今回のガイドを読んで、「なんでそういうことにしてるの？」など疑問がわく部分もあると思うのですが、少しずつ解きほぐしていけるとよいかな、と思っています。お楽しみに。

当初計画になかったもの

当初計画は本当にミニマムで用意していました。なんせ、1ヶ月もない期間で準備したわけで、StreamYardに至っては2週間前に使うことを決めたくらいです。そんなモリモリで組み上げる余裕はありませんでした（正味の話）。とはいえ、ある程度「あったら便利そうなもの」は事前に相談しつつ、前日準備を進めたのですが、やってみると「あれー？」「やべー」みたいなことがあり色々組み上げました。無理を聞いていただいた関係各位にはあらためて感謝申し上げます。

登壇者用モニターディスプレイ

今回メインスタジオ（078の格子柄の背景のあるところがそこです）を設置しました。そこでの登壇者が、母艦マシンのStreamYardの画面を見えるように設置しました。それぞれのマシンで別途Streamyardに入ってもらえれば特に必要はないのですが、気にしたのは「目線」です。どうしても手元のPCを見ると目線が下に落ちるので、このモニターを見るとなんとなくカメラ目線になるように設置しました。

ヘッドホンアンプ

初めは、StreamYardの出音を登壇者に返せばよいか、と考えていました。が、それだと自分の声が遅れて聞こえてくることになってしまい、話しづらさMAX。（以前、お喋りな人を黙らせるために、自分の声が遅れて返ってくるというガジェットがあったような…。ご存知の方、おしらせください。）ということで、オペレーターの聞いている母艦のStramYardの音声を、登壇者にも返せばいい、ということになりました。ところが、ヘッドホンによってインビーダンスが違うので、鳴らないヘッドホンがある、ということが判明。特に高価なヘッドホン・イヤホンがなりません（アタリマエ）。ということで、急遽その隙間を埋めるべく、ヘッドホンアンプを探して組み込みました。

イベント時に追加されたもの

• 扇風機
• 下駄（マシンの排熱の為）
• 動画配信用マシン

最終的には…

スイッチャーが大活躍しました。セッションとセッションの間の20分はあらかじめ編集しておいた動画を別のマシン（下のリストではMacBook Pro2）でStreamYardにスクリーンシェアの形で流し込んでいたのですが、時間の調整などやはりフレキシブルではないというジレンマがありました。そこで、急遽動画を別で用意し、スイッチャーを通して母艦に送り込むということで、かなりスムーズになりました。（ただ、これはこれでStreamYard特有の困ったことが発生するのですが…。それはまたいつか。）

最終的な機材リストと配線概略図

次回は…

今回は、機材中心にお伝えしたので、次回は細かいTips的なところをお届けしようかな、と思います。それぞれのTipsの背景に小さなドラマ（？）があったりするので、まとめてお届けするか、細かく１つずつお届けするか悩み中ですが、お楽しみに。

配信プログラム

5月2日、3日の通しの動画と各セッションの動画があります。適宜、リンクからご覧ください。

5月2日　https://www.youtube.com/watch?v=B0t8vPNi75M

5月3日　https://www.youtube.com/watch?v=Nox4D5ltflg

配信プラットフォーム「StreamYard」

紆余曲折ありましたが、Peatixのみなさんからのご紹介で、最終的にはStreamYardを使いました。TV会議システム、スイッチング、配信というこれまで別々に構築し、連結させてきた機能を１つにしたシステムです。ユーザーインターフェースもわかりやすく、とっつきやすいシステムなので、専門的な知識をさほど必要としないので、専門家がいなかったり、予算が限られている中でも十分なクオリティで配信を行うことができます。StreamYardの使い方は他の方の記事があるので、そちらをご参考にしてください。

結果として、通常のオンライン配信のスタンダードを大幅に超える7、8時間という長時間の配信となりました。

StreamYard | Browser-based live studio for professionals

Engage your Facebook, or YouTube, Live audience with interviews and shows; all the tools you need for professional shows right in your browser.

streamyard.com

なぜStreamYardを選択したのか

当初はZOOMをベースに配信することを検討していました。ZOOMはビジネス上でのオンライン会議システムとして、比較的使い慣れてきていますし、YouTubeやFacebook配信することが可能です。なので、ZOOMでも基本的には成立しますし、大きな問題はありません。

一方で、StreamYardは配信を前提に構築されているので、いくつか配信するに当たって痒いところに手が届く機能があります。これらが理由となってStreamYardを採用することになりました。今回　StreamYardを採用するに至ったポイントを以下に記しておきます。

画面レイアウトがそれっぽい

結構これ、重要ポイントでした。一人をワンショットで抜く、全員を画面を出したりスクリーン共有をしたり、オペレーター側でかなり自由に行うことができます。ZOOMだと、基本的には「喋ってる人をピンで抜く」という形になるため、画面構成としてはこちら側ではコントロールできることがほとんどありません。SteramYardはその部分についてハンドルをくれている感じです。

また、ロゴを出したり、バナーを出したりティッカーを出したりすることもできます。これにより何の話をしているのかだったり、お知らせしたいハッシュタグやURLなどを画面に出すことができます。

ライブコメントがいい

オンラインイベントでひとつ考えないといけないのが、オーディエンスとのコミュニケーションです。リアルイベントであればオーディエンスは目の前にいるので、その場の空気を拾って対応することができますが、オンラインだとそうはいきません。それをカバーするのがこの機能です。配信先であるYouTubeやFacebookはそれぞれコメントを投稿することができます。StreamYardではそれらのコメントを一元的に管理することができ、登壇者全員がそのコメントをStreamYard上で見ることができます。これによって、オンラインであってもオーディエンスからのコメントを適宜ピックアップして議論を展開するというInteractiveな状態を作ることができます。

アプリのインストールがいらない

登壇者にとってはそのイベントだけの為にわざわざアプリケーションをインストールしたりアカウントを作らないといけないのは手間です。またzoomのセキュリティ上の脆弱性が指摘されている為、所属機関によってはZoomの使用制限がかかっている場合もあります。StreamYardを使うと、登壇者は指定されたURLをクリックすればスタジオ（配信のための部屋）に入れるため、インストールやアカウント設定をすることなく配信イベントに登壇することができるため、障壁を下げることができます。また、コントロール側でスタジオに入れるプロセスを踏むことが前提になっているので不必要な入室を阻止しやすいということもあります。

次回予告

ということで、今回は、＜その1＞として「なぜStremyardを採用したのか？」ということを中心にお届けしました。次回は、実際にいろいろやってみて、見えてきた細かいノウハウ、Tips的な部分をお届けします。お楽しみに。

ご質問も随時承っております。お気軽にお問い合わせください。https://078kobe.jp/contact/