자바스크립트 Universal Viewer는 이미지, 동영상 등 다양한 형식의 미디어를 웹 브라우저에서 표시해주는 라이브러리입니다. 이 라이브러리는 사용자가 편리하게 미디어를 탐색하고 북마크를 추가할 수 있는 다양한 기능을 제공합니다.

북마크 기능 소개

Universal Viewer의 북마크 기능은 사용자가 특정 시점을 북마크로 저장하고 나중에 다시 그 위치로 이동할 수 있도록 합니다. 이를 통해 사용자는 특정 이미지나 동영상의 특정 부분에 직접 링크를 걸어 다른 사용자와 공유할 수 있습니다.

북마크 추가하기

Universal Viewer에서 북마크를 추가하는 방법은 간단합니다. 사용자는 미디어 파일을 로드한 후 원하는 시점으로 이동한 뒤, 북마크 추가 버튼을 클릭하면 됩니다. 북마크 추가 버튼은 일반적으로 선호하는 위치에 배치할 수 있습니다.

viewer.addBookmarkButton();

위의 코드는 Universal Viewer에 북마크 추가 버튼을 추가하는 예시입니다.

북마크 이동하기

북마크가 추가되면 사용자는 나중에 해당 북마크로 쉽게 이동할 수 있습니다. 북마크로 이동하기 위해서는 북마크가 추가된 시점으로 이동해야 합니다. Universal Viewer에서는 goToBookmark 메서드를 사용하여 북마크 위치로 이동할 수 있습니다.

viewer.goToBookmark(bookmarkId);

위의 코드에서 bookmarkId는 이동하려는 북마크의 고유 식별자입니다.

커스텀 북마크 기능

Universal Viewer는 사용자가 커스텀 북마크 기능을 추가할 수 있도록 확장 가능합니다. 사용자는 북마크 추가 버튼을 클릭할 때마다 마커를 생성하는 방식을 변경하거나, 북마크를 저장하는 방식을 변경할 수 있습니다. 이러한 확장성은 사용자 맞춤형 웹 애플리케이션을 구축하는 데 큰 도움이 됩니다.

결론

JavaScript Universal Viewer에서 제공하는 북마크 기능은 사용자가 편리하게 미디어를 탐색하고 공유할 수 있도록 도와줍니다. 북마크 추가와 이동, 커스텀 기능 확장 등 다양한 기능을 활용하여 웹 애플리케이션을 구축할 수 있습니다.