개발/Unity

유니티 AR - 이미지 타겟팅 : 사진을 누르면 비디오 실행하기 (Video PlayBack in Vuforia)

피로물든딸기 2023. 6. 24. 15:19
반응형

Unity 전체 링크

 

참고

- 유니티 AR 뷰포리아 튜토리얼

- 프로젝트에 뷰포리아 라이센스 키 적용하기

- 이미지 타겟팅으로 오브젝트 띄우기 From Image

 

이미지 타겟팅을 응용해서 그림 클릭하면, 동영상이 재생되도록 해보자.

이 글에서는 트와이스 사진을 클릭하면 뮤직 비디오가 실행되도록 한다.


유니티 비디오 플레이어

 

적절한 영상을 가져온 후, 영상 첫 부분만 png로 만든다.

이 예제에서는 트와이스를 이용하였다. (https://www.youtube.com/watch?v=8A2t_tAjMz8 )

 

유니티 씬에서 Quad를 하나 생성하자.

 

위의 이미지를 Quad로 드래그 & 드랍 한 후, 크기를 적절히 조절한다.

 

Quad에 Video Player를 추가하고 mp4 영상을 추가한다.

 

게임을 실행하면 쿼드에서 영상이 재생되는 것을 알 수 있다.


이미지 타겟으로 설정하기

 

이제 ImageTarget 오브젝트를 만들고 Type은 From Image, 그리고 트와이스 이미지를 추가하자.

 

위에서 만든 QuadImageTarget 자식으로 설정한다.

 

그리고 크기와 위치를 조절하여 Image Target과 Quad를 같도록 하자.

 

Quad의 Video Play에서 Play On Awake를 체크해제 한다.

그리고 VideoController.cs를 추가한다.

 

VideoController.cs는 다음과 같다.

 

QuadMesh Collider가 있기 때문에 OnMouseDown에서 클릭 이벤트를 감지한다.

따라서 영상을 클릭했을 때, Play 중이면 Pause, 그렇지 않다면 Play를 하도록 하였다.

참고로 Stop 메서드는 영상 자체를 멈추고 처음으로 되돌리기 때문에 다시 Play를 하면 처음부터 시작하게 된다.

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Video;

public class VideoController : MonoBehaviour
{
    VideoPlayer videoPlayer;

    void Start()
    {
        videoPlayer = this.GetComponent<VideoPlayer>();
    }

    void OnMouseDown()
    {
        if (videoPlayer.isPlaying) videoPlayer.Pause();
        else videoPlayer.Play();
    }
}

 

이제 트와이스 사진을 누르면 영상이 실행되는지 확인해 보자.

 

반응형