Skip to content

Jun-T-git/slive

Repository files navigation

SLive

ニコニコ動画風プレゼンテーションツール

概要

プレゼンテーション中に視聴者がコメントやスタンプを送信すると,画面上に流れます. スライドは Google スライドのリンクを貼り付けることで簡単に設定できます.

機能

発表者

  • Google スライドのリンクによるスライド設定
  • 入室前スライドプレビュー
  • スライド全画面表示
  • 視聴者用ページへのリンク・QR コード表示

視聴者

  • コメント送信
  • スタンプ送信
  • コメントの文字色変更

デモ

発表者入室前画面

Google スライドのリンクを貼り付けることで設定します. 入室前にスライドプレビューで確認できます. スクリーンショット 2021-09-19 11 44 07

発表者プレゼンテーション画面

スクリーンショット 2021-09-19 11 44 35

左上のメニューから,視聴者用ページへのリンクや QR コードを簡単に見せることができます. スクリーンショット 2021-09-19 11 44 47

コメントが流れる様子です.(GIF なので少しかくついています) demo

視聴者画面

コメント・スタンプの送信ができます.文字色の変更も可能です.

スクリーンショット 2021-09-19 11 45 23

使用した技術

  • React(Next.js)
  • TypeScript
  • Firebase(Firestore)

動作保証

以下のブラウザ・OS でのみ動作確認済みです,

発表者

  • Chrome/Mac

視聴者

  • Chrome/Mac
  • Safari/iOS

About

ニコニコ動画風プレゼンテーションツール

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published