이 튜토리얼에서는 미디어 도구를 사용하여 UXPin 디자인에 비디오와 사운드 효과를 추가하는 방법을 보여줍니다.
YouTube 및 Vimeo 동영상
YouTube 및 Vimeo 동영상을 디자인에 추가하려면 다음 단계를 따르세요.
- 왼쪽의 빠른 도구 패널에서 Media (미디어)를 선택하고 Video (동영상)를 선택합니다.
- 클릭하고 드래그하여 캔버스에 동영상을 삽입할 크기와 모양을 결정합니다.
https://uxpincommunity.cdn.prismic.io/uxpincommunity/94cee6de-3ebc-439f-8a40-11964ab5d3b2_01_AddingVideoAndSound.mp4
- 속성 패널에 VIDEO 섹션이 표시됩니다. YouTube 및 Vimeo 링크를 입력란에 붙여넣습니다. 사용 가능한 비디오 형식은 이 튜토리얼에서 자세히 설명합니다.
- 디자인을 미리보기 해보세요.
https://uxpincommunity.cdn.prismic.io/uxpincommunity/80926fea-6764-4f9d-baef-518dd8ae4489_03_AddingVideoAndSound.mp4
동영상 파일
UXPin에서는 다음 형식의 동영상에 대한 링크를 추가할 수 있습니다: MP4, WebM, Ogg
- 왼쪽의 빠른 도구 패널에서 Media (미디어)를 선택하고, Video (동영상)를 선택합니다.
- 클릭하고 드래그하여 캔버스에 동영상의 크기와 모양을 정의합니다.
- 속성패널의 VIDEO 섹션의 입력란에 동영상 링크를 붙여넣습니다.
https://uxpincommunity.cdn.prismic.io/uxpincommunity/28ecf542-e3a3-4824-8ece-9303cac8b8f0_04_AddingVideoAndSound.mp4
- 디자인 오른쪽 상단의 Preview Prototype (프로토타입 미리보기)에서 확인할 수 있습니다.
https://uxpincommunity.cdn.prismic.io/uxpincommunity/b8f17828-97ab-4897-b0d2-147af6ad5a8e_05_AddingVideoAndSound.mp4