ブイキューブトップ
03-6845-0775平日10:00〜18:00受付
無料ガイド
お問い合わせ

Agora.io SDKを利用したライブコマースサンプル(WebRTC版)

公開日:

※2020年の記事です。

 

2018年頃からEC市場でライブコマースをよく見かけるようになりました。
ライブコマースの開発を希望するお客様が増えてきた為、簡易なサンプルを実装しました。
サンプルの方針として、フレームワークを使用すると移植しにくさがあると思いますので、各言語ベタでコーディングしています。

Githubに公開しています

お役立ち資料ダウンロード

オンライン体験におけるブイキューブの技術サポートのご案内

【図解】システム開発のお手伝い

ブイキューブのソリューションアーキテクトが、寄り添います！
各種ライブ配信システムのアーキテクチャについて わかりやすい構成図にてご紹介！

無料ダウンロード

開発環境

macOS Mojave 10.14.1
VisualStudioCode 1.29.1
Chrome 72.0.3626.121
AgoraVideoSDK for Web 2.8.0
PHP 5.5.26
MySQL 5.5.42

機能一覧

・ライブ作成
・ライブ配信(Web SDK)
・ライブ視聴(Web SDK)
・チャット(Signaling SDK)
・ハート送信(Signaling SDK)
・延べ視聴人数/ハート数のリアルタイム表示
・同時視聴数の記録(RESTFull API)

実装のポイント

同時視聴数の記録

実装の手法は様々です。要件に合わせて異なってきます。
今回は、Channelに接続している人＝視聴しているとしてagora.ioが提供しているRESTFull APIを利用しています。

https://docs.agora.io/en/Agora%20Platform/dashboard_restful_communication?platform=All%20Platforms

put_live_count.php
        $channelName = BASE_CHANNEL_NAME . $_GET['live_id'];
            $url = sprintf("%s/%s/%s/%s/%s",REST_API_URL,"channel","user",APP_ID,$channelName);
            $ch = curl_init();
            curl_setopt($ch, CURLOPT_URL, $url);
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
            curl_setopt($ch, CURLOPT_USERPWD, REST_API_USER . ":" . REST_API_PASS);
            curl_setopt($ch, CURLOPT_HTTP_VERSION, CURL_HTTP_VERSION_1_1);
            curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
            $json = curl_exec($ch);
            curl_close($ch);
            $data = json_decode($json, true);
            $count = 0;
            if($data['success'] && isset($data['data']['audience_total'])){
                $count = $data['data']['audience_total'];
            }
            $sql = sprintf("insert into session (live_id,count,created_at) value(%s,%s,now())",$pdo->quote($_GET['live_id']),$pdo->quote($count));
            $pdo->query($sql);
そのほか、最新の実装例・サンプルコード記事はこちら
ガイドブックダウンロード
ビデオ通話・ライブ配信API/SDK「Agora」

【最新版】超低遅延API/SDK「Agora」ガイドブック

通話・配信遅延30-200ms！100万人の視聴対応！未経験者から専門家まで、誰でも読みやすいAgoraのガイドブックをダウンロードしませんか。

無料ダウンロード
ブイキューブ

執筆者ブイキューブ

Agoraの日本総代理店として、配信/通話SDKの提供だけでなく、導入支援から行い幅広いコミュニケーションサービスに携わっている。
関連記事

2022年05月16日

Agora.io Dashboard RESTful APIの利用例
  • 実装例・サンプルコード
  • Agora
Agora.ioではSDKの他に、ユーザーの入室制限や、チャネルの利用状況を確認できるDashboard RESTful APIがあります。 公式ドキュメント(英文) システム組み込みにおいて利用頻度の高い機能をピックアップします。

2022年05月16日

ライブコマースシステムで必要な開発項目
  • Agora
  • 実践
  • ライブ配信
アジア圏ではライブコマース(Live EC)で顧客とのエンゲージメントが高まる傾向にあります。物販であったり、オークションであったり、オンラインゲームを絡めて楽しみながらショッピングができる事例もでています。又、ライブコマース視聴者の5割強が商品を購入したというレポートもあります。物販ではありませんが、占いやオンラインサロンもライブコマースと同様の機能が必要となります。 このブログではライブコマースシステムで必要となる機能一覧と実装方法、活用できるSDKやライブラリについて解説します。

