Пропустить навигацию
Обновлено: 12.08.2026
Открыть как Markdown

Компонент для воспроизведения видео Kinescope в React Native (iOS и Android). Опирается на react-native-video . Репозиторий: kinescope/react-native-kinescope-video .

Установка

npm install @kinescope/react-native-kinescope-video react-native-video@6.4.2 @react-native-async-storage/async-storage --save

На iOS после установки зависимостей:

npx pod-install

Android: репозитории

В android/build.gradle в allprojects.repositories добавьте jcenter(), если его ещё нет:

allprojects {
  repositories {
    jcenter()
  }
}

TypeScript: ошибка TS2786

Если TypeScript ругается, что Video нельзя использовать как JSX-компонент, в tsconfig.jsoncompilerOptions добавьте:

{
  "compilerOptions": {
    "paths": {
      "react": ["./node_modules/@types/react"]
    }
  }
}

Props

Помимо своих props компонент принимает props react-native-video .

PropТипОписание
videoIdstringID видео из app.kinescope.io (обязательный)
preloadbooleanПредзагрузка видео
externalIdstringВнешний ID для аналитики
qualityquality typeКачество воспроизведения
autoSeekChangeQualitybooleanПо умолчанию true; только iOS
drmAuthTokenstringТокен для DRM
refererstringReferer-заголовок
posterResizeModeImageResizeModeРежим масштабирования постера

События

Помимо своих событий компонент поддерживает события react-native-video .

СобытиеДанные
onManifestLoadStart
onManifestLoadmanifest: ManifestEventLoadTypes
onManifestErrorerror: unknown

Что дальше?