開発者向けビデオSDK

数行のコードでアプリにリアルタイム動画を埋め込む

カスタムメイドの高品質なリアルタイム・ビデオを開発できます。クライアントサイドとサーバーサイドのAPIを利用することで、優れたパワーと柔軟性を発揮します。ビデオ、オーディオ、画面共有、チャット...これらすべての機能を使って構築することも、選んで構築することもできます。

最低$0.003/分/参加者。

VidyoPlatform文字のみカラーロゴ

リアルタイムで高品質なビデオ体験を構築

アダプティブ・ビデオ・レイヤリング技術

スケーラブル・ビデオ・エンコーディング(SVC)およびサイマルキャスト・テクノロジーを利用し、ユーザーの利用可能な帯域幅とデバイスに適応。

高品質の画面共有

1つのアプリまたは画面全体を同時に動画で共有

クロスプラットフォーム

すべての主要プラットフォームで動画アプリを迅速に構築するための一貫したAPIとSDK

マルチパーティービデオ

1対1、多対多を含むスケーラブルなマルチパーティービデオ通話

音声起動レイアウト

多人数での通話中、アクティブなスピーカーを常に画面に表示したり、ニーズに合わせてレイアウトをカスタマイズすることができます。

 

ワイド・バンド・オーディオ

ワイドバンドオーディオにより、見るだけでなく聞くこともできる

 

カスタマイズされたレイアウト

特定のアプリのニーズに合わせて、マルチパーティーのレイアウトや構成をカスタマイズできる。

 

ファイアウォール・トラバーサル

あらゆるネットワーク環境にダイナミックに接続

 

開発者向け

でリアルタイムの音声とビデオを埋め込むことができます。 数行のコード.

下記のサンプルをお試しいただき、いかに簡単に始められるかをご確認ください。

私たちがサポートする言語の一部

上へ プレビューをクリックする

// グローバル変数の宣言
let vidyoConnector = null;
let meetingLink = document.getElementById('meetingLink');
let name = document.getElementById('name');

function onVidyoClientLoaded() { 以下のようにします。
    window.VC = new window.VidyoClientLib.VidyoClient('', () => { init(); void
        init();
    });
}

非同期関数 init() {
    try {
        vidyoConnector = await VC.CreateVidyoConnector({
            viewId:"renderer", // 合成された動画がレンダリングされるDiv ID;
            viewStyle:"VIDYO_CONNECTORVIEWSTYLE_Default", // 合成されたレンダラーの視覚スタイル
            remoteParticipants: 8, // レンダリングする参加者の最大数
            logFileFilter:「debug@VidyoClient debug@VidyoSDP debug@VidyoResourceManager"、
            logFileName:"",
            userData:0,
            制約:{}
        });
        console.log("create success");
    } catch (error) {
        console.error('作成に失敗しました', error);
    }
}

非同期関数 joinCall() {
    try {
        // 新しい部屋を作成する
        let res = await fetch('https://vidyo-adhoc-zsdgxlqgkq-uc.a.run.app/api/v1/rooms', {method: 'POST'});
        res = await res.json();
        console.log(res);
        const params = res.roomUrl.split('/join/');
        const portal = params[0];
        const roomKey = params[1];
        await vidyoConnector.ConnectToRoomAsGuest({
            host: portal, // ホスト
            roomKey: roomKey, //ROOM KEY
            displayName: name.value、
            roomPin: res.pin、
            onSuccess: () => { {ルームピン: res.pin, onSuccess: () => {ルームピン: res.pin
                console.log(`vidyoConnector.ConnectToRoomAsGuest : onSuccess callback received`);
                meetingLink.value = res.roomUrl;
            },
            onFailure: (reason) => {次のようにします。
                console.error("vidyoConnector.Connect : onFailure callback received", reason);
            },
            onDisconnected: (reason) => { 次のようにします。
                console.log("vidyoConnector.Connect : onDisconnected callback received", reason);
            
        });
    キャッチ(エラー)
        console.log(error)
    };
}

関数 endCall() {
    vidyoConnector.Disconnect();
    meetingLink.value = '';
}

上記のサンプル・プロジェクトをStackblitzで試す

から直接クローンするか ギットハブ そしてプレーを始める。

 

...あなたのビジネスを高めるために

当社のビデオ通信ソリューションをお客様のビジネスアプリケーションやデバイスに統合するだけで、患者、学生、顧客、パートナーにユニークなユーザー体験を提供できます。当社のエンタープライズビデオソリューションは、様々な業界で幅広く採用されています。Vidyoの安全でスケーラブルなテクノロジーとクラウドベースのサービスを通じて、世界中の何百万人もの人々が毎日視覚的につながっています。

コンテンツへスキップ