Hyperbeamとは何ですか？
Hyperbeam（ハイパービーム）は、ウェブサイトやアプリに仮想コンピューターを簡単に埋め込めるAPIです。開発者は数行のコードで、Chrome、Android、Linux などあらゆるWebサイトやアプリをユーザーに提供でき、複数人でのリアルタイム共有や共同操作もスムーズに実現できます。
従来のiframeやスクリーンシェアでは対応が難しかったX-Frame-Optionsの制限や音声・映像の同期問題も、Hyperbeamなら最初から解決済み。ユーザーはブラウザ拡張やダウンロード不要で、すぐに共同視聴や共同作業を始められます。
Hyperbeamの特徴は何ですか？
- あらゆるWebサイト・アプリの埋め込み: YouTube、Netflix、SaaSツールなど、ほぼすべての外部サイトを簡単に埋め込み可能
- 高品質な音声・映像の同期: 複数ユーザー間でズレのないリアルタイム共有を実現し、エコーキャンセルも内蔵
- マルチユーザー共同操作: 1人だけでなく、最大10,000人までが同時に操作可能なインタラクティブ体験を提供
- プログラムによる制御: URL移動、アプリ起動、スクリプト実行などをコードから自由に操作
- セッション保存機能: ユーザーのログイン状態や開いているアプリを保存し、次回アクセス時に再利用可能
- モバイル＆タッチ対応: スマートフォンやタブレットでも直感的な操作が可能
- グローバルサーバー展開: 世界中の低遅延サーバーで快適なパフォーマンスを確保
- Kioskモード: UIをカスタマイズして、ネイティブアプリのような見た目に仕上げられる
Hyperbeamの使用例は何ですか？
- オンライン学習プラットフォームで、講師と生徒が同じブラウザ画面を共有しながら授業を行う
- カスタマーサポートで、エージェントがユーザーの代わりにWeb操作をリアルタイムでデモンストレーション
- ゲームや動画の「ウォッチパーティ」機能を自社サービスに簡単に追加
- 開発ツール内にWebブラウザを統合し、CORSやiframe制限を回避して外部サイトを表示
- 企業トレーニングで、全員が同じクラウドPC環境を使ってソフトウェア操作を練習
- バーチャルイベントで、参加者が共同でWeb体験を楽しむインタラクティブなブースを構築
Hyperbeamの使い方は？
- HyperbeamのダッシュボードでAPIキーを取得する
- バックエンド（例：Node.js）で
/computerエンドポイントを作成し、VMインスタンスを生成 - フロントエンドで
@hyperbeam/iframeパッケージを読み込み、埋め込み用のdiv要素にバインド hb.tabs.update({ url: "https://example.com" })で任意のURLを開く- タブの変更をリスナーで監視し、UIに現在のページ情報を反映
- 無料枠（月10,000分）内でテストし、必要に応じて本番環境に移行
