Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
新サービスComntlyをみんなで体験してみよう / コミュニティ放送部#5
Search
you(@youtoy)
PRO
February 20, 2021
Technology
0
380
新サービスComntlyをみんなで体験してみよう / コミュニティ放送部#5
you(@youtoy)
PRO
February 20, 2021
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
64
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
130
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
270
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
65
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
500
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
240
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
2.6k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
460
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.5k
Other Decks in Technology
See All in Technology
10XにおけるData Contractの導入について: Data Contract事例共有会
10xinc
7
710
EventHub Startup CTO of the year 2024 ピッチ資料
eventhub
0
130
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
990
SkiaとImpellerについて
moriya0130
0
110
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.2k
iOS/Androidで同じUI体験をネ イティブで作成する際に気をつ けたい落とし穴
fumiyasac0921
1
110
インフラとバックエンドとフロントエンドをくまなく調べて遅いアプリを早くした件
tubone24
1
440
SSMRunbook作成の勘所_20241120
koichiotomo
3
180
TypeScriptの次なる大進化なるか!? 条件型を返り値とする関数の型推論
uhyo
2
1.8k
OCI Security サービス 概要
oracle4engineer
PRO
0
6.6k
静的解析で実現した効率的なi18n対応の仕組みづくり
minako__ph
2
350
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
3.2k
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Building Applications with DynamoDB
mza
90
6.1k
Faster Mobile Websites
deanohume
305
30k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
329
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
120
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Practical Orchestrator
shlominoach
186
10k
Adopting Sorbet at Scale
ufuk
73
9.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Automating Front-end Workflow
addyosmani
1366
200k
Transcript
2021年2月20日 (土) コミュニティ放送部#5 @オンライン 豊田 陽介 ( @youtoy ) 新サービスComntlyを
みんなで体験してみよう
豊田陽介(@youtoy) 自己紹介 普段は、某通信会社の研究所勤務 話題のものをたくさん 購入している気がする IT系イベント主催・登壇・運営、多数参加 子ども向けの活動いろいろ(IT系以外も) プライベートでの活動 ガジェット好き その他
主催テーマ: ビジュアルプログラミング、IoT、 ロボットトイ、メカトロなど
今日の話: 「Comntly」について
オンラインイベントなどで、参加者コメントを表示したりできるサービス ⇒ 現状ではベータ版(2021年2月20日現在) Comntly とは? サービス提供元:
今日は 「Comntly」を 紹介しつつお試しも
オンラインイベントで使える コメントサービスは他にも よく見かけるものでは 「CommentScreen」など
引用元: https://www.youtube.com/watch?v=ZgA0f7AV56w https://commentscreen.com/ CommentScreen の場合 画面上でコメントが流れる (+クライアント側 でのチャット表示)
Comntly の場合 引用元: Forkwell x 天神放送局「ライブ配信の失敗談・ウラ話を語る!」 https://www.youtube.com/watch?v=hnG1UZQ41A0 タイムライン的な表示
1/21(木)開催の イベントで Comntly を知った
Comntly の機能の例 コメントへの リアクション 特定のコメントの ピックアップ 引用元: Forkwell x 天神放送局「ライブ配信の失敗談・ウラ話を語る!」
https://www.youtube.com/watch?v=hnG1UZQ41A0
コメントの入力元
Comntlyの画面から+Twitter自動取得 ハッシュタグ指定で自動取得 イベント開始直前に Comntly が動作して いて自動取得された ツイート
ここで、いったんお試し (コメント入力、管理画面での ピックアップ、リアクション)
配信にコメントをのせる 〜 とりあえず3パターン 〜
Comntlyで生成される配信画面を使う 設定画面で配信先URLを入力すると生成される画面(YouTube に対応) ⇒ PC用の画面だけでなくスマホ用画面も PC表示 スマホ 表示
Comntlyのデスクトップアプリを使う デスクトップ上にコメントを表示するデスクトップ用アプリ ⇒ 現状では Mac向けのみ(2021年1月25日現在) デスクトップ上に ウィンドウが重畳 表示される スライドを同時に 表示し全画面共有
Comntlyのデスクトップアプリを使う 画面の合成をするようなアプリを使わない場合の表示例 ⇒ フルスクリーンにしなくて良いプレゼンモード等を使う? パワポのウィンドウ表示 でのスライドショーと 組み合わせ
Comntlyのデスクトップアプリを使う 画面の合成をするようなアプリを使わない場合の表示例 ⇒ フルスクリーンにしなくて良いプレゼンモード等を使う? Googleスライドの プレゼンター表示
OBSなどによる合成 引用元: Forkwell x 天神放送局「ライブ配信の失敗談・ウラ話を語る!」 https://www.youtube.com/watch?v=hnG1UZQ41A0 配信掲載用のコメント 表示画面を合成 リンクの1つ
【利用開始までの話】 ベータテスターを募集中 との記載があり申請
ベータテスター申請: https://comntly.com/beta 公式Twitterアカウント に記載のURLから
Comntly の設定画面
Comntly の管理画面の上部(表示まわり) CommentScreen より 機能が多そうだが、 その分、メニューの 項目が多い 必要な部分に絞れば、 全ては使わなくて OK
Comntly の管理画面(先ほどの続き) 添付画像の展開の有無 やリンクの表示/非表示、 コメントの配信設定など URL指定でのツイート追加 NGワード/ユーザ設定 配信画面にのせる 動画URLの指定
配信者・登壇者側での コメント操作について
コメントのピックアップ 特定のコメントを選択して最上部に表示(複数指定可能) 操作を行うボタン
ピックアップによる見え方の変化 特定のツイートを選択 トップに表示
複数のピックアップ 1つだけ指定 複数指定
表示設定を変えてみる
リンクや画像のON/OFF リンクの ON/OFF 画像の ON/OFF 設定を変えると リアルタイムで 反映される
まだまだ紹介しきれて ない部分がありますが
終わり!