skillok meeting
v1.1
Перейти к файлу
Код
meeting index.html
anc Меню как у skillok.org, живая расшифровка и ответ ИИ, длинные записи (#13) - Логотип убран. Шапка и меню как у skillok.org: кнопка ☰ открывает панель слева (Главная, Записать, Добавить аудиофайл, записи с поиском, Настройки), закрытие крестиком, кликом мимо, Esc и переходом; крошки «Skillok Meet / запись». Список записей с поиском — на главной. - Во время записи один общий уровень вместо «Вы» и «Собеседники». - Расшифровка по ходу: реплики приходят по порядку времени (кусок уходит, когда готовы все куски раньше), текст растёт на экране. - Ответ ИИ потоком (stream: true): конспект, задачи, ревью и свой запрос пишутся на глазах. - Длинные записи: дорожка не читается в память целиком — нарезка блоками по 10 с, каждый кусок читается с диска перед отправкой; чужой файл один раз перегоняется во временный WAV. Прогон 2 ч × 2 дорожки с подделкой распознавания: 1600 кусков, последняя реплика 01:59:55, пик памяти 25 МБ. - Говорящий в файле без дорожек — «Спикер 1». Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> 3938872 30 сентября 2026 г.
index.html
<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Skillok Meet</title>
  <link rel="stylesheet" href="/src/styles/tokens.css">
  <link rel="stylesheet" href="/src/styles/ui.css">
  <link rel="stylesheet" href="/src/styles/app.css">
</head>
<body>
  <header class="hdr">
    <div class="hdr-row">
      <details class="drawer hdr-nav" name="shell-top">
        <summary class="hdr-burger" title="Меню" aria-label="Меню">
          <span class="hdr-burger-bar"></span>
          <span class="hdr-burger-bar"></span>
          <span class="hdr-burger-bar"></span>
        </summary>
        <div class="drawer-body" id="drawer"></div>
      </details>
      <nav class="hdr-crumbs" id="crumbs" aria-label="Где я"></nav>
      <span class="hdr-spacer"></span>
      <div class="hdr-right" id="hdr-right"></div>
    </div>
  </header>
  <main id="app" class="main"></main>
  <p id="toast" class="toast" role="status" hidden></p>
  <script type="module" src="/src/main.ts"></script>
</body>
</html>