IMLAB / Slide Player

강의를 위한 PPT 이미지를 보면서 그것들의 스크립트를 오디오로 함께 듣게 해 주는 컴포넌트.

라이브 데모

설치방법

npm install imlab_slide_player --save

yarn add imlab_slide_player

사용방법

SlidePlayer 를 컴포넌트에 추가해 주세요.

import React from 'react'
import ReactDOM from 'react-dom/client'
import { SlidePlayer } from 'imlab_slide_player'

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(
    <React.StrictMode>
        <div>
            <h3 style={{ textAlign: "center", fontSize: "2rem" }}>
                Slide Player
            </h3>
            <SlidePlayer lectureID="1234" />
        </div>
    </React.StrictMode>,
)

속성 설명

Props | Type | Required | Description --- | --- | --- | --- lectureID | string | ✅ | 시청할 강의의 고유번호입니다. audioLoadLimit | number | | 테스트 또는 개발을 할 때, 재생할 스크립트의 수를 제한하여 부하를 줄이는 용도입니다.