---
title: {{ page_meta.name }}｜{{ group.public_title }}｜{{ site_settings.logo_alt }}
description: ビデオ通話やライブ配信を簡単に実装できるAgora SDK。ライブコマースサンプルのご紹介。
---

[Agora Go Real ](https://jp.vcube.com/sdk/blog)

# [{{ page_meta.name }}｜{{ group.public_title }}｜{{ site_settings.logo_alt }}](https://jp.vcube.com/sdk/blog/implementation-live-commerce-sample.html)

 作成者: [ブイキューブ](https://jp.vcube.com/sdk/blog/author/v-cube)｜May 16, 2022 6:04:29 AM

## 開発環境

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](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);
    
    
```

[そのほか、最新の実装例・サンプルコード記事はこちら](https://qiita.com/v-cube)

[完全な記事を表示](https://jp.vcube.com/sdk/blog/implementation-live-commerce-sample.html)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "ブイキューブ"
  },
  "dateModified" : "2022-05-16T06:04:29.798Z",
  "datePublished" : "2022-05-16T06:04:29Z",
  "headline" : "Agora.io SDKを利用したライブコマースサンプル(WebRTC版)",
  "image" : {
    "@type" : "ImageObject",
    "height" : 630,
    "url" : "https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/solution/sdk/blog/common/agora_blog_ogp.png",
    "width" : 1200
  },
  "mainEntityOfPage" : "https://jp.vcube.com/sdk/blog/implementation-live-commerce-sample.html",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Agora Go Real"
  }
}
```