Быстрый старт

От пустого файла до вашего приложения в настоящей встрече ReMeet — минут за пять.

1. Напишите страницу

Приложение ReMeet — это обычная веб-страница. Эта здоровается с человеком и даёт всем во встрече помахать друг другу:

<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Помахать</title>
</head>
<body>
  <h1 id="hello">Подключаемся…</h1>
  <button id="wave">👋 Помахать всем</button>

  <script src="https://sdk.remeet.video/v0.js"></script>
  <script>
    ReMeet.ready().then((app) => {
      document.getElementById('hello').textContent = `Привет, ${app.me.name}!`;

      document.getElementById('wave').onclick = () => app.broadcast({ type: 'wave' });

      app.on('broadcast', ({ from, data }) => {
        if (data.type === 'wave') {
          app.notify(`${from.name} машет`);
          app.badges.set(from.id, '👋');
        }
      });
    }).catch((error) => {
      document.getElementById('hello').textContent = error.message;
    });
  </script>
</body>
</html>

Начните с шаблона

starter.html — один файл, в котором есть весь API: участники, обмен данными, хранилище, значки и уведомления. Его можно дать любой нейросети как основу: «сделай мне приложение для ReMeet, которое…».

2. Положите её на https

Подойдёт любой статический хостинг: GitHub Pages, Netlify, Vercel, Cloudflare Pages или ваш сервер. Правила:

• адрес — https;
• домен ваш, а не remeet.video;
• страницу можно показать в рамке на https://remeet.video: она не отдаёт X-Frame-Options: DENY, а frame-ancestors в Content-Security-Policy, если вы его задаёте, разрешает https://remeet.video и https://sdk.remeet.video. Большинство статических хостингов по умолчанию это разрешают.

3. Проверьте в симуляторе

Откройте симулятор с адресом вашей страницы:

https://sdk.remeet.video/simulator.html?url=https://your-site.example/wave.html

Он запускает две копии приложения — You и Anna — как будто вы два человека в одной встрече. Нажмите «Помахать» в одной — вторая получит сообщение. Подробнее — в разделе Симулятор.

4. Опишите приложение в remeet.json

Положите манифест рядом со страницей, на любой https-адрес:

{
  "key": "wave",
  "version": "0.1.0",
  "name": { "en": "Wave", "ru": "Помахать" },
  "description": { "en": "Wave to everyone in the meeting.", "ru": "Помашите всем во встрече." },
  "developer": { "name": "Ваше имя", "url": "https://your-site.example" },
  "surfaces": {
    "panel": { "url": "https://your-site.example/wave.html" }
  },
  "permissions": ["app.broadcast", "badges.write"]
}

Все поля описаны в разделе Манифест. Просите только те права, которыми пользуетесь: человек видит этот список перед установкой.

5. Добавьте в ReMeet

Во время закрытой беты приложения добавляет команда ReMeet по адресу манифеста: Админка → Маркетплейс → Добавить приложение по манифесту. ReMeet проверяет манифест, и приложение появляется в маркетплейсе с пометкой Бета. Пришлите адрес манифеста команде ReMeet.

Дальше

Аккаунты разработчиков: вы подаёте заявку, мы одобряем — и дальше вы сами добавляете приложения, проверяете их приватно и отправляете в маркетплейс.

6. Установите и откройте во встрече

1. Маркетплейс → ваше приложение → Разрешить и добавить. В окне видно, что приложение сможет делать.
2. Начните встречу или зайдите в неё → Ещё → ваше приложение. Оно откроется в боковой панели.
3. Зайдите в ту же встречу со второго устройства под другим аккаунтом, где приложение тоже установлено, и помашите.

Готово. Дальше — как это устроено.