MaxYenot

Пример:

<?php

$response = file_get_contents("https://someurl.website/someJSON.json"); // Получаем JSON
$array = json_decode($response, true); // Парcим JSON в массив

print_r($array); // Выводим содержимое массива

А так, учись гуглить, это все легко находится через поиск. Главное задать правильный вопрос, а чтобы задать правильный вопрос достаточно немного подумать. Понимаю, думать не просто, но все же)

P. S. Добавлю, что кроме file_get_contents запросы в PHP можно делать еще через curl:
https://yandex.ru/search/?text=php+curl+%D0%BF%D1%...

Три популярных способа выполнять веб-запросы в PHP:

1. file_get_contents() – не самый удобный, но не требует установки зависимостей т.к. является частью ядра PHP
   
2. curl – PHP должен быть собран с этой библиотекой, чаще всего на хостингах так и есть по умолчанию.
   
3. Guzzle HTTP – устанавливается через Composer и значительно упрощает работу с запросами
   

В PHP запросы чаще выполняют синхронно, без событий-промисов, хотя такая возможность и появилась.
Выполнили запрос – дождались ответа. В следующей строчке работаете с полученным ответом.

Интересно, что неправильно заданный вопрос приводит к таким сложным последствиям.

То, что вы используете, является устаревшим Google Data API. Вам же нужно использовать Google Sheets API.

Код

const getUrl = (id, range, key) =>
  `https://sheets.googleapis.com/v4/spreadsheets/${id}/values/${range}?key=${key}`;
const arrToCollect = (array) =>
  array
    .slice(1)
    .map(
      (_, ri) =>
        array[0].reduce((ah, h, ci) => ((ah[h] = array[ri + 1][ci]), ah), {}),
      []
    );

(async () => {
  const id = '1xTXNtfabGIiFR9PdOQonmnlSPbhGcj_2Geo1v0cq4Gw';
  const range = 'Sheet';
  // Limited to the use of the contributor.pw/* domain
  const key = 'AIzaSyCt4F7Z8cVDqivNcO3slXewThZurJ4gJNY';
  let res = {};
  try {
    res = await fetch(getUrl(id, range, key));
    const data = JSON.parse(await res.text());
    console.log(data.values);
    console.log(arrToCollect(data.values));
  } catch (err) {
    console.error(err);
  }
})();

Комментарии

getUrl - функция для формирования адреса запроса к API.
arrToCollect - функция преобразования двухмерного массива в массив объектов. Я ее просто копирую, поэтому она такая плотная. Подробно https://github.com/contributorpw/google-apps-scrip... К сожалению, из-за блокировки я не могу прислать вам прямую ссылку на сайт. См. (если не лень) https://apps-script-snippets.contributor(dot)pw/snippets/common_js/2darray_to_collection/
В данном примере нужно будет создать проект в Google Cloud Console и сгенерировать API ключ, чтобы ограничить доступ и количество запросов.

Результат



Попробовать вживую https://github.com/contributorpw/contributorpw/tre.... К сожалению, из-за раздутого ЧСВ Швабры, по ссылке нужно будет нажать еще одну ссылку.

Например так:

var result = [];
var request = new XMLHttpRequest();
    request.responseType = "json";
    request.open("GET", "https://spreadsheets.google.com/feeds/cells/1371WG6WudEXfukqMMakOTJSK_P33cOyXOG69LoN8tyg/1/public/full?alt=json");
    request.onload = (req) => {
       let gscell =  req.srcElement.response.feed.entry.map( (e) => e.gs$cell);
       let col_row = parseInt(gscell[gscell.length-1].row)+1;
       let i = 1;
       while (i < col_row) {
          let res_row = gscell.filter( e => parseInt(e.row) == i);
          this_row = {};
           this_row.id = ( res_row.filter( e => parseInt(e.col) == 1).length) ?  res_row.filter( e => parseInt(e.col) == 1)[0].inputValue : null;
           this_row.english = ( res_row.filter( e => parseInt(e.col) == 2).length) ? res_row.filter( e => parseInt(e.col) == 2)[0].inputValue : null;
           this_row.translation = ( res_row.filter( e => parseInt(e.col) == 3).length) ? res_row.filter( e => parseInt(e.col) == 3)[0].inputValue : null;
           this_row.video = ( res_row.filter( e => parseInt(e.col) == 4).length) ?  res_row.filter( e => parseInt(e.col) == 4)[0].inputValue : null;
           this_row.video_format = ( res_row.filter( e => parseInt(e.col) == 5).length) ?  res_row.filter( e => parseInt(e.col) == 5)[0].inputValue : null;
           result.push(this_row);
          i++;
       }    
        console.log(result);
    }

request.send();

По первой ссылке в гугле оказалось, что у таблиц есть вот такой роут:
https://spreadsheets.google.com/feeds/cells/YOURGO...

YOURGOOGLESHEETCODE и SHEETPAGENUMBER заменить на ваши. Например:
https://spreadsheets.google.com/feeds/cells/1g4FBk...

Просто обращайтесь к первоначальному объекту, а если нужно что то из вложенного делайте проверку через

let hasOwnProperty = Object.prototype.hasOwnProperty;
if (hasOwn(item, 'hint')) {
                            if (hasOwn(item.hint, 'link')) {

                                link = item.hint.link;

                            }

                        }

и берите из него то что вам нужно если таковое существует

Почему бы тебе не сделать класс или конструктор и из него делать инстансы с нужной тебе фразой, заодно можно было бы инкапсулировать обращение к window.speechSynthesis
https://learn.javascript.ru/es-class

С помощью Media​Devices​.get​User​Media() захватить аудио и передать на сервер ajax-запросом или по websocket. На сервере принять blob, скормить движку распознавания речи, получить результат и отдать его обратно пользователю.

В последней строке опечатка, в setTimeout не передается второй параметр. В таких случаях дебаггер в помощь

У вас у последнего setTimeout параметр интервала зашел в фигурные скобки.

setTimeout(function(){ctx.clearRect(0,0,canvas.width,canvas.height), 5000})
// 5000 внутри функции, а должен быть как параметр, вот так
// нужно вот так
setTimeout(function(){ctx.clearRect(0,0,canvas.width,canvas.height); }, 5000)

submit.addEventListener("click", function(){}); замени на стрелочную функцию ()=>{}, и тогда контекст останется. Или можно использовать метод bind для указания контекста, иначе он будет браться по умолчанию, в данном случае это HTMLButtonElement
PS: если использовать typescript, то эта ошибка была бы сразу видна.

if ('SpeechRecognition' in window) {
  ...
} else {
  // не поддерживает
}

var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
if (SpeechRecognition) {
  var recognition = new SpeechRecognition();
  // ...
} else {
  // не поддерживает
}

Правильно ли я понял, SpeechRecognition это функция-конструктор? И в переменную recognition мы помещаем экземпляр класса SpeechRecognition?

да

Правильно ли я понял, SpeechRecognition это функция-конструктор?

Чтобы подобных сомнений не возникало заглядывайте почаще на MDN.

Как можно проверить при помощи , js узнать, есть ли у браузера этот ?класс? ? объект? Этот API, в общем...

var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;

locals().get("para1")