JanusというオープンソースのWebRTCサーバーがあり、ビデオチャットやストリーミングのサーバーを自前で構築できます。以前の記事で紹介しました。 www.mikan-tech.net 前回はJanusをサーバーにインストールして、デモ画面を動かしてみました。 でもやっぱり独自画面を作りたいですよね。 デモ画面をカスタマイズすることでも作れますが、素のJavaScriptでDOMを直接操作していたり、コールバックのネストが深かったりで、 なかなかカスタマイズも手間がかかります。 そこで今回は、Vue.jsで一から独自画面を作ってみました。 まずは手頃そうなストリーミングの画面を作ってみます。 Vue.jsのプロジェクト作成 まずはVue.jsのプロジェクトを作成してみましょう。Node.jsがインストールしてあるものとします。 Vue CLIというものをインストールすると、簡単にVue.