Bắt đầu với Player SDK

Đây là bản xem trước của SDK. Tài liệu tham chiếu đầy đủ sẽ có khi mở beta.

1
1. Cài package
SDK web không phụ thuộc thư viện nào khác lúc chạy, nặng khoảng 40 KB sau khi nén gzip.
terminal
npm install @we11cloud/player

2. Tải video lên

Tạo phiên tải lên từ máy chủ, rồi gửi file từ client. Bạn nhận lại một playback ID.

create-upload.sh

curl https://api.we11cloud.com/v1/uploads \
  -H "Authorization: Bearer $WE11_API_KEY" \
  -d '{ "title": "Launch keynote", "access": "signed" }'

# → { "upload_url": "https://up.we11cloud.com/…", "playback_id": "pl_8Hq2…" }

3. Phát video

Truyền playback ID cho player. Phát thích ứng, phụ đề và analytics đã bật sẵn.

player.ts

import { createPlayer } from '@we11cloud/player'

const player = createPlayer('#video', {
  playbackId: 'pl_8Hq2xK',
  autoplay: 'muted',
  captions: ['en', 'vi'],
})

player.on('qualitychange', ({ height }) => {
  console.log(`Now playing ${height}p`)
})

player.ts

import { createPlayer } from '@we11cloud/player'

const player = createPlayer('#video', {
  playbackId: 'pl_8Hq2xK',
  autoplay: 'muted',
  captions: ['en', 'vi'],
})

player.on('qualitychange', ({ height }) => {
  console.log(`Now playing ${height}p`)
})

Lesson.tsx

import { We11Player } from '@we11cloud/player/react'

export function Lesson({ id }: { id: string }) {
  return (
    <We11Player
      playbackId={id}
      accentColor="#5b8cff"
      onEnded={() => markComplete(id)}
    />
  )
}

LessonView.swift

import We11Player

struct LessonView: View {
  let playbackId: String

  var body: some View {
    We11PlayerView(playbackId: playbackId)
      .captions([.english, .vietnamese])
      .aspectRatio(16 / 9, contentMode: .fit)
  }
}

LessonScreen.kt

import com.we11cloud.player.We11Player

@Composable
fun LessonScreen(playbackId: String) {
  We11Player(
    playbackId = playbackId,
    captions = listOf("en", "vi"),
    modifier = Modifier.aspectRatio(16f / 9f),
  )
}

Xây sản phẩm video của bạn trên We11cloud

Kể cho chúng tôi bạn đang làm sản phẩm gì. Chúng tôi sẽ dựng workspace beta và cùng bạn phát luồng video đầu tiên.

Đăng ký dùng sớm Liên hệ đội ngũ

Bắt đầu với Player SDK

1. Cài package

2. Tải video lên

3. Phát video

Xây sản phẩm video của bạn trên We11cloud