2022年05月16日

ライブ映像配信のユーザーエクスペリエンスの最適化
  • Agora
  • 技術動向
  • ライブ配信
※この投稿は、Agoraの日本代理店であるブイキューブが、Agoraブログを翻訳した記事です。 ライブストリームの映像の映りが悪くて止まる状態での視聴は、どのくらいの時間が我慢できますか。映像コンテンツが重要視されている現在のデジタル環境では、ストリーミング映像のクオリティーがユーザーエクスペリエンスに大きな影響を与えています。クオリティーの高いリアルタイムの映像配信サービスをユーザーに提供するにあたって、どの手段が取れそうですか。本記事ではライブ映像配信のユーザーエクスペリエンスの最適化の方法についてご紹介します。

2022年05月16日

ライブコマース：オンラインショッピングの未来が到来
  • Agora
  • 基礎知識
  • ライブ配信
※この投稿は、Agoraの日本総代理店であるブイキューブが、Agoraブログを翻訳した記事です。 ※一部、日本向けに調整しています。 eコマースの世界で、ライブコマースという新しいトレンドが起こっています。ライブコマースとは、ライブ配信される映像の中で顧客が買い物をする、新しいオンラインショッピングの形です。この新しいオンラインショッピングは、アジアではすでに大人気で、アメリカでも波及し始めています。この記事では、ライブコマースとは何か、そしてそれがあなたのビジネスにとってどのような意味を持つのかを探ります。

2022年05月16日

ライブ・ショッピング・イベントのチェックリスト：ライブコマースのベストプラクティス
  • Agora
  • 技術動向
  • ライブ配信
  • ビデオ通話
※この投稿は、Agoraの日本総代理店であるブイキューブが、Agoraブログを翻訳した記事です。 ライブ・ショッピングは、世界中のeコマース・ビジネスにとって、最も急速に成長している収益チャネルの一つです。オンラインショッピングの利便性とリアルタイムのエンゲージメントが組み合わさることで、消費者がブランドと交流し、購買決定を下す方法が再定義されつつあります。 中国だけでも、マッキンゼーの報告書によると、ライブ・ショッピングは2025年までに1.2兆ドルに達すると予想されていて、欧米ではまだ初期段階ですが、ジュニパー・リサーチのレポートによると、ライブショッピングの売上は2026年までに550億ドルに達する見込みとなっています。 ライブコマースのこの巨大な可能性は、オンライン小売業者やマーケットプレイスが、ショッピング可能なライブストリームを自社の戦略に統合することを調査すべきことを示唆しています。ブランド、マーケットプレイス、eコマースプラットフォームのコンバージョン率を高めるために、Agoraは最近、最新のライブコマースのトレンドとベストプラクティスを探求する4部構成のウェビナーシリーズ、RTEライブショッピング2023を開催しました。 ここでは、業界の専門家からのこれらの学習に基づいて、ライブショッピングがどのようにコンバージョン率と売上を増加させることができるかを取り上げます。
Agora 勉強会 好評実施中！ご参加はこちら
    タグ一覧
    人気記事

    2023年02月07日

    ジッター（ジッタ）とレイテンシー（レイテンシ）の違い｜原因・許容値・測定方法と改善策

    2024年08月19日

    HLS（HTTP Live Streaming）とは？仕組み・遅延・LL-HLSとの違いを解説

    2025年09月19日

    レイテンシー（レイテンシ）とは？ 原因・測定と遅延の短縮方法

    2025年09月06日

    WebRTCサーバー構成の完全ガイド｜シグナリング／STUN・TURN／SFUの役割と構成例

    2025年09月04日

    WebRTC商用サービス比まとめ｜Agora / Twilio / SkyWay / Sora / Vonage / Amazon Chime / LiveKit（2025年最新版）
    新着記事

    2026年05月12日

    Agoraトライアルで最初につまずく3つのポイント

    2026年01月31日

    インターネット障害が再び起きた日 ～それでも止まらないAgoraのレジリエンス

    2026年01月05日

    Agora Convo AIの機能を使ってLive Transcriptを実装してみる

    2025年12月31日

    Agora ConvoAIとDifyを連携させ、会話AI開発を加速する

    2025年12月30日

    Agora Convo AI と連携する Custom LLM サービスを作ってみる

    先頭へ戻る