Video Lecture

Komponent wykładu wideo, w którym wyświetlane są filmy przeplatane elementami interaktywnymi.

Opcje

• controls | boolean: wskazuje, czy mają być wyświetlane elementy sterujące odtwarzaczy wideo. Default: true.
• instructorView | boolean: kontroluje, czy włączyć widok instruktora. Default: true.
• linkToDashboard | boolean: kontroluje, czy po zakończeniu wykładu wideo ma zostać wyświetlony link do tablicy rozdzielczej. Default: false.
• steps | array (required): tablica wideo adresów URL i komponentów, które mają być wyświetlane w międzyczasie. Default: none.
• videoWidth | (string|number): szerokość wideo. Default: '100%'.
• videoHeight | (string|number): wysokość wideo. Default: '98vh'.
• style | object: Styl CSS inline. Default: {}.

Przykłady

Edytor na żywo

<VideoLecture steps={[ 'https://www.youtube.com/watch?v=Lkj8b25ppZo', <FreeTextQuestion id="video-lecture-brainstorming" question="Write down a few ideas of how one could enrich video lectures using other ISLE components" /> ]} />

<VideoLecture steps={[
    'https://www.youtube.com/watch?v=Lkj8b25ppZo',
    <FreeTextQuestion id="video-lecture-brainstorming" question="Write down a few ideas of how one could enrich video lectures using other ISLE components" />
]} />

Wynik

ReferenceError: Provider is not defined