More than 3 years have passed since last update.

Zoom SDKをPHPとJavaScriptでサクッと動かす

Posted at 2020-05-06

Zoomのビデオ通話を最短で動かしてみる。

準備

ZoomのApp MarketplaceでCreated Apps => JWTを選択し、API KeyとAPI Secretを取得する。

ソースコード

$apiKey, $apiSecret, $meetingNumberなどを変更し、以下のソースコードを　PHPの動作する環境に設置してアクセスする。

Signature作成

<?php
$apiKey = '**********';
$apiSecret = '**********';

$meetingNumber = '0000000000';
$role = '0'; // 1 is host, 0 is participants

$time = time() * 1000 - 30000;

$data = base64_encode($apiKey . $meetingNumber . $time . $role);

$hash = hash_hmac('sha256', $data, $apiSecret, true);

$sig = $apiKey . "." . $meetingNumber . "." . $time . "." . $role . "." . base64_encode($hash);

$signature = rtrim(strtr(base64_encode($sig), '+/', '-_'), '=');
?>

ページ

<html lang="ja">
<head>
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.7.5/css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.7.5/css/react-select.css" />
</head>
<body>
<script src="https://source.zoom.us/1.7.6/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/jquery.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/lodash.min.js"></script>

<script src="https://source.zoom.us/zoom-meeting-1.7.6.min.js"></script>
<script>
    ZoomMtg.preLoadWasm();
    ZoomMtg.prepareJssdk();
    ZoomMtg.setZoomJSLib('https://dmogdx0jrul3u.cloudfront.net/1.7.6/lib', '/av');

    ZoomMtg.init({
        debug: true,
        leaveUrl: 'https://xxx.xxx/leave.php',
        isSupportAV: true,
        success: function() {
            ZoomMtg.join({
                signature: '<?php echo $signature; ?>',
                apiKey: '<?php echo $apiKey; ?>',
                meetingNumber: <?php echo $meetingNumber; ?>,
                userName: 'name',
                userEmail: '***@gmail.com',
                passWord: '',
                error(res) {
                    console.log(res);
                }
            });
        }
    });
</script>
</body>
</html>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up