kintoneでビデオ会議！Jitsi APIを使ってみた

f:id:ibukintone:20210929142117p:plain

約2ヶ月更新が滞っておりました、いぶろぐです。

今後は2週間に1記事くらいのペースで更新していきたいですね！頑張ります。

さて、ビデオ会議といえば「Zoom」とか「Teams」がよく知られていますが、オープンソースのビデオ会議サービス「Jitsi」なるものが存在します。

無料で使えて、しかもAPIまで用意されているので、ちょっとkintoneとあわせて使ってみました。

やりたいこと
kintoneアプリ作成
コードをかきかき
動作確認
〆

やりたいこと

kintoneのレコード詳細画面を開くと、Jitsiのビデオ会議画面が表示される

やりたいことはとってもシンプル。

レコードをクリックして「オンライン部屋」に入室するようなイメージです。

kintoneアプリ作成

ちゃちゃっとkintoneアプリを作成。 f:id:ibukintone:20210929142014p:plain

フィールド名	フィールド	フィールドコード
ルーム名	文字列1行	room
コメント	文字列複数行	comment

今回は軽く触ってみるだけなので、こんなもんでいいでしょう。

コードをかきかき

コードもとってもシンプル。

(function() {
    kintone.events.on('app.record.detail.show', event => {
        const space = kintone.app.record.getHeaderMenuSpaceElement();
        const room = event.record.room.value;

        const domain = 'meet.jit.si';
        const options = {
          roomName: room,
          width: 500,
          height: 500,
          parentNode: space
        };

        const api = new JitsiMeetExternalAPI(domain, options);
    }
  );
})();