이 튜토리얼에서는 미디어 도구를 사용하여 UXPin 디자인에 비디오와 사운드 효과를 추가하는 방법을 보여줍니다.

YouTube 및 Vimeo 동영상

YouTube 및 Vimeo 동영상을 디자인에 추가하려면 다음 단계를 따르세요.

  1. 왼쪽의 빠른 도구 패널에서 Media (미디어)를 선택하고 Video (동영상)를 선택합니다.
  2. 클릭하고 드래그하여 캔버스에 동영상을 삽입할 크기와 모양을 결정합니다.

https://uxpincommunity.cdn.prismic.io/uxpincommunity/94cee6de-3ebc-439f-8a40-11964ab5d3b2_01_AddingVideoAndSound.mp4

  1. 속성 패널에 VIDEO 섹션이 표시됩니다. YouTube 및 Vimeo 링크를 입력란에 붙여넣습니다. 사용 가능한 비디오 형식은 이 튜토리얼에서 자세히 설명합니다.

https://images.prismic.io/uxpincommunity/050bcd9b-66cf-4496-af5a-ecee4622c0f8_02_AddingVideoAndSound.png?auto=compress,format&rect=0,0,752,500&w=1504&h=1000

  1. 디자인을 미리보기 해보세요.

https://uxpincommunity.cdn.prismic.io/uxpincommunity/80926fea-6764-4f9d-baef-518dd8ae4489_03_AddingVideoAndSound.mp4

동영상 파일

UXPin에서는 다음 형식의 동영상에 대한 링크를 추가할 수 있습니다: MP4, WebM, Ogg

  1. 왼쪽의 빠른 도구 패널에서 Media (미디어)를 선택하고, Video (동영상)를 선택합니다.
  2. 클릭하고 드래그하여 캔버스에 동영상의 크기와 모양을 정의합니다.
  3. 속성패널의 VIDEO 섹션의 입력란에 동영상 링크를 붙여넣습니다.

https://uxpincommunity.cdn.prismic.io/uxpincommunity/28ecf542-e3a3-4824-8ece-9303cac8b8f0_04_AddingVideoAndSound.mp4

  1. 디자인 오른쪽 상단의 Preview Prototype (프로토타입 미리보기)에서 확인할 수 있습니다.

https://uxpincommunity.cdn.prismic.io/uxpincommunity/b8f17828-97ab-4897-b0d2-147af6ad5a8e_05_AddingVideoAndSound.mp4