Jkvideo Bilibili React Native

This is a reference implementation for anyone building a Bilibili client or working with DASH video in React Native. The skill covers the full WBI signature flow (pure TypeScript MD5, no crypto deps), MPD generation for ExoPlayer, real-time WebSocket danmaku, and QR login. It's based on a working app with Expo SDK 55 and react-native-video, so you get concrete patterns for things like cookie injection in axios interceptors and nav key caching with 12h TTL. Useful if you're dealing with authenticated Chinese video APIs or need a starting point for adaptive streaming with live comments. The code is production-tested, not a toy example.

skills.sh installs: 835
GitHub stars: 61
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add aradotso/trending-skills --skill jkvideo-bilibili-react-native --agent claude-code

Installs into .claude/skills of the current project.

Files

JKVideo Bilibili React Native Client

Skill by ara.so — Daily 2026 Skills collection.

JKVideo is a full-featured third-party Bilibili client built with React Native 0.83 + Expo SDK 55. It supports DASH adaptive streaming, real-time danmaku (bullet comments), WBI API signing, QR code login, live streaming with WebSocket danmaku, and a download manager with LAN QR sharing.

Installation & Setup

Prerequisites

Node.js 18+
npm or yarn
For Android: Android Studio + SDK
For iOS: macOS + Xcode 15+

Quick Start (Expo Go — no compilation)

git clone https://github.com/tiajinsha/JKVideo.git
cd JKVideo
npm install
npx expo start

Scan the QR with Expo Go app. Note: DASH 1080P+ requires Dev Build.

Dev Build (Full Features — Recommended)

npm install
npx expo run:android   # Android
npx expo run:ios       # iOS (macOS + Xcode required)

Web with Image Proxy

npm install
npx expo start --web
# In a separate terminal:
node scripts/proxy.js   # Starts proxy on port 3001 to bypass Bilibili referer restrictions

SKILL.md on GitHub