퓨즈[Fusetools] 문서[Docs] 번역

  1. Home
  2. 퓨즈[Fusetools] 문서[Docs] 번역
  3. 프리미티브[Primitives]
  4. 비디오[Video]

비디오[Video]

Video 클래스

비디오를 표시합니다.

비디오는 File 또는 Url 속성을 통해 파일 또는 스트림에서 비디오를 재생할 수 있습니다. 이미지와 비슷합니다. StretchMode, StretchDirection 및 ContentAlignment 속성을 공유하며 두 클래스 모두 동일한 방식으로 작동합니다.

유용한 속성들

비디오에는 Image와 공유되는 속성 외에 속성을 구성하거나 제어하는 데 사용할 수 있는 속성 집합이 함께 제공됩니다.

  • Volume: 0.0 ~ 1.0의 범위, 기본값은 1.0입니다.
  • Duration: 동영상 재생 시간 (초)
  • Position: 동영상의 현재 위치 (초)
  • IsLooping: 비디오가 반복되는지 여부. 기본값은 false입니다.

비디오와 함께 사용할 수 있는 유용한 트리거

1
2
3
4
5
6
7
<Video>
    <WhilePlaying />    <!-- 동영상이 재생 중일 때 -->
    <WhilePaused />     <!-- 동영상이 일시 정지 중일 때 -->
    <WhileCompleted />  <!-- 동영상 재생이 완료되었을 때 -->
    <WhileLoading />    <!-- 비디오가 로드되는 동안에 -->
    <WhileFailed />     <!-- 비디오가 로드되지 않았거나 오류가 발생한 경우 -->
</Video>

비디오를 제어하는 데 사용할 수 있는 유용한 액션들

퓨즈에는 비디오를 제어하는 데 사용할 수 있는 일련의 액션들이 있습니다. 그것들은 모두 자신이 제어하는 Video 요소를 지정하는 공통의 Target 속성을 가지고 있습니다.

1
2
3
<Pause />                  <!-- 현재 위치를 그대로두고 재생을 일시 중지합니다. -->
<Stop />                   <!-- 재생을 중지하고 비디오 시작 부분으로 돌아갑니다. -->
<Resume />                 <!-- 현재 위치에서 재생 재개 -->

지원되는 형식(formats)

비디오는 내보내기 대상에서 제공하는 비디오 코드를 사용하여 구현되므로 플랫폼이 지원하는 모든 것을 지원합니다. Windows, OS X, Android 및 iOS는 일부 형식에 대한 지원을 공유하지 않을 수 있습니다.

로컬 파일 시스템에서 재생

동영상은 앱이 실행되는 기기의 로컬 파일 시스템에서 재생할 수도 있습니다. file://을 비디오의 절대 경로 앞에 추가하여 수행할 수 있습니다:

1
<Video File="file:///data/data/com.fuse.app/video.mp4" />

시작 부분에 세 개의 슬래시가 있음을 알 수 있습니다. 이것은 유닉스 파일 시스템 경로가 항상 / 로 시작되기 때문입니다.

예제

다음 예제는 비디오를 재생하고, ProgressAnimation을 사용하여 재생 진행률을 표시하고, 일시 중지 및 다시 시작 애니메이터를 사용하여 비디오를 일시 중지/다시 시작하는 방법을 보여줍니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<DockPanel>
    <Video ux:Name="video" Dock="Fill" File="fuse_video.mp4" IsLooping="true" StretchMode="UniformToFill">
        <ProgressAnimation>
            <Change progressBar.Width="100" />
        </ProgressAnimation>
    </Video>
    <Rectangle ux:Name="progressBar" Dock="Bottom" Fill="#f00" Width="0%" Height="10" />
    <Grid Dock="Bottom" ColumnCount="2" RowCount="1">
        <Button Text="Play">
            <Clicked>
                <Resume Target="video" />
            </Clicked>
        </Button>
        <Button Text="Pause">
            <Clicked>
                <Pause Target="video" />
            </Clicked>
        </Button>
    </Grid>
</DockPanel>

Video의 인터페이스

링크로 대신합니다: https://www.fusetools.com/docs/fuse/controls/video#section-table-of-contents

Was this article helpful to you? Yes No

How can we help?