フリーダイヤル
無料トライアル 資料請求
 

【まとめ】SOBAフレームワーク・クラウドでビデオチャットを作成してみた(関連記事一覧)

【2022年9月16日追記】この記事は2015年8月に公開されたものを再編集しました。

ビデオチャットを作成する前に

まず、ビデオチャットを作成する前に今回使用する各種パーツが用意されているSOBAフレームワーク・クラウドについてご紹介いたします。

SOBAフレームワーク・クラウドって何ですか?

SOBAフレームワーク・クラウドは、ビジュアルコミュニケーションに特化したフレームワークです。
映像・音声パーツチャットパーツホワイトボードパーツなど、ビジュアルコミュニケーションに必要な各種パーツが用意されています。
これらのパーツはHTMLのタグとして用意されており、このHTMLのタグを、ユーザのWebページに配置することで、各種のビジュアルコミュニケーション機能を非常に簡単にWebページに組み込むことができます。

SOBAフレームワーク・クラウドで動くサンプルページ

どんなパーツがあるのか見てみたい方は、WEBブラウザ上で動かせるサンプルページがございます。各種パーツでどのようなことができるのかぜひご覧ください。
各パーツについての解説は、各パーツのカスタマイズ・オプションをご覧ください。

「ビデオチャット」作成記事一覧

SOBAフレームワーク・クラウドを使って、ビデオチャットを作成する過程をブログ記事にしました。

第1~12回までの記事を順番にご覧いただくとSOBAフレームワーク・クラウドや「ビデオチャット」についての概要がわかるようになっています。

第1回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【Webサーバー編】

1回目は、自分のパソコンにWebサーバーを動かす方法について解説しています。

第1回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた【webサーバー編】
第1回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた【webサーバー編】
【2022年9月20日追記】この記事は2015年8月に公開されたものを再編集しました。 はじめに、SOBAフレームワーク・クラ...

第2回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【登録編】

2回目は、SOBAフレームワーク・クラウドの登録の方法について解説しています。

第2回SOBAフレームワーク・クラウドでビデオチャットを作成してみた【登録編】
第2回SOBAフレームワーク・クラウドでビデオチャットを作成してみた【登録編】
前回のエントリーでは手元のパソコンにwebサーバー(IIS7)をインストールして動かすところまでしました。今回はいよいよSOBAフレームワーク・クラウド(以下フレームワーク・クラウド)に登録してみようと思います。

第3回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【アプリケーションの登録編】

3回目は、SOBAフレームワーク・クラウドで登録した後、アプリケーションを登録する方法について解説しています。

第3回SOBAフレームワーク・クラウドでビデオチャットを作成してみた【アプリケーションの登録編】
第3回SOBAフレームワーク・クラウドでビデオチャットを作成してみた【アプリケーションの登録編】
前回でSOBAフレームワーククラウドの登録が終わったので自分のパソコンで動いているwebサーバーにフレームワーク・クラウドのチャットを表示してみたいと思います。ですが、はじめにホストの設定などアプリケーションを登録しないと、パーツを発行する事ができないので、アプリケーションの登録から行いたいと思います。

第4回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【テキストチャット編】

4回目は、SOBAフレームワーク・クラウドのチャットを使う方法について解説しています。

第3回SOBAフレームワーク・クラウドでビデオチャットを作成してみた【アプリケーションの登録編】
第3回SOBAフレームワーク・クラウドでビデオチャットを作成してみた【アプリケーションの登録編】
前回でSOBAフレームワーククラウドの登録が終わったので自分のパソコンで動いているwebサーバーにフレームワーク・クラウドのチャットを表示してみたいと思います。ですが、はじめにホストの設定などアプリケーションを登録しないと、パーツを発行する事ができないので、アプリケーションの登録から行いたいと思います。

第5回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【映像編】

5回目は、SOBAフレームワーク・クラウドのFlashビデオパーツを使う方法について解説しています。
※2020年12月31日でFlash Playerのサポートを終了したためこの方法は利用できません。

第5回SOBAフレームワーククラウドでビデオチャットを作成してみた(映像編)
第5回SOBAフレームワーククラウドでビデオチャットを作成してみた(映像編)
前回のエントリーではWeb会議でよく使う、チャットが動くところまでやりました。今回はリアルタイムなビデオ通話ができるところまでやってみようと思います。

第6回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【スライド編】

6回目は、SOBAフレームワーク・クラウドのスライド(ホワイトボード)パーツを使う方法について解説しています。

第6回SOBAフレームワーククラウドでビデオチャットを作成してみた(スライド編)
第6回SOBAフレームワーククラウドでビデオチャットを作成してみた(スライド編)
前回のエントリーではついにビデオで双方向のビデオチャットができるところまで作成しました。これでとりあえずは完成とも言えるのですが、フレームワーククラウドにはWeb会議では一般的な、オフィスファイルやPDFファイルを表示して共有しながら上から線なども描ける便利なスライド機能がありますので、これも使ってみようと思います。

