Data

NameTypeDefault valueDescription
widthNumber1800The width of the video canvas.
downloadUrlString|nullnullThe URL for the downloaded video.
mediaRecorderMediaRecorder|nullnullThe MediaRecorder instance for recording the video.
recordingChunksArray-The chunks of video data recorded.
countNumber|nullnullThe current count in the video, used for choreography timing.
animationTimelinegsap.timeline|nullnullThe GSAP timeline for controlling the animation of the video.
bpsNumber2.5Beats per second for the choreography.
userObject|nullnullThe authenticated user object.
choreoObject|nullnullThe choreography object being exported.
teamMembersArray-The members of the team participating in the choreography.
animationIsRunningBooleanfalseWhether the animation is currently running.
recordingIsRunningBooleanfalseWhether the recording is currently running.
includeCountBooleantrueWhether to include the count in the video.
includeTeamNameBooleantrueWhether to include the team name in the video.
includeChoreoNameBooleantrueWhether to include the choreography name in the video.
includedMembersArray-The names of team members to include in the video.
includeClubLogoBooleanfalseWhether to include the club logo in the video.
currentClubLogoBlobBlob|nullnullThe Blob URL of the current club's logo, if available.
downloadOptionsArray[{id:'webm', ext: '.webm', name: 'Webm'}, {id: 'mp4', ext: '.mp4', name: 'MP4'}] - The available download options for the video.
ffmpegFFmpeg|nullnullThe FFmpeg instance for video processing.
mp4UrlString|nullnullThe URL for the MP4 version of the video, if available.

Computed

NameTypeDescription
currentClubObjectThe current club of the user, based on the store state.
waitingSloganStringA random slogan displayed while the video is being generated.
heightNumberThe height of the video canvas, calculated based on the width and the aspect ratio.
metaInfoMetaInfo-

Examples

<VideoExport :width="800" />
<VideoExport />