カメラ撮影した画像をOCRしたい

サイト作成の勉強中です。

スマホブラウザ上のカメラで撮影した画像をGCPのVisionAIでOCRしようとしています。
①ブラウザで撮影→OK
②Canvasをbase64エンコード→OK
③POST先にBase64が渡っている→OK
※base64がうまく処理できているかはconsole.logやvar_dumpしたものを
https://rakko.tools/tools/71/
このサイトでデコードして確認しました。
④しかし、VisionAPIが文字を返しません。
ちなみに、テストでAPIに画像送ったところ問題なくOCRしてくれます。

何か、お作法的なものがあるのでしょうか？
アドバイスのほどよろしくお願いします。

main.js
1var video = document.querySelector('#video');
2var canvas = document.querySelector('#canvas');
3
4navigator.mediaDevices.getUserMedia({
5    video: {
6        facingMode: { exact: "environment" },
7        width: { min: 640 },
8        height: { min: 360 }
9    },
10    audio: false
11})
12.then(function(stream){
13    video.srcObject = stream;
14    video.play();
15    
16})
17.catch(function(e){
18    document.querySelector('#result').textContent = JSON.stringify(e);
19});
20
21document.getElementById("shutter").addEventListener("click", () => {
22    se.play();
23    var cvs = canvas.getContext('2d');
24    cvs.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
25    var base64 = canvas.toDataURL('image/png');
26    console.log(base64);
27
28    var data = {};
29    data.image = base64;
30
31    var form = document.createElement('form');
32    var request = document.createElement('input');
33 
34    form.method = 'POST';
35    form.action = 'result.php';
36 
37    request.type = 'hidden'; //入力フォームが表示されないように
38    request.name = 'image';
39    request.value = base64;
40 
41    form.appendChild(request);
42    document.body.appendChild(form);
43 
44    form.submit();
45
46});

result.php
1<?PHP
2// APIキー
3$api_key = "***" ;
4
5// リクエスト用のJSONを作成
6$json = json_encode( array(
7        "requests" => array(
8                array(
9                        "image" => array(
10                                "content" => $_POST['image'] ,
11                        ) ,
12                        "features" => array(
13                                array(
14                                        "type" => "TEXT_DETECTION" ,
15                                        "maxResults" => 10 ,
16                                ) ,
17                        ) ,
18                ) ,
19        ) ,
20) ) ;
21
22// リクエストを実行
23$curl = curl_init() ;
24curl_setopt( $curl, CURLOPT_URL, "https://vision.googleapis.com/v1/images:annotate?key=" . $api_key ) ;
25curl_setopt( $curl, CURLOPT_HEADER, true ) ;
26curl_setopt( $curl, CURLOPT_CUSTOMREQUEST, "POST" ) ;
27curl_setopt( $curl, CURLOPT_HTTPHEADER, array( "Content-Type: application/json" ) ) ;
28curl_setopt( $curl, CURLOPT_SSL_VERIFYPEER, false ) ;
29curl_setopt( $curl, CURLOPT_RETURNTRANSFER, true ) ;
30if( isset($referer) && !empty($referer) ) curl_setopt( $curl, CURLOPT_REFERER, $referer ) ;
31curl_setopt( $curl, CURLOPT_TIMEOUT, 15 ) ;
32curl_setopt( $curl, CURLOPT_POSTFIELDS, $json ) ;
33$res1 = curl_exec( $curl ) ;
34$res2 = curl_getinfo( $curl ) ;
35curl_close( $curl ) ;
36
37// 取得したデータ
38$json = substr( $res1, $res2["header_size"] ) ;
39$array_json=json_decode($json, true);
40
41$text=$array_json["responses"]["0"]["textAnnotations"]["0"]["description"];
42echo $text;