第7回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【スライドAPI編】

7回目は、SOBAフレームワーク・クラウドのスライドで提供されているAPIを使う方法について解説しています。

第7回SOBAフレームワーククラウドでビデオチャットを作成してみた(スライドAPI編)
第7回SOBAフレームワーククラウドでビデオチャットを作成してみた(スライドAPI編)
フレームワーク・クラウドにはペンの太さや色、消しゴムなど色々な機能を呼び出せる仕組みを用意しています。まずは、その仕組み(API)の一覧を見てみましょう。以下はフレームワーククラウドのドキュメントからの引用です。xxxxxxには、htmlタグを取得したときに表示される、チャンネル名を記述してください。“#soba-widget-slide-xxxxxx”の部分はスライドのウィジェットHTMLのdiv id と同じになります。

第8回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【モバイル編】

8回目は、SOBAフレームワーク・クラウドのモバイルアプリの使い方について解説しています。

第8回SOBAフレームワーククラウドでビデオチャットを作成してみた(モバイル編)
第8回SOBAフレームワーククラウドでビデオチャットを作成してみた(モバイル編)
SOBAフレームワーククラウドはモバイルにも対応しています。Web会議「ミエルカ・クラウド」のスマホアプリでも利用されています。つまりiOSやAndroidにも対応しているので、iPhoneやXperiaで使う事が出来るのです。これは是非、使ってみたくなりますよね。でも、そのためにはアプリを作らなくてはいけません。そうなるとイッキにハードルが上がる気分になるのですが、SOBAフレームワーク・クラウドでは簡単に動作できるサンプルアプリを提供していますので、それを動かしてみようと思います。

第9回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【WebRTC編 その1】

9回目は、SOBAフレームワーク・クラウドでWebRTCパーツを使う方法について解説しています。

第9回 SOBAフレームワーククラウドでビデオチャットを作成してみた(WebRTC編 その1)
第9回 SOBAフレームワーククラウドでビデオチャットを作成してみた(WebRTC編 その1)
今回のエントリーはWeb会議「ミエルカ・クラウド」でも利用されている、SOBAフレームワーク・クラウドでWebRTCパーツを使ってみようと思います。はじめにフレームワーククラウドにログインします。フレームワーク・クラウドの登録手順は以前のエントリーを参考にしてください。

第10回 SOBAフレームワーク・クラウドでビデオチャットを作成してみた
【WebRTC編 その2】

10回目は、SOBAフレームワーク・クラウドでWebRTCを実際に動かしてみます。

第10回 SOBAフレームワーククラウドでビデオチャットを作成してみた(WebRTC編 その2)
第10回 SOBAフレームワーククラウドでビデオチャットを作成してみた(WebRTC編 その2)
Web会議「ミエルカ・クラウド」にて利用されているSOBAフレームワーク・クラウドのWebRTCパーツを利用してみました。Flash用の映像パーツでは送信用のウィジェットHTMLと配信用のウィジェットHTMLが用意され、ページを二つ作成してテレコになるようにページにウィジェットHTMLを貼り付けましたが、WebRTC版では配信のみを貼り付けてページは1つだけで構いません。

第11回(番外編その1)SOBAフレームワーク・クラウドをアメブロで使えるのか試してみた

11回目は、SOBAフレームワーク・クラウドでアメーバブログで使えるのか試してみました。

※この記事は、2015年に公開され2017年に編集した当時の情報になります。

第11回(番外編その1) フレームワーク・クラウドをアメブロで使えるのか試してみた
第11回(番外編その1) フレームワーク・クラウドをアメブロで使えるのか試してみた
今まで、フレームワーク・クラウドの実行を自分のパソコン上にwebサーバーを起動させたり、ここのブログで掲載していました。 ですが、フレームワーク・クラウドはどこのwebサイトでも使うことができます。 どこでも利用できることを証明するために、今回、フレームワーク・クラウドをアメブロこと、アメーバブログで表示させてみようと思います。

第12回(番外編その2)SOBAフレームワーク・クラウドをSo-netブログで使えるのか試してみた

12回目は、SOBAフレームワーク・クラウドでアメーバブログで使えるのか試してみました。

※この記事は、2015年に公開され2017年に編集した当時の情報になります。

第12回(番外編その2)フレームワーク・クラウドをSo-net ブログで使えるのか試してみた
第12回(番外編その2)フレームワーク・クラウドをSo-net ブログで使えるのか試してみた
前回、アメブロこと、アメーバブログでフレームワーク・クラウドを使おうとしたのですが、javascriptを記載する事が許可されておらず動かなかったのですが、他のブログサービスではどのような結果になるのでしょうか?

以上、SOBAフレームワーク・クラウドを使って、ビデオチャットを作成した記事をまとめました。

sfc-logo2

自社用Web会議のカスタマイズ、ビデオ会議等の受託開発や Video SDK としての利用をご検討の方、SOBAフレームワーク・クラウドへお問い合わせください。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする